How to manually install Hyvor Talk?

If your website is not WordPress- or Blogger-powered, you can install Hyvor Talk by copying and pasting a simple Javascript code.

1. Register your website at Hyvor Talk

  • Visit the console. (This requires a Hyvor Account)
  • Add your website to Hyvor Talk at the Account -> Add Website section.
  • If you have multiple domains, add them at Moderate -> General section. Only those domains will be able to load comments. If you have www subdomain, make sure to add that too.

2. Copy & Paste Code

First, copy the manual installation code from the console (Console -> Installation -> Manual Installation). The code will look like following (To get the correct code, copy it from the console, not from here.).

<div id="hyvor-talk-view"></div>
<script type="text/javascript">
    var HYVOR_TALK_WEBSITE = YOUR_WEBSITE_ID;
    var HYVOR_TALK_CONFIG = {
        url: false,
        id: false
    };
</script>
<script type="text/javascript" src="//talk.hyvor.com/web-api/embed"></script>

Next, determine the place to paste the code in your webpage (usually before the footer) and paste it.

<html>
    <body>
        <h1>My Title</h1>
        <content>My Post</content>

        <!-- This place is perfect to paste the code -->

        <footer>My Footer</footer>
    </body>
</html>

3. Edit the Code

Even not required, we recommend you to change the url and id to prevent the same comments loading for multiple pages.

  • Additionally, by setting id, you can load the same comments on different pages.
  • We use url in emails that are sent to users. So, having the correct URL is essential.

If your web site have canonical urls in each page, editing the code is only required if you need to load the same thread on multiple pages.

The Back Stage: Hyvor Talk recognizes each page by an identifier which is defined by the code's id: IDENTIFIER part. When, false is used as the identifier (as in the default code) Hyvor Talk will use the URL of the page as the identifier.

If the pages are loaded from a database, you can use database ID as the id as following.

var HYVOR_TALK_CONFIG = {
    url: <?= $post->url ?>,
    id: <?= $post->id ?>
};

You can also manually set the url and id. Make sure to enclose everything inside quotes.

var HYVOR_TALK_CONFIG = {
    url: "https://mywebsite.com/about",
    id: "about"
};

We recommend you to get help from a developer for this task or reach us at Hyvor Talk Group for any help.

Additional Steps after Installing