What is Add Javascript from backend? Add javascript from admin provides you an easy tool to add js code from admin / backend. You can easily add js code from admin panel. This js codes will be applied on your theme. Extension Curre..

cartbinder

Add Javascript From Admin / Backend

Present content items in a designed and customizable list

Example 1

Example 2

Example 3

Example 4

The app features six layouts with varying image sizes and text layouts, supporting both horizontal and vertical design to make sure that the app fits your design requirements.

Multiple Layouts

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

Gentle Intro Animation

You can add images to increase association with specific information, or to make certain information more recognizable, visually.

Images

The app 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 app features star rating icons (five stars) that you can use, should you desire. You can then, customize how many stars are highlighted to indicate a level of proficiency, popularity or anything else.

Rating

The app 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 app 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 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 items List

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

Custom CSS

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

Easy To Embed

The app is fully customizable and therefore can be customized to fit any design to complement your website. 

Enhance Design

With the app, you can make the user’s journey easier, more focused and more engaging, which in turn, will undoubtedly improve the user’s experience and increase conversions.

Improve User Experience

The app will allow you to focus your message in an organized way that includes visual hierarchies which will eventually lead to the Call-to-Action button and encourage users to act.

Encourage to Act

Info List

Lists & Cards

Website Components

The Flash Cards widget allows you to easily create questions and answers for each card, making it perfect for quizzes, study guides, and interactive learning experiences. You can enter a question or term, followed by a detailed answer, giving you full control over the content. This simplicity ensures that anyone—whether an educator, business trainer, or content creator—can design effective flashcards without needing technical skills.

Easy Question and Answer Creation

The Flashcards widget includes a progress tracking feature that shows users how many cards they've completed and how far they have to go. This visual progress indicator keeps users motivated and engaged, helping them track their learning or quiz journey in real time.

Progress Tracking with Flashcards

With the Flash Cards widget, you can enable an auto-play mode that advances cards automatically after a set time. This is perfect for timed study sessions or quizzes, allowing users to focus on the content without needing to manually navigate each card, providing a smooth and uninterrupted experience.

Auto-Play Mode with Timed Sessions

The Flash Cards widget includes a review feature, letting users go back and review their answers after completing the set. This allows learners or quiz takers to assess their performance and correct any mistakes, reinforcing the learning process or identifying areas for improvement.

Review and Answer Reveal

Once users complete the flashcards, the Flash Cards widget displays an interactive end screen showing their results. This screen can display completion percentages, performance summaries, and options to review answers or retake the quiz, giving users valuable feedback and a sense of accomplishment.

Interactive End Screen for Flash Cards

The Flashcards widget offers a variety of pre-designed skins, allowing you to choose a style that fits seamlessly with your website's aesthetics. Whether you prefer a minimalist look or something more vibrant, the skins save you time by reducing the need for extensive customization, ensuring a visually cohesive and attractive presentation.

Select from Multiple Flashcards Design Skins

The Flash Cards widget offers extensive customization options, allowing you to tailor the design to match your website’s aesthetic. You can modify the colors, fonts, and card styles to ensure that the widget aligns seamlessly with your branding. This flexibility allows you to create a unique and visually appealing flash card experience for your users.

Fully Customizable Flash Cards Widget

The Flash Cards widget is fully responsive, ensuring it works flawlessly on any device, including desktops, tablets, and mobile phones. This feature guarantees that your users can interact with the flashcards in an optimal format no matter what device they’re using, enhancing accessibility and user experience.

Perfectly Responsive Flash Cards Widget

The Flash Cards widget is designed with ease of use in mind. You don’t need any coding experience to set it up or customize it. Its intuitive interface allows you to quickly create flashcards, adjust settings, and personalize the widget with just a few clicks, making it accessible to users of all technical backgrounds.

Easy to Use Flash Cards Widget

For users with more advanced design needs, the Flash Cards widget allows the addition of custom CSS. This feature provides designers and developers with the freedom to make deeper customizations, giving them the ability to enhance the look and feel of the flashcards while keeping the functionality intact.

Custom CSS for Enhanced Creativity

Embedding the Flash Cards widget on your website is straightforward, requiring just a single line of code. Once embedded, the widget automatically updates with any changes you make, ensuring that your flashcards are always up-to-date without the need for manual intervention or extra effort. This makes maintenance hassle-free for site owners.

Effortless Embedding of Flash Cards on Any Website

The Flashcards widget allows you to present information in bite-sized, easy-to-digest chunks, which significantly enhances knowledge retention. Perfect for educational content, employee training, or product knowledge, the interactive format helps users absorb and recall key information more effectively.

Improve Knowledge Retention for Your Audience

By incorporating flashcards into your content strategy, you can create engaging, shareable learning tools that draw new visitors to your website. Students, educators, or professionals can easily recommend these flashcards to peers, helping you organically increase traffic and expand your reach.

Drive Traffic with Shareable Learning Content

Whether you're building an e-learning platform, offering online courses, or conducting corporate training, the Flash Cards widget helps elevate the overall learning experience. It offers a more engaging way to review content, allowing users to test their knowledge and track progress in a dynamic and personalized way.

Elevate Learning and Training Experiences

Flash Cards

Get Creative

Gaming

User Engagement

New!

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.

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.

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.

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.

Audio Player

Media

The Pomodoro Widget allows you to set your own work and break durations, giving you complete control over your time management. You can adjust the Pomodoro session length, short breaks, and long breaks to match your personal workflow. This flexibility ensures that the timer adapts to your productivity style, whether you're following the classic 25-minute method or a customized schedule.

Customize Your Pomodoro Timer Settings

With the Pomodoro Widget, you can rename each timer session to suit your needs. Whether you prefer "Focus Time" instead of "Pomodoro" or "Recharge" instead of "Short Break," custom labels help you stay organized. This makes the widget more intuitive and aligned with your work habits, improving your time-tracking experience.

Personalized Labels for Better Organization

The Pomodoro Widget offers multiple pre-designed skins, allowing you to choose a style that fits seamlessly with your website’s aesthetics. Whether you prefer a minimalistic look or a bold, eye-catching design, you can select a skin that enhances your site’s appearance. This feature ensures a visually appealing experience without the need for extensive customization.

Variety of Pomodoro Widget Design Skins

The Pomodoro Widget comes with extensive customization options, enabling you to modify colors, fonts, and other visual elements. You can tailor the widget to match your website’s branding, ensuring a cohesive and professional look. This flexibility allows you to create a Pomodoro timer that aligns perfectly with your design preferences.

Fully Customizable Pomodoro Widget

Designed for all devices, the Pomodoro Widget adapts seamlessly to desktops, tablets, and smartphones. Whether users are working from a computer or tracking their time on the go, the widget maintains a smooth and functional experience. This ensures accessibility and usability across different screen sizes.

Perfectly Responsive Pomodoro Widget

No coding skills are required to set up and customize the Pomodoro Widget. With an intuitive interface, users can easily adjust timer settings, labels, and appearances with just a few clicks. This user-friendly design makes it simple for anyone to integrate and modify the widget according to their needs.

Easy-to-Use Pomodoro Widget

For those who want more control over the widget’s design, the Pomodoro Widget supports custom CSS. This feature allows developers and designers to apply unique styles and modifications beyond the default customization options. It ensures that the widget can be finely tuned to match any specific branding or visual requirements.

Custom CSS for Advanced Styling

Adding the Pomodoro Widget to your website is quick and easy, requiring just a single line of code. Once embedded, any updates or changes you make to the widget will automatically reflect on your site. This seamless integration ensures that your visitors always experience the latest version without additional maintenance efforts.

Effortless Embedding on Any Website

The Pomodoro Widget helps users break their work into focused intervals, improving efficiency and reducing procrastination. By integrating it into your website, you provide visitors with a structured way to manage their time effectively. This leads to better work habits and increased task completion rates.

Boost Productivity with the Pomodoro Widget

A built-in Pomodoro Widget encourages visitors to stay longer on your site by offering a valuable productivity tool. Whether they are studying, working, or managing tasks, the widget helps them maintain focus while remaining on your page. This extended session time can improve engagement metrics and SEO performance.

Keep Users Engaged on Your Website

Adding a Pomodoro Widget to your site provides visitors with a helpful, real-world tool they can use immediately. Unlike static content, this interactive feature adds real value by assisting users in time management. A more engaging and useful website leads to repeat visits and higher retention.

Enhance User Experience with a Practical Tool

Pomodoro Timer

Add a WhatsApp chat button to your website, allowing users to start a chat using WhatsApp.

Example 5

The WhatsApp Chat Button widget features multiple button icons for you to choose from that can complement your design and deliver the message you want to deliver.

Multiple Icons

The WhatsApp Chat widget allows you to change the chat’s background to make it fit your website’s design, make your chat stand out, or reinforce brand awareness via well-crafted company backgrounds.

Change Chat Background

The WhatsApp Chat widget features the ability to toggle the messages’ time on or off. Keep it on to show users just how fast your replies are, or remove it entirely for a more minimal, visually pleasant chat design.

Toggle Time On or Off

The WhatsApp Chat widget features full customization options so you can edit the design to fit your needs — change the colors, fonts, spacings and anything else!

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

The WhatsApp Chat 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 want it 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 WhatsApp Chat widget and be even more creative.

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

Allow users to contact you by WhatsApp chat for support or for more information that’s not readily available on your website and improve their experience.

Offer Support & Helpful Information with a WhatsApp Chat

You can expedite your users’ decision-making process by providing quick answers to their questions in a WhatsApp Chat. The more informed they are, the better decisions they are going to make.

Speed up the Decision-Making Process

Make your users feel important and well taken care of by offering them a more personalized communication method with a WhatsApp Chat widget.

Provide a Personalized Experience

WhatsApp Chat

Whatsapp Button template 6

Whatsapp Button template 5

Whatsapp Button template 4

Whatsapp Button template 3

Whatsapp Button template 1

Whatsapp Button template 2

Display the latest posts from your Vimeo channel

The Vimeo Feed widget comes with a “ticker” animation that imitates an old news ticker and adds a sense of action to your page. Use it to immediately grab the user’s attention.

Ticker Animation

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

Vimeo Feed Date & Time Display Settings

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

Vimeo Feed Auto Refresh

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

Different Vimeo Feed Types

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

Customize Character Display Length

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

Multiple Vimeo Feed Layouts

The Vimeo Feed 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 Vimeo Feed Skins

The Vimeo 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 Vimeo Feed 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 Vimeo Feed

The Vimeo Feed 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 Vimeo Feed

The Vimeo Feed 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 Vimeo Feed Widget

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

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

Easy To Embed Vimeo Feed

You can select between tabbed and mixed feeds in the Vimeo Feed widget. If you choose the Tabs type, you will organize your tabs by the order of your Vimeo feeds, whereas the Mixed type will mix together the various Vimeo feeds.

Different Vimeo Feed Types 

Vimeo Feed widgets include an animated "ticker" that mimics old news tickers and gives your page a sense of action. Grab your user's attention immediately by using it.

Vimeo Feed Ticker Animation

Using the "auto-refresh" option on the Vimeo Feed widget, you can keep refreshing the feed so that the new posts are displayed.

Vimeo Feed

Social Feeds

Sticky buttons with links to social media accounts

The Social Media Links feature a large selection of social media platforms with relevant icons that you can choose from. 

A Large Selection of Platforms & Icons

The Social Media Links widget comes with several positioning options, enabling you to place it in key locations on your web page for maximum visibility. 

Multiple Positions

The widget features several different styles to choose from for an additional level of customization.

Various Styles 

The Social Media Links widget comes equipped with a variety of beautiful skins that you can choose from, making it easy to create a polished and professional-looking button for your website without spending a lot of time on extensive customization. 

The Social Media Links 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!

Add Javascript From Admin / Backend

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Info List

Flash Cards

Audio Player

Pomodoro Timer

WhatsApp Chat

Vimeo Feed

Social Media Links

Animated Number Counter

Glossary

Device Mockup

Pricing Slider

Google Maps

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Add Javascript From Admin / Backend

OpenCart extension

App Details

Pricing

Check Out the Info List Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Info List

Flash Cards

Audio Player

Pomodoro Timer

WhatsApp Chat

Vimeo Feed

Social Media Links

Animated Number Counter

Glossary

Device Mockup

Pricing Slider

Google Maps

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine