Page_id settings

Elements Custom Components
1

I use Hyvor to allow visitors to add comments. I have different texts on a page, and for each text (in a container), there should be an option to comment. According to Hyvor, I need to assign a Page_id to each text. How do I add this?

This is there code:

<hyvor-talk-comments
    website-id="YOUR_WEBSITE_ID"
    page-id=""
></hyvor-talk-comments>
2

I wasn’t 100% how you needed this to work, so I gave you two options (of many).

Watch the video and let me know if this works for you…

Oh, and here’s a link to the project with the custom component in Elements Cloud!

3

Maybe my intention will be clearer if you see the page in question. The page has two texts where people can give their opinion. However, when they currently give an opinion on one of the texts, that opinion also appears with the other text. People should be able to respond to each text separately. This could be solved by assigning a page_id to each of the texts that can be commented on.

4

I haven’t ever used Hyvor, so I’m making a wild guess here…
If any of your Hyvor boxes share the same Page ID, they will show the same comments.
You probably need to give each Hyvor box a unique/different ID.

It would be worth checking with Hyvor if they support multiple comment boxes on the same page, and the best way to do this.

Let me know how you get on.

5

I had contact with the support theme: The gave me a link to a support-page. This is what the page says:

page-id

The page-id attribute is used to identify the current page, and it is perhaps the most important attribute.

  • If it is not set or empty, the canonical URL of the current page will be used as the page-id.
  • If it is set, the value will be used as the page-id.

Each page-id will load a different thread. It is highly recommended to use an ID that does not change over time (e.g. a database ID). If an ID change, you will need to migrate data to the new page manually. See our moving data between pages.

Comments Component

The comments embed is loaded via the <hyvor-talk-comments> Web Component. Go get started, add the following script right before the </body> tag. It registers the <hyvor-talk-comments> Web Component on your webpage.

<script async src="https://talk.hyvor.com/embed/embed.js" type="module"></script>

Then, add the <hyvor-talk-comments> element to the place where you want the comments section to load. It is possible to add multiple comments sections to a single page if needed.

<hyvor-talk-comments
    website-id="YOUR_WEBSITE_ID"
    page-id=""
></hyvor-talk-comments>

The question, I believe, is how to assign the ID to a container (which contains the paragraph component) in Elements.

6

Problem solved.

I composed every paragraph component as:
div id=“text-section-1”
“paragraph”
/div

every paragraph has a unique id that I paste in the hyvor code at the page-id rule.

7

Phew, that’s perfect. Glad you got it sorted!