Current Version: v2023-12-04 (release notes) OpenCart Versions: 1.5.2.x - 4.0.2.x Full Resolution Images: Available at the OpenCart forums Create multiple flat rate, percentage-based, or per item shipping charges! This extens..

Multi Flat Rate Shipping

Display the latest posts from any RSS feed

Adding an RSS Feed widget to your site will add a sense of activity by displaying an animated "ticker". Grab the user's attention immediately by using it.

Ticker Animation

By displaying the date and time of the feeds, you can further customize it according to your preferences and those of your visitors.

RSS Feed Date & Time Display Settings

When toggled on, the "auto-refresh" option in the RSS Feed widget will keep refreshing and updating the feed over time.

RSS Feed Refresh automatically

Using the RSS Feed widget, you can choose between Tabs and Mixed feeds. Organize all your tabs by feed order, while making a mixed feed by mixing the RSS feeds.

A variety of RSS feed types 

It is possible to make the RSS Feed widget more compact by adjusting the length of the characters.

Set the Character Display Length

Several layout options are available for the RSS Feed widget so it can be customized to match your website's overall design.

Multiple Layouts Options

It's extremely easy to customize the RSS Feed widget with a variety of beautiful skins.

Multiple RSS Feed Skins

The RSS 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.

RSS Feed Full RTL Support

You can customize the RSS Feed widget to meet your needs. Colors, fonts, spacing, and anything else you want can be customized!

Totally Customizable

RSS Feed widget works on all devices. With this feature in a mobile-first world, you will stand out from your competition. 

Responsive Design

The RSS Feed widget does not require any coding. An intuitive dashboard allows you to customize your widgets by dragging and dropping.

Easy To Use RSS Feed Widget

Common Ninja's RSS Feed widget can be further customized with custom CSS.

CSS Customization

One line of code is all it takes to embed the RSS Feed widget on your website. The RSS Feed widget will automatically update with every change you make.

Easy To Embed RSS Feed on your website

The RSS Feed widget offers both Tabs and Mixed feeds. As you keep tabs organized by order of feed, the Mixed type mixes a variety of RSS feeds together.

RSS Feed Types 

RSS Feed widgets come with an animated "ticker" that mimics an old news ticker. You can use it to grab the user's attention right away.

RSS Feed Animated Ticker

Using the "auto-refresh" feature on RSS Feed widgets, the feed will keep refreshing and updating.

Automatic Feed Refresh

Use the RSS Feed widget when you want your site to stay updated automatically with content from one or more sources. Whether you publish a blog, curate industry news, or share partner updates, an RSS feed brings new posts into a structured section without manual copying. This keeps pages fresh and increases the chance that returning visitors find something new. It is ideal for homepages, resource hubs, and niche communities that depend on regular updates. The feed format helps users scan headlines quickly and click into what matters. By surfacing ongoing content streams, you strengthen relevance, improve engagement, and reduce the work required to maintain active looking pages.

RSS Feed

Social Feeds

Showcases images in a collapsible format, expanding when clicked to reveal the selected image.

Example 1

Example 2

Example 3

Example 4

The Image Accordion comes with the option to choose the accordion’s direction — vertical or horizontal, enabling you to customize it to fit your design needs. The Image accordion widget also gives you the option to add several images and captions, providing you the freedom to present your content in a captivating manner.


Accordion Direction

The Image Accordion allows you to choose an image to focus on which will be put forward, making it the centerpiece of your visual presentation. You can show your content in an engaging way by using the image accordion widget, which also provides you the opportunity to add multiple images and subtitles.


Image Accordion Focus Items

When links are added to photos in an image accordion widget, 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.

Adding Call For Action

Adding a title and description to each image in an Image Accordion widget can provide users with additional context and information about the image. This feature can enhance the user experience by making it easier for them to understand the content of the images and the overall purpose of the widget.

Additional Information

You may fully customize the Image Accordion 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.

Fully Customizable

Any website would benefit from the widget Image Accordion widget. 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.

Perfectly Responsive

The use of the Image Accordion 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.

Easy To Use

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Image Accordion 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 Image Accordion 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 Accordion editor will be reflected automatically on your website without the need for any additional manual updates.

Easy To Embed 

With the Image Accordion widget, you can display a large number of images in a small space, without overwhelming the users, thus saving space for other visual elements and improving the loading speed of your website.

