Open navigation

Integrate FreshChat chatbot inside sales page templates

Chatbots are highly potent tools that are easy to use and yield great results. Using a chatbot on your sales pages, you can close more deals, reduce email conversations, reduce the sales cycle, increase your conversion rates, reduce your bounce rate, etc., making engaging easier for prospects.

With Hippo Video, you can now integrate the FreshChat chatbot inside the Sales page templates of Hippo Video


  • Hippo Video Account. Sign-up here if you are a new user.

  • FreshChat Account. 

To navigate to the sales page templates:

  1. Log-in to  Hippo Video with your existing credentials.

  2. Hover the mouse over the HV Studio icon in the left navigation bar and click on the Sales Page Templates

  3. You will be redirected to the Sales Page Templates page.

Note: When you hover over each tag in the All Templates section, you'll see the Add More button; To learn more about sales page templates, click here.

To integrate a Freshchat chatbot inside the sales page templates: 

  1. Go to any one of the tabs on the left panel. Here, for example, select the Prospecting tab and click on the Add More button at the top right.

  2. The Prospecting Templates slider will appear with various templates.

  1. Hover the mouse over the template of your choice. Let’s select Pitch Wireframe template.

  1. You can either Preview your template.

  1. Or click on the Use button. All the elements that are available on the preview page are customizable but the primary video cannot be added during the creation of the sales page template. It can only be added when you share them with your prospects. Based on the admin permissions, the user will be able to edit the branding settings.

Note: Please refer to this article for more detail about branding and non-branding elements; To learn more about element usage, click here.
  1. Below the primary video, click the button and select the option Chat from the drop-down & do the green tick.

  1. You’ll notice the options listed at the top based on your selection.

  2. Here, you can change the button text, button color, font type, font size, font style, and select chat type (chat used).

  1. Select FreshChat from Chat used drop-down and click the Chat configuration link.

  1. The FreshChat configuration dialog will appear.

To get the App Id from Freshchat:

  1. Log in to Freshchat using existing credentials. 

  2. On the bottom left corner, click on the Admin icon > Channels from the right.

  1. Select Web Widget from the left panel and click on the </> Embed button.

  1. Click on the Copy button to copy the code.

  1. Navigate to Hippo Video and paste the visitor widget token and chat host

  2. Select the position (default, right, left) of the chatbot that you want to appear on the sales page and click Save.

Note: The symbol indicates that the fields are mandatory to embed the chatbot inside the sales page.
  1. You shall receive a confirmation message at the top of the page.

  2. By clicking the Edit configuration link, you can modify the chatbot anytime.

  1. Once you’ve done that, click Save and Next at the bottom right. 

  2. You’ll be redirected to the sales page template settings screen.

  3. Fill in the fields required such as,

  • Sales page template name - Name your sales page template.

  • Video Flow Settings - Check the box to allow users to edit non-branding settings within video flows, or uncheck it to restrict them from doing so. 

  • Visibility - Select users or groups or everyone in the organization.

  • Share with everyone in the organization - If you want to share the sales page template with everyone in the organization, check the box else uncheck the box.

  • Tags - By default, all the appropriate tags will be mapped to the sales page template. If you want you can add more tags and remove the existing tags but it is mandatory to have at least one tag to save the page.

  • Thumbnail - The thumbnail will be automatically loaded. You can change it if you want.

Note: The recommended thumbnail dimension for the entire page is 320*180. However, depending on the device, this may or may not work.
  1. Click on ‘Save and Next’.

  1. You shall be redirected to the Sales Page Template preview page.

Note: Please follow the steps below if you do not wish to link the chatbot with the CTA button but rather wish to appear on the sales page automatically.

To integrate FreshChat chatbot for the existing sales page templates:

  1. Go to the Sales Page Templates and choose your preferred sales page from the listing where you wish to embed the FreshChat chatbot. 

  2. In the Sales Page Template Preview, click on Integrate > FreshChat from the right tab.

  3. Enter the visitor widget token and chat host

  4. Select the position (default, right, left) of the chatbot that you want to appear on the sales page template.

  5. Once you’ve done that, click Save. Now, you’ve successfully added the chatbot to your sales page template.

  • The symbol indicates that the fields are mandatory to embed the chatbot inside the sales page. 

  • Click the Disable option to disable the integration from the sales page and the Delete option to delete the code from the Visitor Widget Token.

To check out other topics related to sales page templates.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.