Install

First, load the script that registers the Web Component on your page.

function loadHyvorTalk() {
	// add embed script
	const script = document.createElement('script');
	script.src = 'https://talk.hyvor.com/embed/embed.js';
	script.type = 'module';
	document.head.appendChild(script);

	// create the element
}

These are the embed scripts:

• https://talk.hyvor.com/embed/embed.js - Comments
• https://talk.hyvor.com/embed/newsletter.js - Newsletters
• https://talk.hyvor.com/embed/memberships.js - Memberships
• https://talk.hyvor.com/embed/comment-counts.js - Comment Counts

Then, create the Web Component and append it to another element. Here is an example:

function loadHyvorTalk() {
	// add embed script
	// ...

	// create the element
	const comments = document.createElement("hyvor-talk-comments");
	comments.setAttribute('website-id', YOUR_WEBSITE_ID);
	comments.setAttribute('page-id', '');
	document.getElementById("comments-wrap").appendChild(comments);
}