✯✯✯✯✯✯✯✯✯✯✯✯✯✯✯✯✯✯✯✯✯✯✯✯✯✯✯✯ Next previous links Ver.2.0 En-Gr vqmod Last update 28.02.2016 by Uni-Arts ✯✯✯✯✯✯✯✯✯✯✯✯✯✯✯✯✯✯✯✯✯✯✯✯✯✯�..

Next Previous Links

Create interactive content sliders to showcase images, text, and buttons with customizable options.

The Card Slider widget includes hover effects that bring an extra layer of interactivity to your content. These effects make your images and cards come to life when users hover over them, creating a more engaging and enjoyable browsing experience. The subtle animations draw attention to your content, encouraging users to interact with the slider and explore your website further.

Hover Effects for Enhanced Interactivity

The Card Slider widget provides full control over the slider's speed and the number of loops. You can fine-tune the rotation speed of the cards to match the pace that best suits your content and audience. Additionally, you can decide how many times the slider should loop, whether you want it to run continuously or stop after a set number of cycles. This level of customization allows you to create a viewing experience that is both engaging and comfortable for your users.

Adjustable Slider Speed and Loops

The Card Slider widget allows you to easily add buttons to each card, providing clear and actionable calls to action. Whether you want visitors to learn more, make a purchase, or sign up for a service, these buttons make it simple to guide users toward the next step. Fully customizable in terms of text, color, and style, the buttons can be tailored to align perfectly with your website’s branding and objectives, enhancing both functionality and user engagement.

Add Buttons to Each Card

The Card Slider widget offers a selection of beautifully crafted design skins, enabling you to match the slider with your website’s branding effortlessly. These pre-designed skins reduce the time and effort needed to customize the slider, providing a polished look that enhances your site's overall appearance.

Select from Multiple Card Slider Design Skins

The Card Slider widget is fully customizable, allowing you to modify its design to suit your specific requirements. You can adjust colors, fonts, spacing, and other elements to create a slider that not only looks great but also aligns perfectly with your website’s branding and style.

Fully Customizable Card Slider Widget

The Card Slider widget is designed to be fully responsive, ensuring it displays beautifully on any device. Whether your visitors are using a desktop, tablet, or smartphone, the slider adapts to provide a seamless and consistent user experience across all screen sizes.

Perfectly Responsive Card Slider

The Card Slider widget is user-friendly, requiring no coding expertise for customization. Its intuitive interface allows you to easily adjust settings and design elements with just a few clicks, making it accessible for users of all technical levels.

Easy To Use Card Slider Widget

For those looking to add a personal touch, the Card Slider widget supports custom CSS. This feature allows developers and designers to apply unique styles and functionality, ensuring the slider perfectly matches your site’s design vision and interaction needs.

Custom CSS for Enhanced Creativity

Embedding the Card Slider widget on your website is straightforward, requiring just a single line of code. Once integrated, the widget updates automatically with any changes you make, ensuring your site always displays the most current version of the slider without extra effort,

Effortless Embedding of the Card Slider on Any Website

With the Card Slider, you can showcase multiple pieces of content in a compact space, improving your website's layout. This not only helps in organizing your content effectively but also ensures that important messages or promotions are prominently displayed without overwhelming the visitor.

Enhance Content Organization

Use the Card Slider to feature your most important products or services prominently on your homepage or landing pages. This focused presentation can increase visibility and drive more traffic to your high-priority offerings, ultimately leading to higher sales or engagement.

Highlight Key Products or Services

By strategically placing call-to-action buttons on each card within the Card Slider, you can drive visitors to take desired actions, such as signing up, purchasing, or exploring more content. This targeted approach can significantly boost conversion rates and help you achieve your business goals.

Increase Conversion Rates

Card Slider

Lists & Cards

Images & Galleries

New!

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





Example 1

Example 2

Example 3

Example 4

Example 5

The Flip Cards 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!

Flip Cards Multiple Layouts

The 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 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 Flip Cards Skins

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 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!

Fully Customizable

The 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 Flip Cards

The 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 widget any way you’d like to with just a few simple clicks.

Easy To Use Flip Cards Widget

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

Flip Cards Custom CSS

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

Easy To Embed Flip Cards

The Flip Cards widget allows you to add customizable star rating icons to your cards. You can use this visual element to provide valuable information or help guide your users to the product/service you’d like them to try the most.

Customizable Star Ratings

The Flip Cards widget will allow you to improve the user’s journey by creating highly informative flip cards, with concise information and relevant links.

Improve User Navigation with Flip Cards

The Flip Cards widget is a fully customizable app that can be customized to fit any website design. It features multiple layouts and pre-made skins that you can use to enhance your design.

Flip Cards Enhance Design

The Flip Cards widget’s easy navigation features, as well as its customization features, will enable you to create easily noticeable and accessible messages and links, that can increase the conversions of your products or services.

Add Interactivity with Flip Cards

Flip Cards

Get Creative

Website Components

A button featuring a smooth shaking animation designed to capture the user's attention and encourage interaction

The widget comes with different animation types from which you can choose the one that’s most applicable and relevant to your website and its design.

Different Animations

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 Nudge Button 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 Nudge 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.

Multiple Skins

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

Perfectly Responsive

The Nudge Button widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget any way you’d like to with just a few simple clicks.

Easy To Use

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

Custom CSS

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

Easy To Embed

With full customization options and various animations, the nudge button is the perfect tool to draw the users' attention to the CTA button.

Draw Attention

With a more visible CTA button, users will have a difficult time not clicking on it and going to the page you want them — whether it’s the checkout page, another product, a landing page, or anything else.

Increase Conversions

The widget’s cute and quirky animation will be a lovely addition to your website, and will certainly make static and boring pages much more enjoyable to read.

Enhance Design

Nudge Button

Popups, Bars & Buttons

Boost Sales

Present team members in a stylized and adjustable list format

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

Team Members List Multiple Layouts

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

Gentle Intro Animation

You can add images of your team members to make them instantly recognizable and further increase trust in your company.

Add Images to the Team Members List

The Team Members Widget comes with various beautiful skins that you can choose from, so you don’t have to spend much time on extensive customization.

Multiple Team Members List Skins 

The Team Members List 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 Team Members Widget

The Team Members List 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 Team Members 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 Team Members Widget

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

You can embed the Team Members List 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 Team Members Widget

The Team Members widget comes available with a list of popular social networks, the icons of which will be displayed in a visually appealing manner on the card. You can add links to websites, emails, LinkedIn profiles, Facebook profiles, and GitHub profiles. Additionally, you display positions and make them visible on the cards so the user better knows who’s who in the company. 

Positions & Links to Popular Social Networks

The widget enables you to show your team in a nice, structured, and easy-to-read way. You can further customize the list, to make team members stand out.

Make Your Team Members Stand Out

By showing the team behind the company and by adding social buttons with links to their social media profile, you can easily increase trust in your company.

Show your team members to Increase Trust

The Team Members widget enables you to create beautiful team member pages by offering you a wide range of customization options that you can employ. Make your page stand out and set the right tone — professional, fun, glamorous, or anything else!

Enhance Design with a Team Members List

Team Member List

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.

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.

Fully Customizable Widget

The Back to Top Button widget is designed to provide a seamless user experience on any device. With its fully responsive design, the button will look great and function smoothly on desktop computers, laptops, tablets, and smartphones. This is especially important in today's mobile-first world where more and more people are using their smartphones and other mobile devices to browse the web. By ensuring that your website is optimized for all devices, you'll improve the user experience for your visitors and stay ahead of your competitors in terms of functionality and design. With the Back to Top Button widget, you'll be able to provide your visitors with a fast, easy, and intuitive way to navigate your website no matter what device they use.

Perfectly Responsive Widget

The Back to Top Button widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget any way you’d like to with just a few simple clicks.

Easy To Use Widget

In addition to the built-in customization options, the Back to Top Button widget allows you to add your custom CSS to enhance the button further and make it truly unique. Whether you're a seasoned developer or simply looking to get creative, the ability to add custom CSS gives you the power to take your website design to the next level. With custom CSS, you can change the button's size, shape, and positioning, or even create entirely new styles from scratch. The possibilities are endless, and with some creativity, you can make the Back to Top Button widget your own. This level of customization allows you to create a button that fits perfectly with the look and feel of your website and enhances the overall user experience for your visitors. Whether you're looking to create a sleek, modern design or a more traditional, classic look, the Back to Top Button widget and its custom CSS capabilities give you the tools you need to make it happen.

Back to Top button Custom CSS

You can embed the Back To Top button on your website easily by copying a single line of code. The Back to Top Button widget will also be updated automatically with every change you make.
Copy the code for the button and paste it into your website's HTML code. The code should be placed in the appropriate section of your website, such as the footer or header.



Easy To Embed Back to Top button

The Back to Top button provides users with easier on-site navigation as with a simple click, they will be transformed back to the top of the page. This is ideal for pages where there’s a lot of text, and scrolling back up may be an annoyance.

Easy Navigation with Back to Top button

The improved navigation that the Back to Top button offers will undoubtedly improve the users’ experience on your website, encouraging them to come and visit your website again. Additionally, the added convenience of quickly returning to the top of the page with just one click can save time and effort for the user, further enhancing their overall experience on your website.

Improved User Experience

With simple navigation to the top of the page, users will be able to engage with other elements on your website, for example, with call-to-action buttons, additional links, videos, images, and more. This, in turn, can lead to increased engagement, higher conversion rates, and ultimately, a boost in overall website success.

Use a Back to Top button for More Engagement

Back to Top Button

The Course Registration Form Widget offers a variety of customizable fields to create the perfect course registration form for your needs. You can easily tailor the form to suit your requirements and objectives by selecting from a range of field types. To add a field, simply click on the "Add Field" option and choose from the available options. With our drag-and-drop functionality, you can also effortlessly adjust the field order to create the perfect registration form.

Customizable Fields for Course Registration Form

The Course Registration Form Widget simplifies the collection and organization of all registrant data in a clear and accessible format. This feature streamlines the tracking of registrations, ensuring that you can review and respond to registrants more quickly and effectively. With our widget, you can easily manage and access all the information submitted in the form, making it easier to keep track of your course registrants.

Easy Collection of Course Registrant Data

The Course Registration Form Widget's export functionality for registrant data to a CSV file offers significant benefits in terms of efficient registration organization and integration with other tools. This feature allows for easy transfer of registrant data to other applications or tools, making in-depth analysis and integration more accessible. For organizations seeking to maintain a comprehensive record of registrant information for data analysis, reporting, and management purposes, this feature is an invaluable asset. 

Export Course Registrant Data to CSV

The Course Registration Form widget makes it simple to accept payments from your users. Whether you’re offering classes, workshops, or training sessions, this feature allows you to integrate secure payment options directly into your form. With an intuitive setup and dependable payment processing, you can streamline the registration process while delivering a seamless experience for your participants.

Collect Payments Directly Through Your Course Registration Form

By incorporating designated fields for course registration such as Personal Information, Course Selection, and Course Prefered Time, you can gather important information that can help you manage your courses more efficiently. By including fields such as Preferred course dates, special requirements or accommodations, and payment options, you can provide a more personalized and streamlined registration experience for your students.

Key Fields for Course Registration Form

Incorporating headings, descriptive text, and visuals into your course registration form enables a more engaging and intuitive registration experience for students. Including informative form elements can guide registrants through the process, promoting a seamless experience and increasing the chances of successful registrations. With the ability to customize the form with text, images, and other visuals, you can create a registration form that is not only functional but also visually appealing and easy to navigate.

Enhance Your Course Registration Form with Text and Images

With the Course Registration Form Widget, you have the option to personalize your registration form's header and footer, including the ability to add images. This feature offers an excellent opportunity to enhance your brand presence and create a professional, visually appealing form that seamlessly integrates with your website's overall design.

Personalize Headers & Footers

The Course Registration Form Widget also includes the option to enable notifications for both the form owner and the registrant. You can activate automated email notifications for each form submission, send them to multiple recipients, and also dispatch a confirmation email to the registrant upon successful registration. 

Receive Notifications for New Course Registration Submissions

The Course Registration Form allows you to enable the CAPTCHA anti-spam feature, which registrants must complete before submitting their registration. This functionality helps prevent bots and automated scripts from submitting spam entries through your registration form, ensuring that you receive authentic registrations from genuine students. 

Prevent Spam in Your Course Registration Form

The Course Registration Forms ensures HIPAA compliance, offering end-to-end data encryption and role-based access management to protect sensitive information. Seamless integrations, including a HIPAA-compliant API and support for tools like Google Sheets and EMR systems, enhance functionality. Additionally, activity tracking and audit logs provide full transparency over data access.

HIPAA Compliance for Secure Forms

The Course Registration Form Widget comes with a variety of beautiful skins that you can choose from to quickstart the design process and save time on extensive customization. These pre-designed skins cater to different aesthetics, allowing you to easily match your form with your website's look and feel.

Various Course Registration Form Styles

The Course Registration Form Widget provides comprehensive customization options, enabling you to tailor the design to meet your specific requirements. From adjusting colors and fonts to modifying field layouts, you have complete control over the form's appearance and functionality. With our widget's user-friendly interface, you can easily customize the form to match your website's design and create a seamless registration experience for your students.

Fully Customizable the Course Registration Form

The Course Registration Form Widget is fully responsive and will look great on any device. Having a form 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. With our widget, you can create a registration form that is perfectly responsive and provides a seamless registration experience on any device.

Perfectly Responsive Course Registration Form

The Course Registration Form Widget is simple to use and doesn't require any coding expertise. Within a few clicks, you can customize the form to your liking using our intuitive interface, making it an effortless experience.

Easy-to-Use Course Registration Form Widget

Our advanced editor is a robust tool that grants you full control over the Course Registration Form Widget's appearance. With this feature, you can effortlessly personalize every aspect of the widget's design, from colors and fonts to layout and positioning. For those looking to exercise their creativity further, direct CSS editing allows for even more extensive customization options.

Custom CSS for Course Registration Form Widget

To integrate the Course Registration Form Widget into your website, copy and paste the provided code snippet into your page's HTML code. The widget is designed to auto-update, which means any modifications you make in the Course Registration Form editor will be automatically reflected on your website.

Easy Embed of Course Registration Form Widget

The Course Registration Form widget allows students to register for a course online at their own convenience without having to visit the organizer's office or make a phone call.


Convenient Online Course Registration

Track the number of registrations and contact registered students with ease. This reduces the chances of registration mix-ups and also ensures that students receive all necessary communication from the organizer.

Effortless Tracking Course Registrations

The Course Registration Form widget helps reduce the time and effort required for manual registration processes. The organizer can use the time saved in managing other important tasks.

Streamline Your Course Registration

Course Registration Form

Forms

Fight for Equality

Display important notifications with a popup

The Notification Popup widget features advanced display rules — like when or where to display the app — that you can set and customize. The rules include action triggers like “on exit”, “time delay”, “page scroll” and more.

Customizable Display Rules

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

Multiple Notification Popup Layouts

The Notification Popup 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 Notice Skins

The Notification Popup widget comes with a selection of beautiful icons that you can use to add to it and enrich its visual appearance.

A Selection of Beautiful Icons

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

Next Previous Links

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Card Slider

Flip Cards

Nudge Button

Team Member List

Back to Top Button

Course Registration Form

Notification Popup

Job Application Form

Team Member Flip Cards

Stories

Progress Bars

Order Form

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Next Previous Links

OpenCart extension

App Details

Pricing

Check Out the Card Slider Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Card Slider

Flip Cards

Nudge Button

Team Member List

Back to Top Button

Course Registration Form

Notification Popup

Job Application Form

Team Member Flip Cards

Stories

Progress Bars

Order Form

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine