This is a MUST HAVE module to make with easy unique labels for branding product boxes. Used technology is fully based on CSS and HTML. Labels are placed OVER product image. Images itself are not changed in any way. This helps to have full contro..

Como Product Labels Advanced

Customize your headlines with unique highlights, colors, animations, and personalized styles.

Example 1

Example 2

Example 3

The Highlighted Headline feature offers an array of markers, underlines, and highlighted backgrounds, allowing you to customize your headlines with a touch of creativity. This vast selection empowers you to bring your message to life in a way that aligns with your brand's identity. It's a simple yet powerful tool to make your headlines pop and keep your audience engaged.

Multiple Styling Options for Highlighted Titles

With our Highlighted Headlines widget feature, you have the option to add animations to the markers and underlines, creating a dynamic display that draws in your audience. You can choose to have the highlights always visible or activate the animation as per your preference. Plus, you have full control over the animation's duration and repetition, allowing you to create the ideal visual experience that aligns with your message and brand.

Control Animation for Engaging Highlights

The Highlighted Titles widget feature offers the freedom to customize color schemes, allowing you to match the visual presentation of your text with your brand or website design. You can choose a different font color for the highlighted part of the sentence and set the color of the markers and underline, offering a deeper level of personalization for your headlines.

Personalize Color Choices for Your Highlights

Our Highlighted Headline widget offers versatile customization options to complement your website's branding and aesthetic seamlessly. You can easily personalize the font colors, marker, and underline colors to align with your existing design, ensuring that your highlighted headlines are not just striking, but also a perfect match for your website's style.

Customizable Design

The Highlighted Headlines widget comes with a fully responsive design that ensures it automatically adjusts to fit various screen sizes and devices. This means that whether your website is viewed on a desktop, tablet, or smartphone, the Highlighted Headlines will display correctly and consistently, guaranteeing a seamless user experience across all platforms.

Responsive Design with Highlighted Headlines

The Highlighted Headlines widget is designed with simplicity and user-friendliness at its core. It provides an effortless way for users to make their content stand out, thereby increasing engagement. This intuitive feature ensures visitors can highlight important information swiftly and effectively, enhancing the overall user experience on the website.

User-Friendly Highlighted Headlines Widget

The Highlighted Headlines widget supports custom CSS, enabling you to add a truly personalized touch to your headlines. Users with coding knowledge can take their headlines' visual appeal to the next level, tailoring the widget's look and feel to their exact design preference with their own custom CSS.

Custom CSS Capability with Highlighted Headlines

Our Highlighted Headlines widget is built for easy integration into your existing website, requiring minimal technical know-how. This convenience allows טםו to quickly implement the feature, making your headlines pop without the need for extensive development resources or expertise.

Effortless Integration of Highlighted Headlines

With Highlighted Titles, your site's key messages will immediately grab visitors' attention. By focusing on the most essential information, you'll keep your audience engaged and eager to learn more.

Enhanced Engagement

Highlighted Headlines allow you to ensure the most critical parts of your message are never missed. By emphasizing the core points, you'll effectively communicate your message and keep visitors informed.

Clear Communication with Highlighted Titles

By using Highlighted Headlines, you'll make your website and its key messages more memorable. When important information stands out, visitors are more likely to recall it, reinforcing your brand and message.

Increased Memorability

Highlighted Headlines

Website Components

Get Creative

Showcase the events info in a stylized and adjustable list format

Example 4

The Event List widget features six layouts with varying image sizes and text layouts, supporting horizontal and vertical design to ensure that the widget fits your design requirements.

Multiple Event List Layouts

You can add images in the Events widget to show locations, halls, musicians, musical instruments, performers, and more!

Using Images on your Event List

The Event List 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 for the Event List

The Event List 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 Widget

The Events widget is fully responsive and will look great on any device. In the mobile-first world, you will have the edge over your competitors.

Perfectly Responsive Events Widget

The Event List 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 Event List Widget

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

Custom CSS

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

Easy To Embed Events Widget

The Event List widget features the option to enable a gentle animation that the user will see when first accessing the Events List, to make the page less static and more appealing. 

Gentle Intro Animation

The events widget enables you to easily add the location of the event, its time and date to display it to make this information easily visible to your users and improve their experience. 

Location, Date & Time

With the Events List widget, you can make sure that all your events are visible, with the relevant information attached to them like the date, location, time, etc. By allowing your users to browse these events easily, you will improve the visibility of these events, and make it easy to spread awareness.

Improve Visibility & Spread Awareness

The Events widget enables users to click on relevant links for the events they are interested in, which can lead to relevant landing pages, payment pages, etc. thereby increasing the possibility of them purchasing tickets and attending the event.

Use Event List Widget to Increase Attendance

The Event List widget is fully customizable, and as such, it can be made to fit and complement any website design.

Enhance Design with an Event List widget

Event List

Lists & Cards

Displays varying prices based on selected item quantities.

With the Pricing Slider, you can effortlessly input specific details tailored to your offerings. Easily define the item names, set the cost per unit, and select the appropriate currency, ensuring the widget aligns with your business's exact requirements.

Adjustable Pricing Information

The Pricing Slider allows for a straightforward discounting approach. Simply input a fixed percentage off, and designate the minimum quantity required for the discount to activate. This ensures customers are rewarded when purchasing in larger quantities.

Use Linear Discount

Diversify your discounting strategy with the Pricing Slider. You can establish multiple discount tiers, assigning specific percentages to particular quantity ranges. This provides flexibility in incentivizing bulk purchases and can cater to varied purchasing behaviors.

Set Intervals Discount

The Pricing Slider goes beyond mere numbers; it offers a narrative. Utilize variables to generate a description that adjusts in real-time based on the slider's position. As users modify the quantity, the description seamlessly updates, providing them with a comprehensive understanding of the price, discount, and items involved. This enhances clarity and ensures users are always informed of their selections.

Dynamic Contextual Descriptions

The Pricing Slider enhances user clarity with a tooltip that appears above the slider, detailing the precise item count. Integrate a prefix or suffix to this tooltip, providing context and clarity to the displayed number, ensuring users always grasp the quantity's significance.

Interactive Slider Tooltip

Explore the array of skins with the Pricing Slider Widget. A variety of styles are at your fingertips, allowing swift customization. Seamlessly align the Pricing Slider's aesthetic with your website for a harmonious look and feel.

Elegant Skins Selection

Dive deep into customization with the Pricing Slider Widget. Whether it's adjusting color tones, fonts, or spacing, the widget is crafted to blend with your site. Ensure the Pricing Slider perfectly mirrors your website's ambiance.

Full Customization

The Pricing Slider Widget is crafted for today's diverse device landscape. It adapts gracefully from desktop to mobile, promising a stellar viewing experience. With the Pricing Slider, your site remains modern and user-centric across all devices.

Optimal Responsive Design

The Pricing Slider Widget prioritizes ease of use. No coding knowledge? No problem. Its intuitive drag-and-drop feature ensures any user can customize the Pricing Slider effortlessly.

Easy to use

The Pricing Slider Widget supports custom CSS, enhancing its adaptability. Harness this feature to further mold its appearance. Let your creativity flow and make the Pricing Slider uniquely yours.

Enhanced with Custom CSS

Integrating the Pricing Slider Widget into your website is straightforward. Simply use the provided code for swift incorporation. As you tweak the Pricing Slider, your website will automatically reflect those changes, ensuring visitors always see the most updated version.

Easy To Embed

The Pricing Slider offers a straightforward view of various price points. This clarity helps website visitors understand cost structures quickly. Making informed choices becomes easier with a clear presentation of prices.

Clear Price Visualization

Interactive widgets like the Pricing Slider can engage users more effectively. By offering a hands-on pricing tool, visitors are likely to spend more time exploring your offerings.

Enhanced Site Interaction

Interactivity can impact decision-making. The Pricing Slider's simple design can lead visitors to make quicker purchase decisions. With such clarity, enhancing your website's conversion rate becomes more feasible.

Improved Conversion Potential

Pricing Slider

Boost Sales

Example 5

The weather widget provides real-time weather information for their specific area. Leveraging advanced geolocation technology, the weather widget tailors meteorological data to a precise location, ensuring the user receives the most accurate and up-to-date forecasts.

Location-Based Weather Data

The widget provides both short-term and long-term weather forecasts, offering users a comprehensive view of upcoming weather conditions. This feature allows users to plan accordingly for daily activities, travel, and events based on the forecasted weather.

Weather Forecast

The weather widget displays a variety of weather metrics, such as temperature, humidity, wind speed, and precipitation. This feature provides users with a more detailed understanding of the current and forecasted conditions, allowing for more informed decision-making.

Multiple Weather Metrics

The weather widget allows users to view weather information for multiple locations simultaneously, making it an excellent tool for individuals who need to keep track of conditions in different places. This feature benefits businesses and users who have interests in multiple cities or regions, providing a convenient way to access essential weather data all in one place.

Using Multiple Locations

The weather widget offers a variety of layout options, enabling website owners to choose the best format to suit their specific needs and preferences. This flexibility ensures that the widget can be easily adapted to different website designs and structures, enhancing the overall user experience and integration.

Multiple Layouts

With multiple skins available, the weather widget can be easily customized to match the website's look and feel. This feature allows website owners to maintain consistent branding and aesthetics while offering users valuable weather information, creating a cohesive visual experience across the site.

Multiple Skins

The weather widget provides a wide range of weather icons to choose from, allowing website owners to select the ones that best align with their site's design and branding. This feature ensures that the visual representation of weather conditions is consistent with the overall aesthetics of the website, creating a harmonious user experience.

Select from a Various Set of Icons

The Weather widget's design can be easily customized to match the website's branding and aesthetic. Website owners have control over the colors, fonts, and layout, ensuring that the widget seamlessly integrates with the existing design.

The weather widget is fully responsive, automatically adjusting to fit various screen sizes and devices. This feature guarantees that the widget will display correctly on desktops, tablets, and smartphones, ensuring a consistent user experience across all platforms.

Responsive weather widget Design

The weather widget is designed with user-friendliness in mind, making it simple and straightforward for users to access and understand the provided weather information. This ease of use encourages user engagement and ensures that visitors can quickly obtain the data they need without any unnecessary complications, enhancing the overall experience on the website.

Easy to Use Weather widget

Like all our widgets, the weather widget allows you to incorporate custom CSS for a truly personalized touch. Users with coding expertise can elevate the widget's appearance, achieving the ideal design by adding their own custom CSS.

Infuse Your Unique Style with Custom CSS

The weather widget is designed for easy integration into a website's existing code, requiring minimal technical knowledge to implement. This feature allows website owners to quickly add the widget to their site without needing extensive development resources or expertise.

Easy Integration of a Weather Widget

A weather widget can significantly improve the user experience on a website. By providing real-time, location-specific weather information, users can quickly access relevant data without needing to leave the site or search elsewhere.

Enhanced User Experience with a Weather Widget

A weather widget drives user engagement by offering relevant weather information, allowing users to make informed decisions based on current conditions or forecasts. This can lead to a more satisfying experience on the website, encouraging visitors to explore other content and services offered.

Increased Website Engagement

By integrating a weather widget, businesses can help users make better-informed decisions related to their products or services. For example, a travel website that includes weather information allows users to plan their trips more effectively, increasing the likelihood of booking through the platform.

Contextual Decision Making

Live Weather Forecast

Weather templates 6

Weather template 5

Weather template 4

Weather template 3

Weather template 2

Weather template 1

Create interactive, customizable maps with color coding, tooltips, and easy website embedding.

The Interactive Maps widget offers a selection of over 250 maps of world countries. This extensive library allows you to choose the exact map that fits your needs, making it easy to create detailed and customized data visualizations for any region across the globe.

Extensive Map Selection

The Interactive Maps widget allows you to set custom color coding categories and assign them to each polygon on the map. This feature makes it easy to visually distinguish between different data sets, regions, or categories by using a variety of colors. Whether you're highlighting states, counties, or any other geographic areas, this option provides a clear and effective way to represent your data in a visually engaging manner.

Customizable Color Coding for Interactive Maps

The Interactive Maps widget includes an option to display a legend, making it easy for users to understand the color coding and data categories on the map. The legend enhances clarity by providing a quick reference, ensuring that your audience can easily interpret the data represented in the map’s color-coded regions.

Integrated Legend Display for Interactive Maps

The Interactive Maps widget allows you to set custom links for each polygon, directing users to external webpages. This feature is ideal for providing additional information, resources, or related content, making your map not just a visual tool but an interactive gateway to deeper engagement with your audience.

Link Polygons to External Webpages

The Interactive Maps widget offers a variety of beautiful design skins, allowing you to choose a look that seamlessly aligns with your website's aesthetics. Whether your site has a modern, minimalist, or traditional style, there’s a skin that will enhance the visual appeal of your map while saving you time on customization.

Multiple Design Skins for Interactive Maps

The Interactive Maps widget enables you to create custom tooltips for each polygon, complete with a header image and text. This feature allows you to provide rich, detailed information when users hover over different regions, enhancing the interactivity and depth of your map. It’s a powerful way to deliver context and insight directly within the map itself.

Add Tooltips with Image and Text for Each Polygon

The Interactive Maps widget provides extensive customization options, letting you adjust colors, fonts, spacing, and more to suit your specific needs. This flexibility ensures that your map not only functions well but also complements the unique design of your website.

Fully Customizable Interactive Maps

Designed for responsiveness, the Interactive Maps widget ensures your map displays elegantly on any device, from desktops to smartphones. This feature is crucial for providing a consistent user experience, regardless of how visitors access your site.

Perfectly Responsive Interactive Maps

The Interactive Maps widget is user-friendly, requiring no coding skills for customization. Its intuitive dashboard allows you to easily tailor the map to your preferences, making it accessible for users of all technical levels.

Easy-to-Use Interactive Maps Widget

For those seeking deeper customization, the Interactive Maps widget supports custom CSS. This feature is perfect for developers and designers who want to apply a unique style or add advanced functionality to the map, allowing for a truly personalized experience.

Custom CSS for Advanced Styling

Embedding the Interactive Maps widget on your website is straightforward, requiring just a single line of code. The widget automatically updates with any changes you make, ensuring that your map is always current without any extra effort.

Effortless Embedding of Interactive Maps

Empower your website with visually appealing data representation using Interactive Maps. These maps allow users to easily interpret complex data through color-coded regions, improving user engagement and understanding.

Enhance Data Visualization with Interactive Maps

Transform complex datasets into easily digestible visuals with Interactive Choropleth Maps. This tool helps website visitors quickly grasp insights by representing data through color variations across geographic regions.

Simplify Complex Information Using Interactive Choropleth Maps

Utilize the power of Interactive Choropleth Maps to present data in a way that aids decision-making. The ability to highlight and compare different regions at a glance makes it easier for users to draw meaningful conclusions.

Drive Decisions with Interactive Choropleth Maps

Interactive Maps

New!

Seamlessly integrate social sharing buttons into your website to enhance content visibility.

The Social Share Buttons widget offers the flexibility of choosing between two distinct layouts: vertical and horizontal. This versatility ensures that the Social Share Buttons can seamlessly integrate into your website's design, whether you prefer a sidebar-like vertical arrangement or a more traditional horizontal alignment. Tailoring the layout to match your website's aesthetics enhances the overall user experience and maintains design coherence.

Customizable Layouts for Social Share Buttons

With the Social Share Buttons widget, you have the liberty to select from various button styles to complement your website's theme. Choose from full-color buttons for a vibrant and eye-catching look, transparent buttons for a more subtle and integrated appearance, or circular buttons for a sleek, modern feel. This range of style options allows for greater creative expression, ensuring the Social Share Buttons not only function effectively but also add to the visual appeal of your site.

Diverse Button Styles for Enhanced Aesthetics

The Website Share Buttons feature allows you to tailor the content of messages shared on social platforms. This customization ensures that the shared link reflects your brand's unique voice and message, making each share more impactful and aligned with your marketing strategy. Personalizing these messages can significantly enhance user engagement and the overall appeal of your content on social media.

Custom Message Personalization with Website Share Buttons

The Social Media Sharing Buttons support an impressive array of 48 social platforms, offering a wide range of options to suit diverse audience preferences. Whether targeting mainstream audiences on platforms like Facebook or niche communities, this variety ensures that your content reaches the most relevant and engaged audiences. Selecting the right platforms for your Social Media Sharing Tool is key to optimizing your content's reach and impact on social networks.

Broad Selection of Platforms with Social Media Sharing Buttons

The Content Sharing Buttons widget provides detailed customization options for each button. You have the flexibility to select unique colors for each button, allowing you to either match your website's color scheme or use distinct colors to make each social platform stand out. Additionally, you can choose to display either the platform name, the platform logo, or both. This level of customization ensures that the buttons not only integrate seamlessly with your site's design but also cater to your specific branding and aesthetic preferences.

Individual Button Customization with Content Sharing Buttons

The Content Sharing Buttons come with extensive customization capabilities. You can adjust elements like colors, fonts, and spacing to match your site's unique style, ensuring that the buttons are both functional and aesthetically pleasing.

Fully Tailorable Content Sharing Buttons

Designed with simplicity in mind, the Website Share Buttons require no advanced technical skills for customization. Their user-friendly interface allows for effortless adjustments, making them accessible to a wide range of users and enhancing your website's functionality without the need for complex coding.

Easy-to-Use Website Share Buttons

Ensuring compatibility across all devices, the Social Media Sharing Tool is designed to be fully responsive. This adaptability is crucial for a consistent user experience, regardless of the device used to access your site.

Responsive Social Media Sharing Tool

The Social Media Sharing Tool offers custom CSS options, allowing for deeper personalization and creativity. This feature is ideal for those who wish to fine-tune the aesthetic and functional aspects of their sharing buttons, ensuring a perfect match with the specific style and interaction needs of their website.

Custom CSS for Creative Flexibility in Social Media Sharing Buttons

Embedding the Website Share Buttons on your site is streamlined and simple, requiring just a line of code. This ease of integration makes it accessible for users of all technical levels. The widget also updates automatically with every change, ensuring your site always displays the latest version without additional effort.

Effortless Embedding of Website Share Buttons

Integrating Social Share Buttons on your site significantly enhances user engagement. By enabling visitors to share your content with a single click, you not only increase the likelihood of wider content dissemination but also foster a sense of community and interaction among your audience. This direct-sharing capability can lead to increased traffic and prolonged visitor engagement on your site.

Boost Website Engagement with Social Share Buttons

The Social Share Buttons widget is instrumental in amplifying your brand's online presence. Providing an effortless way for visitors to share your content on social platforms, extends your brand's reach to a broader audience. This user-driven sharing acts like a personal recommendation, fostering trust and credibility among new audiences. As a result, this organic exposure can significantly boost your brand visibility, creating more opportunities for audience growth and engagement.

Boost Brand Visibility with Social Share Buttons

By incorporating Website Share Buttons, you create a gateway for driving more traffic to your site. As users share your content, it reaches new audiences, leading to increased website visits. This can be particularly beneficial for websites focusing on content marketing, e-commerce, or community building, where higher traffic directly correlates with success.

Drive Traffic with User-Centric Website Share Buttons

Social Share Buttons

User Engagement

Popups, Bars & Buttons

A button placed at the bottom of a webpage that, when clicked, scrolls the page back to the top

The Back to Top Button widget comes with an option to change the position of the button (right, left, center), which will allow you to customize it to fit your specific needs. This flexibility ensures that the button blends seamlessly with the overall design of your website, making it an essential tool for improving user experience and navigation.

Easy Button Position Change

The Back to Top Button widget features different arrow icons you can choose from. Simply select the one that will complement your website’s design. This customization option provides the flexibility to match the button to your website’s aesthetic, creating a seamless and visually appealing user interface.

Different Icon Types

The Back to Top Button widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style. With this versatility in design options, you can seamlessly integrate your brand's aesthetic into your website while maintaining a polished look.

Back to The Top button Multiple Layouts

The Back to Top 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. And even if you decide to customize the widget further, its user-friendly interface makes it easy for you to personalize it to match your website's unique style and aesthetic.



Multiple Skins for the Back to Top button

The Back to Top Button widget is designed to be fully customizable, allowing you to adjust the design to match the look and feel of your website. With various customization options at your fingertips, you can easily change the colors, fonts, spacing, and other elements to create a button that fits seamlessly into your website design. Whether you're looking to match your brand colors, create a unique look, or personalize your website, the Back to Top Button widget provides you with all the tools you need to get the job done. Additionally, with the ability to preview your changes in real time, you can easily experiment with different styles and design elements until you find the perfect combination that fits your needs and enhances the user experience on your website.

Como Product Labels Advanced

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Highlighted Headlines

Event List

Pricing Slider

Live Weather Forecast

Interactive Maps

Social Share Buttons

Back to Top Button

Course Listings

Feedback Popup

TikTok Feed

Video Carousel

Social Media Links

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Como Product Labels Advanced

OpenCart extension

App Details

Pricing

Check Out the Highlighted Headlines Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Highlighted Headlines

Event List

Pricing Slider

Live Weather Forecast

Interactive Maps

Social Share Buttons

Back to Top Button

Course Listings

Feedback Popup

TikTok Feed

Video Carousel

Social Media Links

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine