Simple install with import in journal skin. Demo Desktop https://youtu.be/k_PqeurO_nI Demo Mobile https://youtu.be/-Ei7dAtc6MI

Huiu

Soft Skin Journal 3

Comments system with upvote/downvote, email notifications, reply threads, and moderation tools.

Example 1

Example 2

Example 3

Our Comments widget allows users to reply directly to other comments, creating a threaded conversation. This encourages deeper engagement and discussion, making your website a hub for meaningful conversations.

Engage in Conversations with Reply Feature

The upvote and downvote feature in our Comments widget lets your users express their opinions on each comment. It's a simple way for your community to self-moderate, promoting positive discussions and discouraging unhelpful or negative comments.

Vote on Comments

With our Comments widget, you can choose to receive email notifications for new comments. This keeps you engaged and informed, ensuring you never miss out on important discussions or updates on your website.

Stay Updated with Email Notifications

By making the email field mandatory, our Comments widget ensures that all comments come from real users. This helps maintain the integrity of your website's discussions and discourages spam or anonymous trolling.

Ensure Authenticity with Mandatory Email Field

Our widget gives you the power to manage and delete unwanted comments. This helps maintain a positive and respectful environment on your website, ensuring that all discussions are productive and relevant.

Manage Your Comments Effectively

Our Comments widget offers a variety of appealing skins for quick and easy customization. You can match the widget's look to your website's design, creating a unified and visually engaging user experience.

Choose from Attractive Comment Skins

The Comments widget provides extensive customization options to meet your needs. Adjust color schemes, fonts, spacing, and more to ensure the widget fits seamlessly with your website's design and aesthetic.

Fully Customizable Comments Widget

The Comments widget is fully responsive and looks fantastic on any device. In today's mobile-first world, this ensures your website stays competitive and accessible to users on various platforms.

Optimized for All Devices

The Comments widget is designed for ease of use, requiring no coding knowledge. It features an intuitive dashboard and drag-and-drop functionality, allowing you to customize the widget effortlessly.

User-Friendly Comments Widget

Like all of our widgets, the Comments widget allows you to add custom CSS. This gives you the freedom to further customize the widget and express your creativity.

Custom CSS for Your Comments Widget

Embedding the Comments widget on your website is simple. Just copy the provided code to quickly incorporate the widget into your site. Any changes you make to the widget will automatically update on your website, ensuring a smooth user experience.

Easy Integration of Comments on Your Website

Adding a comments widget to your website can significantly increase user engagement. It allows your visitors to share their thoughts, opinions, and questions, fostering a sense of community and encouraging them to spend more time on your site.

Boost Engagement with users Comments

A comments section can help establish trust and authenticity for your website. When new visitors see active discussions and positive feedback, it can reassure them about the quality of your content, products, or services.

Build Trust and Authenticity

A comments widget can help keep your users coming back to your site. By enabling them to participate in discussions and respond to other comments, you're giving them a reason to return, increasing user retention and loyalty.

Encourage User Retention

Comments

User Engagement

Website Components

New!

Detects ad blockers on websites, enhancing ad revenue security.

Choose from a range of beautifully crafted skins for the AdBlocker Detector widget to match your brand and website's look. This feature greatly reduces the time and effort needed for customization while enhancing your site's visual appeal. Whether your website sports a contemporary, minimalist, or traditional design, there's a perfect skin to align with it, ensuring a consistent and attractive user interface.

Multiple AdBlocker Detector Design Skins

Improve your interaction with users who have ad blockers enabled by employing a personalized message accompanied by your choice of icons or images. This feature of the AdBlocker Detector allows you to create a visually engaging alert, informing users that their ad blocker is detected. You have the option to select from a range of icons or upload your own image, crafting a unique and attention-grabbing notification on your website.

Enhance Alert with Icons or Images

When the AdBlocker Detector identifies a visitor using an ad blocker, it presents a customized message. This message can be a polite reminder or an informative alert, informing users about the impact of ad blockers on your site. Utilize this feature to communicate the importance of advertising in supporting your content, while maintaining a professional and consistent tone across your site. This not only educates visitors about the effects of ad blocking but also underscores the value of your content and encourages more responsible web-behavior.

Tailored Message content for Ad Blocker Detection

The AdBlocker Detector widget is engineered to identify a wide range of ad blockers used by visitors. This feature ensures that your website is equipped to detect and respond to numerous ad-blocking tools, from the most common to more niche varieties. The ability to recognize multiple ad blockers is crucial in effectively managing how ad blocking impacts your site's revenue and user experience, ensuring that you have comprehensive insights and control over the advertising display and engagement on your website.

