How to Add Comments to Webflow with Hyvor Talk
Webflow offers creative professionals an easier, more visual way to design and host responsive websites. To date, web designers often simply outsource the work of coding a responsive site after first using something like Photoshop or Illustrator to create the design itself, or they use frameworks for front-end development. Webflow is different. It not only offers a visual editor that lets you drag-and-drop, customize responsive layouts, and define CSS styles for each device you want to support, but you can also publish your site immediately upon completion. In this article, I’ll be guiding you on how to add comments to your Webflow website.
When you need to build an audience on your website, there are some key points things to do:
- Adding social share buttons
- Adding a comments section so that users can engage, share feedback, ask questions, and contribute to your content.
- (Optionally) Adding reactions system (So that users can add their reactions)
In this article, we are going to explain to add comments to your Webflow website using Hyvor Talk commenting platform. Surprisingly, Hyvor Talk comes with a reactions plugin. So, you can add reactions at the same time!
Why Hyvor Talk?
Installing Comments on Webflow
Comes in the process of installing Hyvor Talk, you will realize that it is a seamless experience that is not fussy at all.
1. Sign Up to Hyvor Talk
Click over to Hyvor Talk and sign up.
Everything is controlled in Hyvor Talk console. Click the link and create an account. After confirming the email, you’ll be redirected to the console.
2. Adding Your Website to the Console
This step is easy. Just add a name and your website domain, and click “ADD”.
2. Installing Hyvor Talk Comments on Webflow
In the install section, you will see the installation guides for multiple platforms.
Click Manual Installation.
Copy it by clicking the copy button. Now, we have to paste the code in the place we need comments to load.
3. Now onto Webflow
We assume that you have already set up your Webflow website and you are familiar with Webflow dashboard.
Then, add an embed component to the place you need comments to load (Usually after blog post contents). This video explains how to use embeds with Webflow.
Place the copied Hyvor Talk installation code in the code field of the embed. That’s all!
You’ll now see the comments section with reactions.
Hyvor Talk has been embedded!
4. Tinker around with Hyvor Talk
In the console, you can customize the appearance of your commenting section in a few minutes. Check out our documentation to learn more about appearnce customization.
After that, you can change how your users can comment, and what data to collect from them when commenting. Learn more about community settings.
There you have it: a simple and easy tutorial on how to install Hyvor Talk on your web flow website. Usually, the best place to have comments is after blog posts. But, you can add it to any page you like. You can go through our documentation to learn more about Hyvor Talk.