Opencart Headless PWA uses modern web features that provide a native app experience to users using a web browser. It includes push notification, offline mode, secure connection, cache, and much more. Front-end of Opencart Headless PWA is dev..

webkul

Opencart Headless PWA

An audio player compatible with various files and sources

With just a few clicks, you can present the audio player widget in a vertical format, with a sleek, minimalist interface that features large intuitive buttons for play, pause, and skip, as well as a progress bar to show the current track's playback position and large album artwork – making it the design ideal for mobile devices.

Mobile-Friendly Design for Greater Reach

The widget can be customized to show a minimal audio player, with important elements like the cover album, the title, and the control buttons, to remove unnecessary information, and make the user truly enjoy one song at a time. 


Minimalist Design to Focus on Single Songs

With the playlist view, you can showcase multiple albums and songs to immerse your users in them truly, and to offer quick and easy navigation across the different albums. 


Expanded Design to Showcase a Full Album

Style 4

Style 5

The Audio Player widget features the ability to add audio from various sources — be it MP3s or links to audio and video hosting websites like YouTube, Vimeo, SoundCloud and more!

Multiple Audio Sources

The Audio Player comes with the shuffle option that will enable your users to listen to your audio in random order.

Shuffle

The Audio Player features the ability to toggle and customize the playlist view. You can customize the playlist and make it complement your style, or, alternatively, use the minimal version to create a more aesthetically pleasing experience.

Playlist View

The Audio Player widget offers several options to choose from, including the mini-player, which is a compact and discreet design that won't take up too much space on your page, and the enlarged thumbnail, which is a larger player that showcases the audio artwork in greater detail. Both layouts have their own unique benefits and can be used in different contexts. The mini-player is ideal for those who want to add audio to their website without making it too prominent, while the enlarged thumbnail is perfect for those who want to highlight the audio artwork and make it a focal point of the page.

Multiple Layouts

You can easily change the position of the Audio Player via the position option. Inline? Top right? Bottom left? Really, the choice is yours.

Position

The Audio Player widget offers a variety of stunning premade skins that you can use to create an Audio Player quickly and easily. Instead of spending hours trying to find the right colors or fonts, simply select a premade skin that you like and start building your comparison table. With a range of styles to choose from, you can find the perfect look and feel to match your brand and style. Whether you want a sleek and modern design, a bold and colorful look, or a clean and minimalistic style, there's something for everyone.

Multiple Skins

The Audio Player widget comes with full customization options, giving you the ability to easily edit the design to match the aesthetic of your website. You can change the colors of the slider, buttons, and labels to match your branding. You can also choose from different font options and adjust the font size, style, and color to create a cohesive and professional look. In addition to these design options, you can customize the widget's spacing to ensure it fits seamlessly into your website layout.

Fully Customizable

The Audio Player 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 Audio Player widget will allow you to do just that, giving you an edge over competitors.

Perfectly Responsive Audio Player

The Audio Player 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

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

Audio Player Custom CSS

To embed the Audio Player 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 Audio Player Editor will be reflected automatically on your website without the need for any additional manual updates.

Easy to Embed Audio Player

Use this powerful music player tool to add your mp3 files, music, songs, podcasts, or other equally entertaining audio projects and make your projects accessible to a broader audience!

Promote Yourself with the Audio Player Widget

Add more variety to your content and cater to the different needs of your audience. Add a read-along for children to follow stories, create podcasts, or add an accompanying music playlist to your text.

Enrich Your website Content with a Music Player Widget

You can improve your users’ experience by making certain audio files available with an mp3 Player Widget. You can, for example, create audio versions of your well-researched, highly informative, and exceptionally entertaining text, upload it via the Music Player Widget and allow visually impaired users to enjoy it. Or, make it available for those who are on the go and can’t sit and read your long text.

Improve User Experience

Audio Player

Media

Website Components

Variety of Call-to-Action Options

The Engagement Toolbox widget allows seamless integration with other Common Ninja widgets to boost user engagement. You can incorporate forms, video galleries, image galleries, reviews, testimonials, chats, booking, social feeds, FAQs, and business hours directly into the Engagement Toolbox. This versatile integration enhances functionality and provides a richer, more interactive user experience.

Enhance Engagement with Additional Common Ninja Widgets

The Engagement Toolbox widget offers flexible positioning options, allowing users to choose which corner of the window the Toolbox will open from. This customization ensures the Engagement Toolbox fits seamlessly into your website's design and user experience, providing convenient access without disrupting your site's layout.