Robust Detection of Various Ad Blockers

The AdBlocker Detector includes a handy refresh button feature. This button becomes visible to users once they have disabled their ad blocker, assisting them in easily refreshing the page. The addition of this refresh button streamlines the process for users, enabling them to immediately see your content without ad block interference. It's a user-friendly approach that simplifies the user's action to comply with your request, enhancing the overall experience on your website and encouraging compliance with your ad-display policies.

Convenient Refresh Button Post Ad Blocker Disabling

With extensive customization options, the AdBlocker Detector can be tailored to your specific design preferences. Adjust colors, fonts, spacing, and more to fit the unique aesthetic of your site. This level of customization provides unparalleled flexibility, allowing you to create an AdBlocker Detector that is not only effective but also uniquely yours.

Fully Customizable AdBlocker Detector Widget

The AdBlocker Detector is designed to display elegantly across all devices. Its responsive design is essential in today's mobile-centric world, ensuring a consistent user experience whether on a desktop, tablet, or smartphone.

Perfectly Responsive AdBlocker Detector widget

This widget is crafted for ease of use, requiring no coding skills for customization. Its intuitive interface simplifies the customization process, allowing for quick and easy adjustments. This accessibility makes the AdBlocker Detector an ideal choice for website owners of all technical backgrounds.

Easy to use AdBlocker Detector widget

For those who desire even more creative control, the AdBlocker Detector offers the option to add custom CSS. This feature caters to developers and designers looking to apply a unique touch, enabling deeper customization to match the specific style and interaction needs of your website.

Enhanced Creativity with Custom CSS in AdBlocker Detector

Embedding the AdBlocker Detector on your website is straightforward, involving just a single line of code. This ease of integration, combined with automatic updates, simplifies maintenance and ensures your website always displays the most current version of the widget without additional effort.


Effortless Embedding of the AdBlocker Detector

The Adblock Detector widget plays a crucial role in safeguarding your digital advertising revenue. By identifying visitors using ad blockers, it enables you to take appropriate actions, such as requesting users to whitelist your site. This proactive approach helps maintain the flow of ad revenue, which is essential for the financial sustainability of many websites.

Enhanced Revenue Protection with Adblock Detector

By addressing the impact of ad blockers, the Adblock Detector can positively influence key website performance metrics. Understanding and managing ad-block usage helps in maintaining healthy traffic levels and engagement rates, crucial factors in the overall performance and ranking of your website.

Boost in Website Performance Metrics

The Adblock Detector aids in protecting the value of your content. By identifying users who bypass ads, you can ensure that the effort and resources put into creating content are adequately compensated through advertising revenue, keeping the content accessible and sustainable.

Protection of Content Value

AdBlocker Detector

Popups, Bars & Buttons

A code snippets widget compatible with various layouts, themes, and more rich features

Our Code Snippets Widget offers a diverse selection of visually appealing themes to match your preferred coding environment. Choose from a range of stylish themes, including dark and light modes, or even create your custom theme. Tailor your code presentation to your liking and create an immersive coding experience that reflects your unique style and preferences.

Beautiful Code Themes

With our Code Snippets Widget, you can showcase multiple code snippets in a clean and organized manner. Effortlessly toggle between snippets using intuitive tabs or present them in a list layout for easy comparison.

Multiple Code Snippets

Our Code Snippets Widget comes equipped with a powerful AI code assistant to supercharge your development process. Get intelligent code suggestions and context-aware recommendations, enhancing your productivity.

AI Code Assistant

Our Code Snippets Widget comes equipped with built-in formatting options to ensure clean and consistent code presentation.

Formatting Options

The Code Snippets Widget incorporates advanced syntax highlighting, making your code visually distinct and easier to read. 

Syntax Highlighting

Our Code Snippets Widget supports various file extension types and displays the corresponding file icon for each extension.

File Extension Support

The Code Snippets widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget any way you’d like to with just a few simple clicks.

Easy to Use

With the Code Snippets widget, you have complete control over the look and feel of your design. You can easily customize various elements such as the colors, fonts, and spacing to match your brand or personal style. Whether you want to create a sleek, modern design or a more traditional look, the Code Snippets widget has you covered. With its wide range of customization options, you can easily tweak and adjust every aspect of your design to get the perfect look for your project.

Fully Customizable

The Code Snippets widget is a valuable tool for any website. Not only is it fully responsive, meaning it will adjust seamlessly to fit the screen size of any device, but it also has a sleek and modern design that will enhance the overall look of your site. In a world where more and more people are accessing the internet through their phones and tablets, it is crucial to have a website that is optimized for mobile viewing. The Code Snippets widget will allow you to do just that, giving you an edge over competitors.

Perfectly Responsive

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Code Snippets widget. With this feature, you can easily customize every aspect of the widget's look and feel, from the colors and fonts to the layout and positioning. But if you're feeling particularly creative, you can take your customization to the next level by editing the CSS directly. This gives you the ability to make even more advanced changes to the widget, allowing you to make it your own. Whether you want to make a few simple tweaks or go all out with advanced customizations, our advanced editor has you covered.

Custom CSS

To embed the Code Snippets widget on your website, simply copy and paste the provided code snippet into the HTML of your webpage. Additionally, the widget is designed to be self-updating, meaning that any changes you make to the Code Snippets Editor will be reflected automatically on your website without the need for any additional manual updates.

Easy to Embed

For developers, students, and enthusiasts, our Code Snippets Widget enhances visual learning by presenting code samples with syntax highlighting and line numbering. Ignite passion for coding and create an engaging learning experience that sets you apart.

Empower Visual Learning

Enrich your technical content without sacrificing clarity. Embed code snippets seamlessly, enhancing explanations and making them easy to follow. Perfect for programming concepts and real-world examples.

Streamline Code Presentation

The Code Snippets Widget showcases your programming expertise with visually appealing displays. Share multiple code snippets, captivate your audience with interactive showcases.

Implement Code Showcases

Code Snippets

Get Creative

Present a carousel display featuring images and text cards

Example 4

Example 5

The Card Carousel widget comes with the option to change the carousel’s card sizes — from small, to large, vertical, or horizontal, you make the widget fit your specific needs. 


Card Size

With the option to change the arrow types of the Card Carousel slider, and the pagination icons below, you can further customize the widget and make it fit your design requirements.

Arrows & Pagination 

The Card Carousel widget comes with the options to control the speed at which the cards slide, and how much time should be spent on the cards. You can use these options to tailor your user’s experience. 


Slider Speed & Time Per Slide

The Card Carousel widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style.
In addition to its visually appealing design, the Card Carousel widget offers versatility in its layout options. You can select from multiple layouts to ensure that it complements your website's overall look and feel. The ability to customize the layout makes it easy to create a seamless and cohesive experience for your visitors.

Multiple Card Carousel Layouts

The Card Carousel widget comes with various pre-made skins you can choose from to speed up your work.
To save you time and effort, the Card Carousel widget also comes with various pre-made skins for you to choose from. These skins are designed to provide a quick and easy way to customize the look and feel of the Card Carousel widget to match your brand and style. The pre-made skins make it simple to achieve the desired aesthetic without starting from scratch.

Card Carousel widget Multiple Skins

The Card Carousel widget features full customization options to edit the design to fit your needs. Change the colors, the fonts, the spacing, and anything else! You can choose from many premade skins to kick-start your design process. This feature saves you time and effort by providing a variety of ready-made skins that you can use as a starting point for your design. The premade skins have been carefully crafted to suit different website styles and themes, and you can easily customize them to match your brand's colors, fonts, and overall aesthetic. This way, you don't have to start from scratch when designing your Customizable Card Carousel widget; you can pick a skin closest to your desired design and make minor adjustments to make it perfect for your website. Furthermore, having a variety of premade skins also means that you have a more comprehensive range of options to choose from, ensuring that you'll find one perfect for your website.

Fully Customizable Card Carousel Widget

The Card  Carousel widget is fully responsive and will look great on any device. This feature will put you ahead of your competitors in a mobile-first world. With more and more people accessing the internet through their smartphones and tablets, your website must be optimized for mobile devices.

Perfectly Responsive Card Carousel

The Card Carousel widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget any way you’d like to with just a few simple clicks.

Easy To Use Widget

As with all of Common Ninja's widgets, the Card Carousel widget also provides the option to add custom CSS, which allows you to take your customization to the next level and be even more creative. Custom CSS will enable you to create custom styles and design elements that are unavailable through built-in customization options.

Embedding the Card Carousel widget on your website is easy, simply copy a single line of code, and paste it into the HTML of your webpage. This allows you to quickly and easily add the widget to your website without any complicated setup or installation process. Once the widget is embedded, it will automatically update with every change you make, so you don't have to worry about manually updating the Quotes widget every time you change. This feature can save you a lot of time and effort and ensure that your Card Carousel is always up-to-date and accurate.

Easy To Embed Card Carousel

With the Card Carousel widget, you can enhance your website’s design by selecting beautiful cards, and with the ability to change their sizes, and the slider’s options, you will be able to create a Card Carousel that is perfect for your website.

Enhance Design with Card Carousel

A major benefit of the Card Carousel is that it doesn’t take up much space. Unlike card galleries that take up a lot of space, the Card Carousel can show as many cards as you want, from within a fixed position, and in an interactive manner. Additionally, you can create different carousels for different categories, and avoid building additional pages for different categories. 

Save Space

The Card Carousel widget is a perfect way to grab visitors' attention and encourage them to interact with your website.
With its eye-catching design and intuitive navigation, the Card Carousel widget allows you to showcase multiple pieces of content in an engaging and compact format. Whether you want to highlight products, services, or other important information, the Card Carousel is a great way to grab visitors' attention and encourage them to engage with your website. 

Use Card Carousel Increased Engagement

Card Carousel

Lists & Cards

Track real-time visitor counts on your website with our customizable Visitor Counter widget.

Enhance the visual appeal of your site with the Visitor Counter widget's animated counting feature. You can select to show a smooth, animated counting up effect in the counter, making the visitor count display more engaging and eye-catching for your audience. This playful animation adds a dynamic touch to your website.

Show Animation in the Counter

The Visitor Counter widget allows you to display visitor counts across various time frames, such as daily, weekly, monthly, and yearly periods. This flexibility helps you analyze traffic patterns over different durations, providing valuable insights into your website’s performance and helping you make informed decisions.

Show Counter of Different Time Frames

Visualize your visitor data with an interactive graph provided by the Visitor Counter widget. This feature allows you to see trends and patterns in your site traffic at a glance, making it easier to understand visitor behavior and track your site's performance over time. The interactive graph provides a clear and intuitive way to analyze your data.

Interactive Graph

The Visitor Counter widget offers three different layouts, including minimalist options, to ensure it fits seamlessly with your website's design and content. This variety allows you to choose a layout that best complements the aesthetic and functional needs of your site, enhancing its overall appearance and user experience.

Variety of Visitor Counter Layouts

Choose from a variety of beautiful skins with the Visitor Counter widget, enabling you to align its design perfectly with your brand and website aesthetics. This feature not only enhances the visual appeal of your site but also significantly reduces the time and effort needed for customization. Whether your site has a modern, minimalist, or traditional design, you'll find a skin that fits perfectly.

Select from Multiple Visitor Counter Design Skins

The Visitor Counter widget offers extensive customization capabilities, allowing you to modify its design to meet your specific requirements. You have the freedom to alter colors, fonts, spacing, and various other elements. This level of customization provides unparalleled flexibility, ensuring the widget is both functional and uniquely tailored to your website's aesthetic.

Fully Customizable Visitor Counter Widget

The Visitor Counter widget is designed to be fully responsive, ensuring it displays elegantly on any device. In a time where mobile optimization is crucial, this feature is key to delivering a consistent user experience regardless of the device being used.

Perfectly Responsive Visitor Counter

The Visitor Counter widget is user-friendly, requiring no coding expertise. Its intuitive dashboard allows for easy customization with just a few clicks, making it accessible for anyone to integrate and modify, regardless of their technical background.

Easy To Use Visitor Counter Widget

The Visitor Counter widget supports custom CSS for added flexibility, ideal for developers and designers. This feature allows for deeper customization, ensuring the widget matches your website's unique style and functionality needs.

Custom CSS for Enhanced Creativity

Embedding the Visitor Counter requires just a single line of code, simplifying setup for all users. The widget updates automatically with each change, ensuring your site always displays the most current version without extra effort.

Effortless Embedding of the Visitor Counter on Any Website

Knowing how many visitors are on your site at any given moment can help you make data-driven decisions to enhance user engagement. The Visitor Counter widget provides real-time tracking, allowing you to see spikes in traffic and adjust your content strategy accordingly. This immediate feedback helps you tailor your website experience to keep visitors engaged and coming back.

Traffic Counter

Displaying your site's visitor count can build trust and credibility with your audience. When potential customers see that many others are visiting your site, they are more likely to view your business as reputable and trustworthy. The Visitor Counter widget helps you showcase your site's popularity and attract even more visitors.

Enhance Credibility with Visible Visitor Counts

By displaying your visitor count, you create a sense of community among your audience. When visitors see that others are also engaging with your content, it fosters a feeling of belonging and encourages repeat visits. The Visitor Counter widget helps in building a loyal audience base that keeps coming back for more.

Foster Community and Repeat Visits

Visitor Counter

Display a bar or banner displaying a discount coupon, at the top or bottom of the screen

The Coupon Bar widget features advanced display rules — like when or where to display the widget — that you can set and customize. The rules include action triggers like “on exit,” “on page scroll,” “after a certain time delay,” and more.

Customizable Display Rules

The Coupon Bar widget comes with two position options — you can either show it at the top of the screen or at its bottom.

Top or Bottom Coupon Bar

The Coupon Bar widget features the “sticky” option, which can pin your Coupon Bar and fix it to your chosen position. That way, when the user scrolls, down or up, they’ll still see the Coupon Bar.

Sticky Feature

You can add a coupon code to the Coupon Bar widget to encourage action and improve conversions.

Add a Coupon Code

The Coupon Bar widget comes with a selection of beautiful icons that you can use to add to the Coupon Bar and enrich its visual appearance.

Show an Icon on the Coupon Bar

To enable the process of customization quicker, you can choose one of the many coupon templates available.

Multiple Coupon Templates

The Coupon Bar widget comes with a playful “shaking” coupon animation, with which you can draw attention to the coupon and encourage users to use it.

Shaking Coupon Animation

The Coupon Bar widget comes with a variety of beautiful skins that you can choose from, so you don’t have to spend much time on extensive customization.

Multiple Skins

The Coupon Bar widget features full customization options, so you can edit the design to fit your needs. Change the colors, the fonts, the spacing, and anything else!

The Coupon Bar widget is fully responsive and will look great on any device. This feature will put you ahead of your competitors in a mobile-first world.

Perfectly Responsive Coupon Bar

The Coupon Bar widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget any way you’d like to with just a few simple clicks.

Easy To Use Coupon Bar

As with all of Common Ninja’s widgets, you can add custom CSS to customize the Coupon Bar widget and be even more creative.

You can easily embed the Coupon Bar widget on your website by copying a single line of code. The Coupon Bar widget will also be updated automatically with every change you make.

Easy To Embed 

With the Coupon Bar widget, you can offer your site visitors coupons for discounts and other promotions in a prominent, hard-to-miss way.

Offer Discounts & Coupons to Customers with the Coupon Bar

The Coupon Bar widget comes with full customization options, a "sticky" feature, a "shaking" coupon animation, and templates and skins — all of which will draw your visitors' attention to the message you are trying to convey.

Use the Coupon Bar to Draw Attention

With this Coupon widget, you can easily tailor a message that will be visible and eye-catching, driving your users to action and boosting sales.

Boost Sales With Coupons

Coupon Bar

Boost Sales

Easily craft engaging, personalized popups to boost conversions.

With the Popup Builder widget, you have the freedom to design your popup exactly how you envision it. Add various elements including titles, sub-titles, paragraphs, and images, and arrange them in the order that best suits your communication needs.



Element Flexibility and Customization

With the Popup Builder widget, you can set your popup content to dynamically adjust based on visitor behavior or predefined rules. This adds an element of personalization to your popups, enhancing user experience and boosting engagement.

Dynamic Content Placement

Make your popups more interactive by adding clickable buttons. This feature lets you guide your visitors towards desired actions, whether it's subscribing to a newsletter, making a purchase, or visiting a particular page.

Interactive Buttons Addition

With the Popup Builder widget, you're not just limited to text and images. It allows you to embed other widgets such as forums, countdown timers, sliders, or any other widget you've created on Common Ninja. This enables you to create multi-dimensional popups that serve varied functions, making your website even more dynamic and interactive.

Supercharge Your Popups with embedded widgets

The Popup Builder widget comes with a variety of layout options. You can pick the one that best aligns with your website's design and style, ensuring a cohesive and appealing look.

Soft Skin Journal 3

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Comments

AdBlocker Detector

Code Snippets

Card Carousel

Visitor Counter

Coupon Bar

Popup Builder

Donation Form

Petition Form

Payment Method Logos

Vimeo Carousel

Mastodon Feed

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Soft Skin Journal 3

OpenCart extension

App Details

Pricing

Check Out the Comments Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Comments

AdBlocker Detector

Code Snippets

Card Carousel

Visitor Counter

Coupon Bar

Popup Builder

Donation Form

Petition Form

Payment Method Logos

Vimeo Carousel

Mastodon Feed

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine