Create infographics: custom icons, dynamic tooltips, and responsive design.

Experience enhanced control and customization with the Ratio Widget's Group Information setting. Website owners can assign specific information to each group, including selecting unique icons, adjusting icon colors, and adding titles. This feature ensures each group is distinct and aligns with the intended message and aesthetic, offering a tailored infographic experience to every visitor.

Group Customization Flexibility

The Ratio Widget enriches user interaction with its Tooltip Description feature. As visitors hover over each group, a dynamic tooltip emerges, displaying content that’s tailored based on the group count. This interactive element not only enhances user engagement but also provides additional insights, making the exploration of your infographic both an informative and engaging experience.

Interactive Tooltip Insights

The Ratio Widget introduces a smart, Automatic Ratio Calculation feature that optimizes the display of icons on your webpage. Users can set a maximum number of icons to be shown, ensuring the webpage remains uncluttered. The widget adeptly calculates and adjusts the quantity of icons for each group, based on the specific ratios, delivering a concise, yet comprehensive visual representation of data.

Efficient Icon Display

The Ratio Widget enhances data presentation through its animated infographic feature. Icons unveil sequentially, employing a typewriter effect, which ensures visitors are captivated. This progressive revelation of information not only captivates attention but also facilitates an easier understanding of the data shared, making each piece of information stand out distinctively.

Animated Infographic Display

With the Ratio Widget, total customization is at your fingertips. This feature allows site owners to manipulate every aspect of the ratio infographics, from icons to display style, ensuring it aligns precisely with their preferences and brand identity. Every infographic created is a true reflection of the website’s character, achieving a harmonized look and feel.

Complete Customization Control

The Ratio Widget is crafted with a responsive design, ensuring your infographic ratios are displayed seamlessly on various devices, from mobile phones and tablets to desktop computers. Each icon and piece of information is adjusted to fit and function perfectly, offering a consistent and optimal viewing experience to all visitors.

Responsive Infographic Design

Navigating and customizing infographics is a breeze with the Ratio Widget’s user-friendly interface. It’s designed to be straightforward and intuitive, empowering site owners to effortlessly create and tailor their ratio infographics. Even without advanced technical skills, users can seamlessly integrate and manage this feature on their websites.

User-friendly Interface

The Ratio Widget is adaptable for those well-versed in coding, offering support for custom CSS. This allows users with advanced technical skills to have precise control over the appearance and behaviour of the ratio infographics, ensuring a bespoke visual representation that aligns with specific needs and aesthetics.

Enhanced Styling with Custom CSS

Embedding the Ratio Widget is a straightforward process, requiring only a single line of code to integrate it into any website. This simplicity ensures that site owners, regardless of their technical proficiency, can effortlessly enhance their webpages with informative and engaging ratio infographics.

Easy to embed on any website

Implement the Ratio widget to transform data into compelling visual stories. Visitors can easily absorb and interact with information, presented through creative and intuitive infographics. This visual touch not only enhances understanding but also adds an aesthetic element to your site.

Visual Engagement with Ratio Widget

With the Ratio Widget, your data speaks for itself. Infographics make the interpretation of complex information simple, aiding in clearer communication with your audience. Website visitors can quickly grasp the essential points, resulting in an efficient information transfer.

Express Information Clearly

Integrating the Ratio Widget enables your content to reach a wider audience. The eye-catching design of ratio infographics encourages sharing, increasing the visibility of your content. This expanded reach can result in enhanced brand awareness and audience growth.

Amplify Content Reach with Infographic

Ratio

Get Creative

A payment button that initiates a linked payment form with PayPal or Stripe for convenient and secure transactions

The Payment Button currently works with the Stripe and PayPal payment gateways, from which you can choose the one that fits your needs. This compatibility ensures seamless integration into your existing e-commerce platform, allowing for a more flexible and user-friendly payment experience.

Multiple Payment Gateway Integrations for the Payment Button

The Payment Button widget features the option to toggle email notifications and webhooks. The email notifications can be toggled both for the website owner and the customers. Keep track of your sales efficiently with this powerful tool.

Payment Button Email Notifications

The Payment Button widget enables viewing all the transactions that were made through the button, with the additional option that enables to export of these transactions into a CSV file.

Displaying and Exporting Transactions to a CSV File

The Payment Button allows adding taxes and shipping prices manually, enabling a more accurate pricing listing.

Option To Add Taxes & Shipping Prices

The widget comes with the option to add post-payment messages, that can be used to assure users that their payment has been processed or to thank them for their payment. Adding a personal touch can make your customers feel valued and foster long-lasting relationships.

Option To Add Post-Payment Messages

The Payment Button 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. Offering a visually appealing Payment Button will attract more customers and enhance their overall shopping experience.

Choose from Multiple Skins for Your Payment Button

