How do I add apps to the Apps tab?

Simpplr allows you to customize your Apps Launcher by adding your organization's most commonly used applications directly to your Simpplr Home dashboard.

apps_launcher_1.png

 

Note:

To set up the Apps Launcher with your own apps, the App manager or system admin for your intranet must connect the applications with the instructions below.


Begin by adding custom JSON to your Simpplr intranet. To do so: 

  1. Navigate to the Manage > Manage application menu and select Setup. then choose Navigation.

    apps_launcher_custom_1.gif
  2. Select Custom JSON in the Single Sign On integration field.
  3. Enter your custom JSON code in the box. Below is a sample of what your code should look like. Copy & paste this into the box, or download the attachment at the bottom of this article to use as your template.
    [{    "name": "Google Mail",    "url": "http://google.com",    "img": "https://www.abc.xyz/text.jpg"}, {    "name": "Google",    "url": "http://google.com",    "img": "https://www.abc.xyz/googleicon.jpg"}, {    "name": "Simpplr",    "url": "http://simpplr.com",    "img": "https://www.abc.xyz/simpplricon.jpg"}, {    "name": "Another App",    "url": "http://google.com",    "img": "https://www.abc.xyz/icon.jpg"}, {    "name": "Workday",    "url": "http://workday.com",    "img": "https://www.abc.xyz/workdayicon.jpg"}]
  4. Replace the "name" and "url" components with your own app name(s). For example, if you user Microsoft 365, your line of code may look like this: {
    "name": "Microsoft 365",

    "url": "https://office.com",

    "img": "https://affinityit.co.uk/uploads/images/content/_large/Microsoft_365_-_New_Website.png"

    },
  5. When replacing the "img" component to show the app's logo/icon, you'll want to make sure you're hosting the image file on a dedicated server. This will allow you to copy the image endpoint and enter it into your JSON. If the image source file is already hosted on a platform, simply copy & paste the file url to your JSON (as in the example above).

To ensure the app icon visibility across the intranet, we recommend hosting the image file either on a Simpplr's site file folder or on your organization's Salesforce instance, then set the file sharing settings to allow visibility to anyone with the link.

To save images on a site's file folder:

  1. As an App manager or System admin, navigate to one of your intranet's sites. A good location to host your icons may be an IT site or Marketing site. 
  2. Go to the Files section of the site and create a new folder.

    files_location.png
  3. Name your folder Apps icons or something easily memorable, then assign Read only permissions. Click Create.

    apps_icons_folder.png
  4. Click into your newly created folder and upload the icon image you want to use for your app.

    upload_new_icons.png
  5. From the image file, right click in the image and choose Copy image address.
    Oct-21-2021_16-11-38.gif
  6. Now, go back to Manage application > Navigation and from your JSON code, paste the image address you just copied into the img src field.

    new_img_src_in_JSON.gif
  7. Scroll down to the bottom of the page and click Save.

 

To save images as files in Salesforce:

  1. If you have an image hosted in your Salesforce instance you'd like to use as the app icon, go to the image url by navigating to the Files section of Salesforce. You can do this by clicking the + icon a the top of the home page and scrolling down to Files.

    Note:

    You can also upload a new image/icon to the Files section. The image must 110x40 pixels.


    file_sharing_settings_1.gif
  2. Locate the icon/logo you uploaded and go to its Sharing settings. Click Anyone with Link and copy the url.

    file_sharing_settings_2.png
  3. In a new tab, paste the url you just copied. this should take you to a preview screen of the image file. Right click the image and select Copy Image Address.

    copy_image_address.png
  4. Navigate back to your JSON editor in Simpplr and paste the url you just copied into the "img" source location. Once complete, scroll down and click Save. The changes may take a moment to go into effect.
Was this article helpful?
2 out of 2 found this helpful
Have more questions? Submit a request

Comments

0 comments

Please sign in to leave a comment.

Articles in this section

See more