Customizable Toolbox Positioning

The Engagement Toolbox widget offers a variety of beautiful skins, enabling you to choose a design that aligns seamlessly with your brand and website aesthetics. This feature is designed to not only enhance the visual appeal of your site but also to significantly reduce the time and effort involved in customizing the Engagement Toolbox. Whether your site has a modern, minimalist, or more traditional design, you'll find a skin that complements it perfectly, ensuring a cohesive and attractive user interface.

Select from Multiple Engagement Toolbox Design Skins

The Engagement Toolbox comes with extensive customization capabilities, enabling you to modify its design to suit your specific requirements. You have the freedom to alter colors, fonts, spacing, and various other elements. This level of customization offers unparalleled flexibility, allowing you to craft an Engagement Toolbox  that is not only functional but also uniquely tailored to the aesthetic of your website.

Fully Customizable Engagement Toolbox Widget

The Engagement Toolbox 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 Engagement Toolbox

The Engagement Toolbox widget is designed with user-friendliness in mind, requiring no coding expertise for customization. Its intuitive dashboard simplifies the customization process, allowing you to tailor the Engagement Toolbox to your preferences with just a few clicks. This ease of use makes it accessible for anyone to integrate and modify the Engagement Toolbox, regardless of their technical background, enhancing the functionality of your website without the need for specialized knowledge.

Easy To Use Engagement Toolbox Widget

The Engagement Toolbox  widget offers the option to add custom CSS, aligning with Common Ninja’s commitment to flexibility. This feature is ideal for developers and designers seeking to apply their unique touch, allowing for deeper customization of the Engagement Toolbox's look and functionality. It provides an avenue for creative expression, ensuring the widget can be finely tuned to match the specific style and interaction needs of your website.

Custom CSS for Enhanced Creativity

Embedding the Engagement Toolbox on your website is a straightforward process, requiring just a single line of code. This ease of integration simplifies the setup, making it accessible for users of all technical levels. Additionally, the widget updates automatically with every change you make, ensuring that the maintenance and updating process is hassle-free. This feature guarantees that your website always displays the most current version of the widget without any extra effort.

Effortless Embedding of the Engagement Toolbox on Any Website

With the Engagement Toolbox, you can directly interact with your website visitors, answering their queries and guiding them through the sales funnel in real-time. This direct line of communication can significantly boost your conversion rates and drive more sales.

Drive Conversions and Sales

The Engagement Toolbox widget streamlines customer support by offering a quick and easy way for users to get help. This can lead to faster resolution times, higher customer satisfaction, and a reduction in support tickets.

Improve Customer Support Efficiency

The Engagement Toolbox can help increase website traffic by keeping users engaged and encouraging them to spend more time on your site. The interactive nature of the widget encourages repeat visits, contributing to higher overall traffic and better retention metrics.

Increase Website Traffic and Retention

Engagement Toolbox

User Engagement

Popups, Bars & Buttons

New!

Show image and company branches cards that, when clicked, flip to reveal additional content on the other side


The Company Branch Flip Cards widget comes available with six different layouts that can fit any design, from smaller images and larger text to images on the side, in circles, squares, and more!

The Company Branch Flip Cards widget features the ability to add icons, instead of images, and sports a large selection of icons that can be used.

A Large Selection of Icons

The Company Branch Flip Cards widget allows you to add locations, working hours easily, and supplementary symbols, such as WiFi availability, handicap access, and others, to improve your users’ experience with quickly and visually accessible information about the branches.

Location, Working Hours & Supplementary Symbols

As befits a flip card, the widget comes available with a fluid flip animation that will make your page more interactive, look more lively, less static and not boring.

Flip Animation

The Company Branch Flip Cards 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.

Beautiful Skins

The Company Branch Flip Cards 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 Company Branch Flip Cards 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 Company Branch Flip Cards 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 app any way you’d like to with just a few simple clicks.

Easy To Use Company Branch Cards Widget

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

Custom CSS

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

Easy To Embed 

The Company Branch Flip Cards widget will enable you to provide important information about many different branches in a concise way, which will be easily accessible by your users.

Easy Access To Information

The Company Branch Flip Cards widget with its full customization features will be a great visual addition to your website. You can design and customize it any way you want, to complement your existing design.

Enhanced Design

