HubSpot Installation

Create embed module

Before embedding Hyvor Talk on your HubSpot website, landing page, or blog, you need to create an embed module.

1. Go to Hyvor Talk console > Settings > Website > Allowed Domains and add your website's/websites' domain(s) to the allowed domains list. This is required for Hyvor Talk to work on your website.
   
2. Go to your HubSpot dashboard. Navigate to Content > Design Manager.
   
3. Click on the Create a new file button and select Module.
   
4. Name your module (e.g., "Hyvor Talk Embed"), choose where you will use this module (for this example, landing page, blog posts, site pages). Note that you can always choose more options as per your requirements.
   
5. Choose the module's content scope as relevant to your needs. Global scope is recommended as it makes the module available across all pages.
6. Click on the Create button to create the module.
7. Copy the following code and paste it into the module's HTML section. Then, click on the Publish button to save the module.
   <script async src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
   <hyvor-talk-comments 
   	website-id="YOUR_WEBSITE_ID">
   </hyvor-talk-comments>

   

1. Embedding on landing page or website

1. In your Hubspot editor, navigate to the page where you want to embed Hyvor Talk.
2. Click on Add Section and choose Blank Layouts and then choose any kind of section according to your preference.
3. Click on the plus icon (+) to add a new module and select the Hyvor Talk Embed module you created earlier.
   
4. Publish the page to make the comments section live.

2. Embedding on blog

To add Hyvor Talk to your blog, you need to edit your blog template.

1. Then go to Design Manager and find and open the module we created earlier.
2. Copy the module's snippet code given at the bottom right corner of the editor. Keep this code handy as you will need it in the next steps.

3. In your Hubspot editor, navigate to your blog dashboard. And choose the blog you want to add comments
4. Then go to Settings > Templates > Edit this templates.

5. Choose the template file where blog posts are rendered. This is usually the file named blog-post.html or similar. You might need to clone the template to edit it.
6. Look for the following section in your template code.

7. Replace the highlighted part with the copied module's snippet code.
8. Publish the template to make the comments section live on all your blog posts.