Limited Support

Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.

We appreciate your patience and understanding while our team is away. Thank you for being part of the wpDiscuz community!

Merry Christmas and Happy Holidays! 🎄

Question [Solved] How to integrate the paid wpdiscuz add-on "comment bubble" with the bottom menu bar ...

wpDiscuz Integration

Last Post by tomlandon.net 7 months ago

3 Posts

2 Users

2 Reactions

5,787 Views

RSS

Posts: 14

tomlandon.net

Topic starter

Jun 03, 2025 11:08 am

(@tomlandon-net)

Eminent Member

Joined: 11 months ago

Hello, dear all, thanks a lot for your fast reply.

As you can see, i am a happy user of currently 8 (eight) paid wpdiscuz add-ons. If you visit my site www.tomlandon.net, you can see those in action. IMPORTANT: By ordering this service, i got integrated wpdiscuz with the amazing theme "Necromancers" of Dan Fisher. So my question: Which is the best way to integrate the "comment bubble" (add-on) with the bottom menu bar (per se)? With shortcode, JS, PHP? I would be VERY HAPPY to get an anser by return, because i need to integrate your super nice wpdiscuz add-on with my newly purchased theme. You are the inventor of wpdiscuz, so you know it best. Thanks a lot indeed! Truly ... Tom.

Website URL

https://www.tomlandon.net

Topic Tags

2 Replies

Posts: 8202

Asti

Support

Jun 04, 2025 10:44 am

(@asti)

Illustrious Member

Joined: 8 years ago

Hi,

Please note: The "comment bubble" is not a paid addon — it's a free feature of the wpDiscuz plugin. There is no shortcode available to use here, but we can provide you with a solution.

Use jQuery to move the bubble into the menu bar:

jQuery(document).ready(function() {
     jQuery("#wpd-bubble-wrapper").prependTo(".main-nav #menu-sitemap-menu");
});

Instruction: https://www.wpbeginner.com/wp-tutorials/how-to-easily-add-javascript-in-wordpress-pages-or-posts/

Use the following CSS to position the bubble:

#wpd-bubble-wrapper {
   position: static;
   display: inline-block !important;
}

Insert the code in the "Custom CSS code" textarea, located in the Dashboard > wpDiscuz > Settings > Styles & Colors admin page.

Note: Using this custom code may cause minor design issues. You might need to manually adjust paddings, margins, or other styling details to make everything fit nicely.

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.