The Company Branch Flip Cards widget will improve your users’ experience by providing quick and easy access to important information. This, in turn, will most certainly affect their decision-making process in your favor.

Better User Experience

Company Branch Flip Cards

Lists & Cards

Present App Store reviews for your app 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 apps.

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 App Store Reviews widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style.

The App Store 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.

The App Store 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!

The App Store 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.

The App Store 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.

Easy To Use

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

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

Easy To Embed

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

Increase Credibility & Trust

By clearly displaying your good App Store reviews and increasing trust in your app, 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

App Store Reviews

Reviews

Enhance global shopping, display prices in multiple currencies

Example 1

Example 2

Example 3

Example 4

Example 5

The Currency Converter widget gives you the flexibility to display prices in numerous currencies. You can add as many currencies as you want, making your website more inclusive for a global audience. This feature allows your customers from around the world to view prices in their local currency, ensuring a more personalized and user-friendly shopping experience.


Display Multiple Currencies

With the Currency Converter widget, you control the accuracy of your currency conversions. Whether you want to use a specific bank's rate or prefer an average calculated from all banks, the choice is in your hands. This flexibility allows you to tailor the currency conversions to best suit your business needs.

Select Source of Information

The Currency Converter widget offers options to customize how each currency appears on your site. Want to show the currency name, symbol, or even the country flag? You've got it! This feature allows you to tailor the look of your prices to match your website's style, making your international prices both informative and visually appealing.

Intuitive Currency Visualization

Infuse your website with visual charm using the Currency Converter widget's assortment of captivating currency styles. Opt from a range of designs that resonate with your brand, simplifying the customization process and guaranteeing a harmonious and enticing look throughout your site. This widget not only improves user experience but also does it while maintaining your brand's distinctive flair.

Stylish Currency Skins Selection

The Currency Converter widget gives you absolute authority over the look of your currency displays. Each detail - from the choice of colors and fonts to the arrangement of spaces - can be modified to ideally match your brand's visual identity. Enjoy the freedom to craft a design that not only symbolizes your brand but also enriches the overall user interaction on your website.

Fully Customizable Design

The Currency Converter widget guarantees a seamless and uniform experience across all devices. It doesn't matter whether your customers are accessing your site from a desktop, tablet, or smartphone, the widget's adaptive design modifies itself according to the device's screen size and orientation. This ensures your prices are always readable and easy to understand, irrespective of the device your customers use to shop.

Completely Responsive Design Optimized for All Devices

Setting up your desired currency display is as simple as pie with the Currency Converter widget's intuitive interface. No need for any technical or coding skills - our easy-to-navigate, user-oriented interface enables you to tailor your currency display to your liking with just a handful of effortless clicks. Making your widget interactive and personalized has never felt more effortless and achievable.



Currency Converter widget isn't just user-friendly, it's also developer-friendly. If you're comfortable with code, you can use custom CSS to tailor the appearance and behavior of the currency converter to your exact specifications. This feature gives you the ultimate control to make the widget perfectly aligned with your brand and website style.

Unlish creativity with Custom CSS

Embedding the Currency Converter you've customized with our widget into your website is as straightforward as a copy-and-paste task. What's more, any alterations you make to the widget will automatically update on your site, ensuring your currency display is always up-to-date and engaging, without necessitating any extra effort.

easy to embed on any website

Offering prices in numerous currencies communicates that your site values its international customers. This fosters trust and enhances your brand's credibility, encouraging repeat business and fostering customer loyalty.

Boosts Trust and Credibility

The Currency Converter widget uses real-time data for calculating exchange rates, ensuring that the prices shown on your site are always precise and up to date. This helps you avoid any pricing inconsistencies that might impact your profits or customer satisfaction.

Real-Time Accuracy

Many international shoppers get discouraged by the need to manually convert prices. By showing prices in the shopper's local currency automatically, the Currency Converter widget minimizes buying process friction. This can result in lower shopping cart abandonment rates and increased sales.

Reduces Shopping Cart Abandonment

Currency Converter

Easily create and customize website sections with Section Builder. Multiple layouts and designs.

The Section Builder widget offers a selection of 9 unique layouts, each divided into columns with different structures. This variety allows you to organize your content in a way that best fits your website and meets your specific needs. Whether you need a simple one-column layout or a complex multi-column structure, the Section Builder provides the flexibility to create the perfect design.

Diverse Layout Options for Perfect Organization

The Section Builder allows you to embed other widgets within your sections to enhance functionality and interactivity. By incorporating elements like social media feeds, maps, or forms, you can create dynamic and engaging content that encourages user interaction and enriches the overall user experience.

Enhance Sections with Embedded Widgets

The Section Builder widget offers versatile text formatting options, allowing you to use various text types such as titles and paragraphs. This flexibility enables you to create well-structured and visually appealing content sections that effectively communicate your message and enhance readability on your website.

Versatile Text Formatting Options

The Section Builder widget allows you to easily add buttons to your content sections, enhancing user interaction and engagement. These buttons can link to any page or action, providing a seamless way to guide visitors and improve navigation on your site.

Easily Add Buttons for Enhanced Interaction

The Section Builder widget offers a variety of pre-built content templates, making it easy to create professional-looking sections quickly. These templates are designed to fit different needs and styles, allowing you to choose a layout that best suits your content and enhances the visual appeal of your website

Utilize Pre-Built Content Templates

The Section Builder comes with extensive customization capabilities, allowing you to modify its design to suit your specific requirements. You have the freedom to alter colors, fonts, spacing, and various other elements. This level of customization offers unparalleled flexibility, allowing you to craft a Section Builder that is not only functional but also uniquely tailored to the aesthetic of your website.

Fully Customizable Section Builder Widget

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

Perfectly Responsive Section Builder

The Section Builder widget is designed with user-friendliness in mind, requiring no coding expertise for customization. Its intuitive dashboard simplifies the customization process, allowing you to tailor the Section Builder to your preferences with just a few clicks. This ease of use makes it accessible for anyone to integrate and modify the Section Builder, regardless of their technical background, enhancing the functionality of your website without the need for specialized knowledge.

Easy to Use Section Builder Widget

The Section Builder widget offers the option to add custom CSS, aligning with Common Ninja’s commitment to flexibility. This feature is ideal for developers and designers seeking to apply their unique touch, allowing for deeper customization of the Section Builder's look and functionality. It provides an avenue for creative expression, ensuring the widget can be finely tuned to match the specific style and interaction needs of your website.

Embedding the Section Builder on your website is simple, requiring just a single line of code. This ease of integration makes it accessible for users of all technical levels. Additionally, the widget updates automatically with every change, ensuring your website always displays the most current version without any extra effort.

Effortless Embedding of the Section Builder on Any Website

The Section Builder widget allows you to create visually appealing content sections, improving the overall look of your website. By utilizing different layouts, you can design sections that match your brand’s style, attracting more visitors and enhancing your site's professional appearance.

Enhance Website Aesthetics with Section Builder

The Content Section Creator offers a range of pre-designed layouts that you can quickly customize to fit your needs. This saves you time compared to designing sections from scratch, allowing you to focus on creating high-quality content without worrying about the technical details.

Save Time with Easy-to-Use Layout Options

The Section Builder widget provides extensive customization options, allowing you to tailor each section to your exact specifications. Whether you want to adjust colors, fonts, or layouts, this flexibility helps you create unique sections that reflect your brand’s identity and meet your specific needs.

Achieve Flexibility and Customization with Section Builder

Section Builder

A button that, when clicked, scrolls to a selected element on the webpage

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

Easy Position Change

The widget features different arrow icons that you can choose from. Simply select the one that will complement your website’s design.

Different Icon Types

You can easily change the icon's direction as your needs require (Top, Right, Left, Bottom).

Icon Direction

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

The Scroll to Element 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.

The Scroll to Element 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!

The Scroll to Element 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.

The Scroll to Element 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.

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

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

The Scroll to Element Button provides users with easier on-site navigation as with a simple click, they will be transformed to the desired section of the page. This is ideal for pages where there’s a lot of text, and scrolling may be an annoyance.

Opencart Headless PWA

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Audio Player

Engagement Toolbox

Company Branch Flip Cards

App Store Reviews

Currency Converter

Section Builder

Scroll to Element Button

Image Hover Effects

LinkedIn Feed Carousel

TikTok Feed

Threads Feed

Event Listings

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Opencart Headless PWA

OpenCart extension

App Details

Pricing

Check Out the Audio Player Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Audio Player

Engagement Toolbox

Company Branch Flip Cards

App Store Reviews

Currency Converter

Section Builder

Scroll to Element Button

Image Hover Effects

LinkedIn Feed Carousel

TikTok Feed

Threads Feed

Event Listings

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine