Open navigation

Integrate Drift chatbot inside the sales page templates

Chatbots are highly potent tools that are easy to use and yield great results. Using a chatbot on your sales page templates, 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 Drift chatbot inside the Sales page templates of Hippo Video.

Requirements:

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

  • Drift 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 buttonTo learn more about sales pages, click here


To integrate a Drift chatbot inside the sales page template: 

  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 the 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 branding 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; select chat type (chat used).

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

  1. The Drift configuration dialog will appear.


To get the App Id from Drift:

  1. Log in to Drift using existing credentials. 

  2. On the bottom left corner, click on the Settings icon.

  1. Click on Drift Widget under App Settings. 

  1. Select  JavaScript under Install on the right.

  1. Click Copy.

  1. Navigate to the Hippo Video sales page and paste the App Id.

  2. Enter the Drift link, select the Position (default, right, left) of the chatbot you wish 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 the Drift chatbot for the existing sales page templates:

  1. Go to the Sales Pages and choose your preferred sales page from the listing in which you wish to embed the Drift chatbot. 

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

  3. Enter the App Id and select Position.

  4. Once you’re done, click Save. Now, you’ve successfully added the chatbot to your sales page.


Note: 
  • 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 App Id.




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.