Install: HTML
HTML installation is the easiest way to install Hyvor Talk on your website.
To install the comments embed on your website, follow these steps. For advanced configurations, visit the Comments page.
1. Add the code
Add the following code to your website's HTML code.
<script async src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<hyvor-talk-comments
website-id="YOUR_WEBSITE_ID"
page-id=""
></hyvor-talk-comments>Replace YOUR_WEBSITE_ID with your website ID, which you can find in the Hyvor Talk Console at Settings → Website.
The
<script> tag registers the hyvor-talk-comments Web Component. Then, <hyvor-talk-comments> renders the comments embed with the given configuration.
You can render multiple embeds if needed. 2. Set the page ID
Highly recommended: Set the page-id attribute to an ID that uniquely identifies the
page. For example, if you are loading posts from a database, set it to the database post ID. Most
website-building platforms provide a way to access the current post ID in templates. If you are in
doubt, contact us!
When the
page-id attribute is empty, Hyvor Talk will use the canonical URL of the
page to identify it. This works fine in most cases. However, if the canonical URL ever changes, a new
thread will be shown. You will have to migrate old comments to the new page manually. To prevent
that, we strongly recommend that you set page-id to a unique ID. Other embeds
