Skip to main content

Install GeniusLink in Salesforce Community Cloud (Non-Lightning)

This page applies to:MindTouch Responsive

This document explains how to include GeniusLink Search in your Salesforce Community when using the Napili (non-Lightning based) template.


Note to user  NOTE:  The Napili template is required for GeniusLink for Salesforce. This documentation is specific to the non-Lightning based Napili option. If you are using the Napili (Lightning-based) template, find installation instructions here.

How do I determine if my Community is Lightning based?

When managing your Community via the Community Builder, click the Page Editor. If you see a list of Lightning components, you are using a Lightning-based Salesforce Community:

lightning components.png

► See a list of Lightning components? Navigate to our updated documentation for your Salesforce environment.

► Don't see a list of Lightning components? You're in the right place; keep reading below!

Set up Salesforce Community Cloud

Install the MindTouch GeniusLink for Community Cloud package. Select the users to grant access to and click Install to proceed.

Create the MindTouch Search widget

  1. As an admin, visit your community management screen and click Launch Community Builder.


  1. In the Community Builder, select the drop-down menu next to your community name and click Go to Studio.


  1. In Studio, click Widgets, then New Widget.
  2. Name the widget "MindTouch Search Widget" and make it available in the Page Elements pane and to contributors.


  1. Click the widget name to open it in the editor.
  2. In the Page Elements pane, insert a single Content Block. In the properties, set the ID to "mtsearch":

site_com_content_block.png mtsearch_properties.png

  1. Select the content block in the hierarchy view (the rightmost icon). Hover over the content block and click Edit HTML:



  1. Paste the contents of this attached file into the widget.
  2. Edit the settings on line 15 and line 38 to point to your MindTouch site.
  3. You may also enable or disable F1 overlays for search results by setting MindTouch.F1 to true or false:
    MindTouch.SITE_URL = ""; // Your site here
    MindTouch.F1 = true;     // Enable or disable F1 overlay


  1. The default search box inside the MindTouch Search widget has been hidden on line 18. This can be enabled if you remove display: none from the following section:
<form id="mt-search-form" style="display:none;">
   <input id="mt-solution-finder-input" name="search" placeholder="Enter your search query here" type="text" />
  1. When satisfied with your changes (you may preview the widget), save it and return to the main page of the Studio.

Add the GeniusLink Search widget to your template

  1. Edit the template for your current template (likely "main") and click Edit.


  1. Find the template that should have the search widget (such as "Napili Search"). Hover over this item and click Edit.


  1. Inside the template editor, click the Page Structure view.
  2. On the div.headlinePanel folder, click on the gear icon and choose Add Row and Column Panels > Outside the panel > Insert Row Below.


  1. Your structure should now look like the following:


  1. On the newly created div folder, click the gear a second time and choose Add Row and Column Panels > Inside the panel > Add Row and Column Panels to add a second panel to the right.


  1. Here add an additional column to the right for the MindTouch Search Widget:


  1. You should now see the following structure:


  1. Drag the Results List into the first sub-div folder.


  1. Highlight the secondary div folder and add the MindTouch Search Widget into this panel.

adding widget.png

Publish your changes

  1. Click Publish Changes to publish changes to your community.


  1. You should now see the MindTouch Search Widget on your Search Results page:



  1. Clicking a result will open a new window or an F1 overlay depending on your configuration settings.