The Payment Button 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! These personalized adjustments will enable you to maintain consistent branding across your online presence, improving customer recognition and trust.

Completely Customizable Payment Button

The Payment Button widget is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors. By catering to all screen sizes and devices, you increase the likelihood of capturing sales and maintaining user engagement.

Perfectly Responsive Payment Button

The Payment Button 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 Payment Button

In addition to the built-in customization options, our Payment Button widget allows you to incorporate custom CSS, enabling even more creative control over its appearance. With this feature, you can fine-tune the widget to perfectly align with your website's design and brand identity.

Payment Button Custom CSS for Enhanced Creativity

Embedding the Payment Button on your website is a breeze – simply copy and paste a single line of code. Additionally, the Payment Button widget will update automatically with every change you make, ensuring your website remains current and functional without any extra manual intervention.

Effortless Embedding the Payment Button

A payment button streamlines the payment process, allowing customers to make a purchase quickly and easily with just a few clicks. This can reduce the time and effort required for customers to complete a payment, leading to increased sales and customer satisfaction. Integrating the Payment Button will undoubtedly enhance your website's functionality.

Effortless Payment Process with Payment Button

A payment button can simplify the checkout process, reducing cart abandonment and increasing sales. Customers can quickly complete their purchases without navigating through multiple pages, providing a sense of security and trust in the website's payment processing. This easy-to-use feature will help your business grow and prosper.

Payment Button: Boost Sales & Minimize Cart Abandonment

A payment button can improve user experience by streamlining the checkout process, making it more convenient and efficient for customers. With just a few clicks, users can quickly and securely complete their purchase without the need to navigate through multiple pages. Implementing this Payment Button is a smart way to keep your customers happy and engaged.

Enhanced User Experience with the Payment Button

Payment Button

Website Components

The Reviews Badge widget supports multiple review platforms including, Google, Airbnb, Amazon, TripAdvisor, AliExpress, Etsy, and many more! No matter where your customers are leaving reviews, the Reviews Badge widget has you covered, providing an inclusive and comprehensive summary.

Multiple Reviews Platforms

The widget features two badge types — animated and stacked, allowing you to tailor the design to fit your needs. Find the perfect badge type to complement your site's aesthetic and create an engaging user experience.

Choose Your Style: Animated or Stacked

Should you choose the animated badge type, there will be an option to choose the animation type from a list of available options. Make your Reviews Badge stand out by selecting from a variety of eye-catching animations.

Select Your Animation Style

The widget comes with the option that allows choosing its position on the website, making it a very versatile, flexible tool that can be customized to fit your website’s design.

Position Options

The Reviews Badge widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style. Choose from an array of available layouts to seamlessly integrate the Reviews Badge widget into your existing website design.

Pick Your Perfect Layout

The Reviews Badge 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. With a wide array of pre-designed skins, your Reviews Badge will look polished and professional without any additional effort.

Choose from Stunning Skins

The Reviews Badge 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! Tailor every aspect of your Reviews Badge widget to create a look that's uniquely yours.

Endless Customization Possibilities

The Reviews Badge widget is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors. With a design that adapts to any screen size, your Reviews Badge widget will remain user-friendly and attractive across all devices.

Responsive Design for Any Device

The Reviews Badge 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

As with all of Common Ninja’s apps, you can add custom CSS to customize the Reviews Badge widget and be even more creative. For those with coding skills, the option to add custom CSS allows for even more design flexibility and personalization.

Get Creative with Custom CSS

You can embed the widget on your website easily by copying a single line of code. The Reviews Badge widget will also be updated automatically with every change you make. Save time and effort with easy-to-implement code and automatic updates to keep your Reviews Badge current and functional.

Easy To Embed

By displaying a reviews badge widget on your website, you are showing your visitors that your business has a positive reputation and that other customers have had a good experience with your products or services. This can increase trust and credibility, making potential customers more likely to make a purchase.

Increased Trust and Credibility

A review badge widget that not only shows reviews but actively encourages users to leave reviews via a CTA can increase engagement on your website. Visitors are more likely to leave a review if it is easy to do and they see that others have done so, and this can lead to more interactions with your brand.

Increased Engagement

Displaying a reviews badge widget on your website can help increase conversions. When potential customers see positive reviews from other customers, they are more likely to trust your business and make a purchase. Additionally, the call-to-action (CTA) to leave a review can encourage satisfied customers to write a positive review, which can further increase conversions.

Increased Conversions

Reviews Badge

Reviews

Present eBay reviews for your product on your website

The widget comes with three review types — Carousel, Grid, and List, that will help you customize the apps and make them fit your design needs.

Different Review Types

The widget comes with advanced filtering options, like choosing to display reviews with a minimum of a certain number of stars.

Filter