Save Space & Improve Website Speed

The Image Accordion widget enables you to provide a better user experience by improving the organization of your content and allowing users to quickly browse through a series of images and find the information they need.

Improve User Experience

The Image Accordion comes with full customization options, and as such, it can greatly improve the aesthetics of your website by adding visual interest and interactivity to your pages. 


Enhance Aesthetics With Image Accordion

Use the Image Accordion widget when you have several large visuals but limited vertical space to show them. The accordion stacks images in panels that expand on click or tap, allowing one item to take focus while others stay partially visible. This format is ideal for presenting categories, steps, or themes that belong together. Visitors quickly see that more content exists and feel invited to explore each panel. It works for portfolios, product feature groups, travel destinations, and storytelling sequences. The interaction makes the page feel dynamic while still remaining simple to understand, and it helps keep your design compact and organized even with heavy visual content.

Image Accordion

Get Creative

Images & Galleries

Present a carousel display featuring creative banners items

Example 5

The Creative Card Carousel widget comes with the option to change the carousel’s cards 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 slider, and the pagination icons below, you can further customize the widget and make it fit your design requirements.

Arrows & Pagination

The 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 Creative Card Carousel 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 widget comes with a variety of pre-made skins you can choose from to speed up your work.

Multiple Skins

The Creative Card Carousel 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 Creative Card Carousel 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.

The Creative 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.

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

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

Easy To Embed

With the Creative 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 Creative Card Carousel that is perfect for your website.

Enhance Design with Creative Card Carousel

A major benefit of the Creative Card Carousel is that it doesn’t take up much space. Unlike Card grids that take up a lot of space, the Creative Card Carousel can show as many banners 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 on your webpage

The Creative Card Carousel widget is a perfect way to grab the attention of visitors and encourage them to interact with your website, and with the CTA button, you can improve your conversion rates.

Increased Engagement & Conversions

Use the Creative Card Carousel widget when you have several announcements or promotions that deserve strong visual treatment. Each banner can highlight a different campaign, discount, launch, or content piece with bold imagery and clear copy. Instead of showing only one hero at a time or stacking many large sections, you rotate them in a single, eye catching area. This keeps your message focused while still giving room for seasonal offers and experiments. It performs well on store homepages, marketing landing pages, and hubs where you run frequent campaigns. By pairing banners with clear calls to action, you create a dynamic, conversion oriented marketing strip.

Creative Card Carousel

Lists & Cards

Customizable widget to manage and display your online course catalog effectively.

The Course Listings widget comes with predefined fields for key details such as course name, description, start date, and price. This setup ensures that all essential information is neatly presented for potential students.

Dedicated Course Information Fields

Tailor your course listings with flexible custom fields. Add extra information like prerequisites, course format, or certification details to meet your institution’s specific needs.

Adaptable Custom Fields

Every course listing features a Full Details Card, offering a comprehensive overview of the course content, prerequisites, and instructor information. Students gain valuable insights to determine their suitability for the course and interest in enrolling.

Detailed Curse Information

Enhance your course listings with interactive visual elements. Incorporate images, videos, and other multimedia to create an engaging and informative experience for prospective students.

Interactive Visual Elements

Adapt the presentation of courses with customizable display options. Choose which fields appear in the preview lists and detailed course cards to provide potential students with essential information at a glance and in-depth insights when needed.

Versatile Courses Display

Offer advanced search capabilities and filters to users. Allow students to find courses by category, level, duration, and more, making it easy for them to find the right course.

Advanced Search and Filter Options

Provide customizable sorting options for users. Let students sort courses by name, date, popularity, and other criteria, making navigation intuitive and user-friendly.

Personalized Sorting Features

The widget provides a variety of beautiful skins, enabling you to align the design with your brand and website aesthetics. This reduces customization time and ensures a cohesive and attractive interface.

Select from Multiple Course Listings Design Skins

Enjoy extensive customization capabilities with the Course Listings widget. Modify colors, fonts, spacing, and other elements to create a widget tailored to your website’s look and functionality.

Fully Customizable Course Listings Widget

The Business Listings widget is user-friendly and requires no coding expertise for customization. Its intuitive dashboard makes it simple to integrate and modify, making it accessible for all users.



Easy-To-Use Business Listings Widget

The Course Listings widget is fully responsive, ensuring an elegant display on any device. This feature is crucial for providing a consistent user experience across desktops, tablets, and smartphones.

Perfectly Responsive Course Listings

Add custom CSS to the Course Listings widget for deeper customization. This feature is ideal for developers and designers who want to apply a unique touch, allowing for fine-tuned adjustments to match your website’s style.

Custom CSS for Enhanced Creativity

Embedding the Course Listings widget is straightforward, requiring just a single line of code. This ease of integration ensures that users of all technical levels can set it up quickly, with automatic updates reflecting every change made.

Effortless Embedding of Course Listings on Any Website

With the Course Listings widget, you can enhance the visibility of your educational offerings. By displaying your courses prominently on your website, you ensure that visitors are aware of the full range of programs available, helping to attract a wider audience and improve your institution's reach.

Enhance Visibility of Your Educational Offerings

The Course Listings widget simplifies course discovery for users by organizing courses into an intuitive and searchable format. This ease of navigation allows potential students to quickly find courses that match their interests and needs, improving their overall experience and satisfaction.

Simplify Course Discovery for Users

Using the Course Listings widget can improve enrollment rates by making your courses more accessible and appealing. The clear and structured presentation of course information encourages visitors to take the next step in their educational journey, ultimately leading to higher conversion rates.

Improve Enrollment Rates with Course Listings

Use the Course Listings widget when you offer multiple programs or classes and want a clear catalog that helps visitors find the right fit quickly. Structured listings with titles, summaries, tags, and key details make it easy for users to scan options and click into deeper pages only when something matches their goals. This is essential for academies, training companies, online schools, and creators with several courses. You can group by level, topic, or format and keep the presentation consistent across your site. A well organized course catalog reduces confusion, supports higher enrollment, and shows that your educational offering is serious and thoughtfully curated.

Course Listings

Website Components

New!

Add interactive areas on images that reveal extra information when clicked or hovered over.

With Common Ninja’s Image Hotspot Widget, every hotspot can become a conversion opportunity.
Add custom links to any product page, section, or external UR, so when users click an interactive marker, they go exactly where you want them to.

Use Cases:
Highlight shoppable areas on product images.
Link hotspots on a map to location pages.
Direct users from a visual diagram to related content.

This seamless linking not only improves user experience (UX) but also increases click-through rates (CTR) and conversions, all without code.

Make Any Hotspot Clickable and Link It Anywhere

Make your visuals fit your brand style.
The Image Hotspot Widget includes 10 professionally designed icon styles, allowing you to:
Match your design’s tone (modern, playful, minimal, or elegant).
Use consistent visual language across your site.
Differentiate categories or product types visually.
Each icon is scalable, responsive, and customizable, ensuring it looks perfect across desktop and mobile.
For advanced users, you can even apply custom CSS styling for total creative freedom.

Choose From 10 Sleek, Customizable Icons

Motion attracts the human eye, and Common Ninja’s Image Hotspot Widget lets you use that principle strategically.
Add gentle animations to your hotspots to make them stand out and guide user attention naturally toward key details or clickable areas.

Benefits of Animated Hotspots
Highlight important features or products.
Encourage interaction and exploration.
Increase click-through rates through motion cues.

Smooth animations make your visuals feel alive without being distracting, a balance proven to improve visual engagement and dwell time across modern websites.

Draw Attention with Subtle Hotspot Animations

Want to make your content more dynamic? You can embed videos directly inside hotspot tooltips.
This adds a powerful visual storytelling layer and helps explain complex ideas effortlessly.

Ideal For:

Product demos and tutorials.

Educational visuals and training materials.

Interactive tours or infographics.

Videos reduce text clutter and increase engagement — studies show that viewers retain 95% of a message when watched in a video, compared to only 10% through text.
Adding this feature helps users understand your content faster while keeping them immersed.

Add Videos Inside Tooltips for Richer Interactivity

Tooltips are where your story lives, and with Common Ninja, they’re completely customizable.
You can change tooltip colors, fonts, borders, icons, and animations to perfectly align with your site’s branding.

Use Tooltips To:
Explain specific image parts or features.
Display short product descriptions or prices.
Add contextual details to maps, infographics, or learning visuals.

By matching your tooltip style to your website aesthetic, you create a consistent, polished user experience that feels fully integrated with your design, not an external add-on.

Customize Tooltip Design for a Cohesive Look

Every element of the Common Ninja Image Hotspot Widget is fully customizable to reflect your brand identity.

You control:
Colors, fonts, and tooltip designs.
Hotspot animations and icon styles.
Layout, spacing, and text alignment.
Advanced styling through custom CSS editing.

Whether your brand aesthetic is clean and modern or classic and detailed, you can tailor the widget to match seamlessly.
Your interactive images will feel like a natural part of your website — not a plugin add-on.

Fully Customizable - Match Your Brand Perfectly

Today’s visitors browse from everywhere, desktops, tablets, and mobile phones.
That’s why Common Ninja’s Image Hotspot Widget is built to be 100% responsive, adapting automatically to any screen size or resolution.

What This Means for You:
Your hotspots resize and reposition perfectly on every device.
No extra coding or manual adjustments required.
Faster load times and seamless UX, optimized for Google’s Core Web Vitals.

A responsive design doesn’t just look better, it helps your site rank higher, keeps users engaged longer, and ensures your interactive images perform flawlessly across all platforms.

Fully Responsive Across All Devices

Building interactive images has never been easier.
With Common Ninja’s drag-and-drop dashboard, you can create, edit, and style hotspots in just a few clicks, no coding or technical knowledge required.

Ease-of-Use Highlights:
Intuitive visual editor.
Real-time preview and instant embedding.
Works on all major platforms (Shopify, WordPress, Wix, Webflow, and more).

Whether you’re a designer, marketer, or store owner, you can bring your images to life quickly, saving development time and maintaining full creative control.

No Coding Needed - Built for Simplicity

Want pixel-perfect control over your design?
With Common Ninja’s advanced editor, you can customize everything, from colors, icons, and typography to spacing and animations.

For even deeper customization, you can use Custom CSS to style tooltips, transitions, or hover effects exactly the way you want.

Use Cases:
Match the widget precisely to your brand’s style guide.
Adjust icon positioning or tooltip behavior.
Add subtle animations using CSS transitions.

This flexibility makes the widget ideal for both non-coders and developers, simple to start, powerful to master.

Advanced Custom CSS for Full Creative Control

Adding the Image Hotspot Widget to your website takes seconds.
Simply copy the auto-generated code snippet from the Common Ninja dashboard and paste it into your site’s HTML, that’s it.

The widget integrates seamlessly with:
Shopify, WordPress, and Wix
Webflow, Squarespace, and Elementor
Any custom-coded HTML site

Every time you make a change in your Common Ninja dashboard, your widget updates automatically, no need to re-embed or manually refresh.

This self-updating integration ensures your site always displays the latest version of your interactive content, saving you time and maintenance effort.

Embed Easily on Any Website — No Code Needed

Turn static visuals into clickable, dynamic experiences.
With Common Ninja’s Image Hotspot Widget, you can add interactive markers to any image, from product photos to infographics, allowing visitors to click and reveal details, videos, or links.

This simple feature encourages users to explore, interact, and stay longer on your page, boosting both engagement rates and conversion potential.

Add Interactivity to Any Image

Need to explain what’s inside an image without cluttering it?
The Image Hotspot Widget lets you attach text, links, or media in clean, minimalist tooltips that appear only when users hover or tap.

It’s perfect for: Product images with specifications or price tags,  Maps highlighting location, Diagrams that reveal extra context.

This keeps your visuals clean while still providing context-rich information.

Add Information Without Blocking the View

Visual storytelling is key to engagement and Common Ninja’s Image Hotspot Widget helps you do just that.

E-commerce stores, educators, and designers can showcase multiple products, learning points, or features within one interactive image. Add hotspots to show descriptions, prices, or embedded videos, letting users explore your story in their own way.

By integrating interactive visuals, you create a deeper, more memorable experience that encourages curiosity and increases user retention.

Tell Stories Visually and Intuitively

Use the Image Hotspot widget when your content depends on visuals and you want people to understand details without reading long instructions. It lets you attach short, clear explanations directly to specific areas of a product photo, illustration, map, or diagram, so context never gets lost. Visitors can explore at their own pace, focusing only on what matters to them. This reduces confusion, cuts support questions, and turns a single image into a guided experience that feels structured and intentional. It is especially useful for feature tours, product breakdowns, galleries, and any page where you want to explain what users are seeing in a precise and interactive way.

Image Hotspot

Diverse Glassdoor Review Types

Utilize advanced filtering options to include or exclude specific keywords in the reviews. This feature helps highlight relevant feedback and improve the relevance of displayed reviews.

Include or Exclude Keywords

The Glassdoor Reviews widget offers multiple layout options to fit your website's design. Choose the layout that best matches your aesthetic and functional needs to seamlessly integrate reviews into your site.

Varied Glassdoor Reviews Layouts

Select from an array of design skins to match your brand’s aesthetic. These skins simplify customization, allowing you to implement the widget quickly and beautifully.

Multiple Design Skins for Glassdoor Reviews

Filter reviews by setting criteria such as minimum star ratings. This ensures that only reviews meeting your standards are showcased on your site.



Advanced Filtering Options

With the manual approval feature, you can review and approve each Glassdoor review before it goes live. This gives you control over the content displayed.

Manual Approval of Glassdoor Reviews

Customize the order of reviews with sorting options that allow you to display the newest or oldest reviews first, ensuring the most relevant feedback is highlighted.



Sorting Options for Reviews

The Glassdoor Reviews widget is user-friendly and requires no coding skills. Customize it effortlessly with our intuitive dashboard and drag-and-drop features.

Easy to Use

Customize the widget extensively to match your website’s style. Adjust colors, fonts, and spacing to ensure the Glassdoor reviews fit perfectly with your site’s design.

Fully Customizable Glassdoor Reviews

The widget is fully responsive, ensuring that Glassdoor reviews look great on all devices, including desktops, tablets, and smartphones.

Responsive Glassdoor Reviews

For advanced customization, you can add custom CSS to the Glassdoor Reviews widget. This feature allows developers and designers to fine-tune the widget’s appearance and functionality.

Custom CSS for Glassdoor Reviews

Embedding the Glassdoor Reviews widget on your website is straightforward and requires just a single line of code. The widget updates automatically with any changes, ensuring the latest reviews are always displayed.

Easy Embedding of Glassdoor Reviews

Boost your company's reputation by showcasing authentic employee reviews. The Glassdoor Reviews widget highlights positive feedback, helping to attract top talent and enhance your brand image.

Enhance Employer Branding

Make your recruitment process more effective by featuring real employee testimonials. Prospective candidates gain insights into your workplace environment, making your job postings more appealing and informative.

Improve Recruitment Efforts

Demonstrate your commitment to transparency by integrating the Glassdoor Reviews widget. Sharing honest employee feedback builds trust with both current employees and potential hires, fostering a culture of openness.

Build Trust with Transparency

Use the Glassdoor Reviews widget when you want to strengthen your employer brand and show job seekers what it is really like to work at your company. Many candidates check Glassdoor anyway before applying, so bringing those reviews and ratings directly onto your careers or about pages saves them a separate search and keeps trust building inside your own site. You can highlight overall scores and selected comments to show culture, growth opportunities, and leadership quality. This is especially useful for competitive hiring markets where talent wants transparency. By displaying genuine employee feedback, you reduce uncertainty, attract better aligned candidates, and show that you are confident in your workplace reputation.

Glassdoor Reviews

Reviews

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

Use the Interactive Maps widget when you need to visualize geographic data or territory in a way that encourages exploration and understanding. Color coded regions, markers, and tooltips let visitors see patterns such as coverage, performance, or demographics at a glance. This is powerful for franchises, logistics, sales territories, statistics dashboards, travel sites, and educational content. Rather than static images, interactive maps respond to hover and click, revealing more details without cluttering the view. They help you tell stories about place, reach, and impact in a way that is intuitive even for users who do not enjoy reading tables or complex charts.

Multi Flat Rate Shipping

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

RSS Feed

Image Accordion

Creative Card Carousel

Course Listings

Image Hotspot

Glassdoor Reviews

Interactive Maps

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Multi Flat Rate Shipping

OpenCart extension

App Details

Pricing

Check Out the RSS Feed Widget

App Info

Some of the best Common Ninja extensions for OpenCart

RSS Feed

Image Accordion

Creative Card Carousel

Course Listings

Image Hotspot

Glassdoor Reviews

Interactive Maps

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine