Add WpDisquz To Elementor: A Better Comments System

Authored By: James LePage
Published On: August 6, 2020

Affiliate Disclosure: Some links on this website are affiliate links. We make commissions for purchases made through those links.

We only recommend items/tools that we've personally used and like.

Full Disclosure | FTC Statement

amazon elementor E book

In this article we're going to discuss how to add WpDisquz To Elementor. wpDisquz is a high quality comment system created specifically for WordPress, which comes in the form of a free plugin.

It seriously enhances the capabilities of user commenting and interaction on your website, and because it's free it's definitely worth installing.

When it comes to installing WpDisquz on Elementor, there are some steps that you need to take to ensure maximum compatibility, which we will be discussing in this article.

This is our recommended commenting system, because it's free and powerful. We've installed it in all of our client websites, as well as our own (scroll down the page to see the system in action).

Elementor Pro Comments System

Because Elementor Pro is a theme builder, it comes with its own commenting widget. However, this widget simply places the core WordPress commenting interface directly into the website.

The Elementor pro commenting widget definitely has some drawbacks. Say you're building out a single blog post template, and adding the comments interface to the bottom of the page. When you drag it on to the Elementor canvas, this is what you get:

In the Elementor editor, you have two options for customization. Changing the skin of the comments interface, and changing the query (which is typically left to the current post). In general, we've never seen an additional skin For the comments widget in Elementor, as this is a per theme thing (we always use Hello).

Obviously, if you have a reader who is dead set on commenting, they will be fine using this system. However, for those who are only partly engaged, you need to make it as appealing as possible for a user to make a comment on your website. The design and UI/UX aspect of this default commenting setup is definitely lacking.

Furthermore, without additional plugins, it's really easy to spam the default WordPress commenting system, and very difficult to get readers to engage is it at the bottom of the page and looks very plain.

WpDisquz Advantages

WpDisquz Drastically enhances your websites commenting functionality -- compared to both the default WordPress commenting system, as well as the Elementor comment element. That's because it is built as a way to go head to head with the leading comment systems such as Facebook comments, or Discus comments, offering a completely native way to add the same functionality to your WordPress website.

In our experience, WpDisquz comes with much less bloat when compared to Facebook or Discus, while offering many more features when compared to the core WordPress commenting interface.

It's also 100% free (though there are some handy paid add-ons), meaning that if you have 10 minutes to spare, incorporating this system into your website is a no brainer.

With Elementor, it requires a little bit of tinkering, but that's why we wrote this article. If you want to skip to the section where we discuss how to actually install WpDisquz on an Elementor website, simply use the table of contents to the left of the article. The installation process is very simple, but not well documented by Elementor or WpDisquz.

WpDisquz has an inline commenting system, which allows you to select a range of text that you want users to comment on. You do this by wrapping it in a shortcode, and at the end of the shortcode a little comment icon will pop up. If the user clicks on the comment icon, the interface above will display.

This can increase comments drastically, especially if your readers are engaged with your article and want to share their thoughts and opinions. Of course, increasing the number of comments on your website is good for both readers, and search engine optimization, so anything you can do to get more comments is worth it.

Because we have this system installed in our website, here is exactly how it looks and works:
1
Please leave a feedback on thisx

If you like this article so far, please consider leaving a comment as it is great for SEO -- meaning more people will see how to install this high quality commenting system into their Elementor website.

A very unique feature that this plugin offers is the comment bubble. This common bubble hovers in the lower left or right corner of your Elementor site, and displays real-time comments (as they come in). you can also set it to create a popup commenting interface, which could increase the number of comments that your article gathers. Of course, you could turn this off completely (we've done this in our website), but this is a unique element that comes with the plugin.

WpDisquz comes with three built in common layouts. The first comment layout is the simplest, while the third is the most “complex” when it comes to design. At the same time, each of these layouts can be completely customized to match the branding of your WordPress website, and all show the same information.

This plugin also allows you to add an article rating system directly to your website. If you consistently publish high quality work, this could be a great addition as it generate a schema which shows on the Google search engine. For example, if your article is rated four stars on average, this rating could show on the front end of Google, increasing your clickthrough rates.

There's also an easy way to add a reCAPTCHA, could be difficult for automated bots to spam your website with fake comments this is a major problem for many purposes that happen incorporated any bot protection into their commenting system, and this will stop them in their tracks. Do keep in mind, some spam comments are published by seal humans, meaning the only way to stop that spam is by blacklisting their IP address.

How To Add WpDisquz To Elementor

In this section of the article, we are going to discuss how to add WpDisquz to Elementor, and the general setup procedure that we typically follow when installing this in a client website.

First, head over to the plugin repository and install the “Comments – wpDisquz” offering into your Elementor website.

Once the plugin is installed, it's time to set it up. This is done by using the three step setup wizard that ships with the plugin. First, choose your style and layout. The style can either be dark or light, depending on the general coloring of your WordPress website, and you can choose between the three layouts that we discussed above. Keep in mind, that all coloring can be changed individually after setting up the plugin.

Step 2 asks if you want to install the comment bubble. In some cases, this could drastically increase your user engagement, and you can show it in the content left, left corner or right corner of your website. You could also choose to disable this feature.

If you have a website that gets a lot of traffic when a blog post is published, setting up the bubble live update could be a great option to try to get discussions on your post. What this does is whenever a user comments, the bubble notifies all other users currently on the page, prompting them to respond.

The final step asks if you want to install the article rating function. As stated above, this generates a “rating schema”. For example, if somebody rates your blog post five stars, Google may pick this up and display five stars underneath the title of your post on their search engine.

After that, you've completed the entire wizard, but there are a few more steps that you want to take before actually installing this system into an Elementor website.

We recommend tackling three things: reCAPTCHA to reduce spam, styling to better integrate with your websites branding and comments moderation to remove anything inappropriate.

Google recaptcha is very easy to add to the site. Simply generate your API keys and paste them into the inputs under this section of the settings page.

Changing these styles and colors is as simple as pasting in your branding hex colors into several color picker inputs. This will then apply directly to your commenting system. You can also choose to disable all styling that is applied to WpDisquz and write a completely custom CSS stylesheet.

Under comment moderation, You can choose settings that reduces spam and encourages honest, but appropriate dialogue.

Once you've set up the entire commenting system, it's time to actually add it to an Elementor page. You may notice that if you simply drag and drop the comments widget into Elementor, it retains the old styling and none of the functionality that comes with WpDisquz is integrated into the page (Even if installed).

However, this is only true on the back end Elementor Editor. if you navigate to the front end of your WordPress website’s posts, you'll be able to see that the WpDisquz system is directly integrated into the website, and perfectly functional.

And just like that, WpDisquz Is now directly integrated into an Elementor website, and your users are reaping all of the benefits that come with it.

We've installed WpDisquz with Elementor on dozens of client websites, so if you have any questions or comments, feel free to reach out in the comment section below (It's also great for SEO, and gives you a first hand to look at how the WpDisquz system works).

Join Our Growing Mailing List Of Design Crazed Individuals

Expertly curated emails that will help you generate more income through good design.

You're in the club 💪.

Something went wrong.

Subscribe
Notify of
guest
6 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Terry
Terry
1 month ago

really helpful article! Thank you! Got frustrated with elementor comment widget, as well as bloating facebook comment😣

Frank
Frank
1 month ago

Thank you for this article. It's very helpful. And yes, I agree the wpDiscuz is a nice plugin. I have been using it for 3 years. 

Nikolas
Nikolas
16 days ago
Because we have this system installed in our website, here is exactly how it looks and works:" Read more »

Thanks for writing this!

Chelsea
Chelsea
5 days ago

This didn't help me at all 🙁 I still cannot get my comments to appear when using elementor to edit my post.

Madiha
3 days ago
Reply to  Chelsea

Same here

James LePage is the founder of Isotropic Design, a digital agency that builds WordPress websites. I read, write and design constantly!

Social Share

Crafting Stunning Digital Appearances & Assets Out Of New York.
Get In Touch
Syracuse, NY | Charlotte, NC | New York, NY
© 2020 Isotropic, LLC
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram

Join Our Growing Mailing List Of Design Crazed Individuals

Expertly curated emails that will help you generate more income through good design.

You're in the club 💪.

Something went wrong.