With a simple toggle of a button, you can make sure that you manually approve all the reviews that will be displayed.

Manual Approval

The widget features additional filtering options in the form of keyword inclusion or exclusion — which is ideal for certain eBay seller accountes.

Include or Exclude Keywords

The widget comes with sorting options that will help you customize your display to show reviews by the oldest or the newest reviews.

Sorting Options

The eBay Reviews widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style.

Multiple Layouts

The eBay Reviews 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 eBay Reviews 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!

Fully Customizable

The eBay Reviews widget is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors.

Perfectly Responsive

The eBay Reviews 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.

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

Custom CSS

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

Reviews on eBay are considered trustworthy and can have a big impact on a customer's decision to use your eBay seller account. Thereby, having those reviews clearly displayed on your website via this widget will be absolutely beneficial.

Increase Credibility & Trust

By clearly displaying your good eBay reviews and increasing trust in your eBay seller account, you will be able to help undecided customers to make the decision to become paying customers quicker.

Drive Sales Up Quicker

The widget’s full customization options will enable you to choose from different review types, layouts, skins, fonts, colors, and more, and make the reviews complement your website’s design.

Enhance Design

eBay Reviews

Keep Videos in View as Users Scroll Through Your Site

The Sticky Video widget supports a wide range of media sources, including direct video uploads, YouTube, Vimeo, and more. This versatility ensures that you can easily integrate your preferred video content into your website, regardless of its original platform. 

Versatile Media Support for the Sticky Video Widget

The Sticky Video widget provides the ability to position the minimized video player in any corner of the screen. This flexibility allows you to choose the best location that suits your website's layout and design. Whether you prefer the player in the bottom-right corner for a subtle appearance or the top-left for maximum visibility, the choice is yours to enhance user experience and maintain a clean, organized page.

Flexible Positioning for the Sticky Video Player

The Sticky Video widget offers a variety of beautiful design skins, enabling you to choose a look that seamlessly aligns with your website’s branding and style. These pre-made skins help you quickly create a visually appealing video player without the need for extensive customization. Whether your site has a modern, minimalist, or vibrant design, you’ll find a skin that enhances your user interface and complements your overall aesthetic.

Multiple Design Skins for the Sticky Video Widget

The Sticky Video widget provides extensive customization options, allowing you to modify the design to perfectly suit your website’s needs. You can easily adjust colors, fonts, sizes, and other elements to create a video player that aligns with your brand’s unique style. This high level of customization ensures that the widget not only functions effectively but also integrates seamlessly with your website’s visual identity.

Fully Customizable Sticky Video Widget

The Sticky Video widget is fully responsive, ensuring that your videos display flawlessly on any device. Whether your users are on desktops, tablets, or smartphones, the video player will adjust to fit the screen size, providing a consistent and engaging viewing experience. This responsiveness is crucial for maintaining user engagement across all platforms, especially in a mobile-first world.

Perfectly Responsive Sticky Video Widget

The Sticky Video widget is designed with ease of use in mind, requiring no coding skills to customize and implement. Its intuitive interface allows you to adjust settings and design elements with just a few clicks, making it accessible for users of all technical levels. This simplicity ensures that you can quickly integrate and tailor the video player to your website, enhancing your site’s functionality without any hassle.

Easy-to-Use Sticky Video Widget

For those looking to add a personal touch, the Sticky Video widget supports custom CSS, allowing for deeper customization. This feature is perfect for developers and designers who want to fine-tune the widget’s appearance and functionality to match their specific requirements. With custom CSS, you can create a truly unique video player that fits seamlessly into your website’s overall design and user experience.

Custom CSS for Enhanced Creativity

Embedding the Sticky Video widget on your website is straightforward, requiring just a single line of code. This easy integration makes it simple to add the widget to any website, regardless of the platform you’re using. Plus, any changes you make to the widget are automatically updated, ensuring your site always displays the most current version without any extra effort on your part.

Effortless Embedding on Any Website

The Sticky Video widget keeps your content accessible as users scroll through your site, ensuring that the video remains visible. This persistent visibility helps maintain user engagement, as visitors can continue watching your video while exploring other parts of your website, increasing the overall time spent on your site.

Boost User Engagement with the Sticky Video Widget

By using the Floating Video Player, you can enhance content retention by ensuring your videos stay in view. This feature is particularly valuable for educational or instructional videos, as it allows users to follow along with the content without needing to stop and start as they scroll.

Enhance Content Retention with the Floating Video Player

The Scroll Video Widget can help drive conversions by keeping promotional or call-to-action videos constantly visible. Whether you’re showcasing a product demo or an explainer video, this feature ensures that your key messages are always front and center, encouraging users to take action.

Increase Conversions with the Scroll Video Widget

Sticky Video

Media

User Engagement

New!

Present images and text with a variety of animated effects and transitions for an engaging visual display

Example 1

Example 2

Example 3

Example 4

Example 5

The widget comes with over 24 different hover effects that you can choose from to enhance your users’ visual experience. These hover effects enhance the user's experience by surprising and delighting them, and they also stimulate interaction with the content and further exploration of your website.

Various Hover Effects

The Image Hover Effects widget comes with a variety of animations that you can add to your hover effects to make them even more stunning. You may provide your audience with an immersive and engaging experience by using the loading animations.

Different Loading Animations

You may fully customize the Image Hover Effects widget to change the style to suit your needs. Customize anything you want, including the fonts, spacing, and colors! In order to create a unified and polished appearance, you may also select from a variety of font choices and modify the font's size, style, and color. You can alter the spacing in addition to these style choices to make sure it blends in with the rest of your website's design.

When links are added to photos, users can click on a button to be redirected to another website or resource. By offering more information or relevant content in a visually beautiful and engaging manner, can enhance user experience.

Linkable Images

Apply filters to images to augment their appearance with a trendy aesthetic. In combination with animation effects, it will create a stunning visual display.




Color Overlay image filters

Any website would benefit from the widget Image Hover Effects. It has a clean and contemporary style that will improve the overall appearance of your site in addition to being fully responsive, which means it will shift fluidly to fit the screen size of any device. Having a website that is optimized for mobile viewing is essential in a world where more and more people are accessing the internet through their phones and tablets. You may use the widget to accomplish just that, providing you an advantage over rivals.

The use of the Image Hover Effects widget is simple and doesn't require any coding expertise. With only a few mouse clicks, you can modify the widget however you wish using our user-friendly interface. As a result, even people without coding knowledge can quickly and easily develop designed elements with a professional appearance that interact with their website and increase their online visibility and audience engagement.

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Image Hover Effects 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.

To embed the Image Hover Effects 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 Image Hover Effects editor will be reflected automatically on your website without the need for any additional manual updates.

Easy To Embed 

With the Image Hover Effects widget, you can improve the aesthetics of your website by adding visual interest through the use of effects such as color overlays, transitions, and animations. These effects can help to draw attention to important elements of your website, such as calls to action or featured products.

Enhance Aesthetics

With the Image Hover Effects widget, you can highlight important content on your website and draw attention to it. And, with the interactive features, you can certainly increase engagement. Furthermore, the widget allows you to easily customize the design and placement of the highlighted content, making it an effective tool for improving user experience and increasing conversions.

Increase Engagement

With the Image Hover Effects widget, you can provide a better user experience by adding visual interest, improving navigation, and highlighting important content. In addition, the widget's compatibility with various platforms and devices ensures that your website's aesthetics remain consistent and visually appealing for all visitors.

Provide a Better User Experience

Image Hover Effects

Images & Galleries

An Immersive Experience

With a short, teasing sentence, and enticing images, it’s easy to encourage users to click on the feed to learn and read more about a particular topic. 


An Invitation to Explore

Style 3

Style 4

You can also present your feeds in a more detailed manner, to inform your users, and encourage them to read the desired posts. 


Detailed Information for Better Decisions

Style 6

Your page will look more lively with Mastodon Feed's "ticker" animation that mimics an old news ticker. It can be used to grab the user's attention immediately.

Mastodon Feed Ticker Animation

There are various options for displaying the date and time of the feeds — an option that will enable you to further customize the Mastodon Feed widget according to your needs, and the preferences of your visitors.

Date & Time Display Settings

The Mastodon Feed widget has the “auto-refresh” option which, when toggled, keeps refreshing and updating the feed with new posts.

The Mastodon Feed Refresh Automatically

Tabs and Mixed are two different feed types in the Mastodon Feed widget. The Tabs type keeps all your tabs organized by order of feed, while the Mixed type, mixes the various Mastodon feeds to create a diverse feed.

Different Mastodon Feed Types

You can easily customize the characters' length to save space and make the Mastodon Feed widget more compact.

Customize Character Display Length

The Mastodon Feed widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style.

Multiple Mastodon Feed Layouts

Various beautiful skins are available for the Mastodon Feed widget, so you don't have to spend much time customizing it.

Mastodon Feed Multiple Skins

The Mastodon Feed widget provides full RTL support for those who write from right to left. Make your news accessible to more users from all over the world.

Full RTL Support

The Mastodon Feed widget offers full customization options to make it fit your needs. Change the colors, the fonts, the spacing, and anything else!

Discover the best plugins for nopCommerce

Some of the best Common Ninja plugins for nopCommerce

Ratio

Payment Button

Reviews Badge

eBay Reviews

Sticky Video

Image Hover Effects

Mastodon Feed

Feedback Form

Capterra Reviews

Instagram Slider

Course Listings

Tabs

Common Ninja Search Engine