Offline Credit Card w/Encryption and Validation DEMO: ================== DEMO VIDEO Supported OpenCart Versions: ================ All v1.4.x and 1.5.x What does it do: ================ This contrib adds support for collecting ..

qphoria

Offline Credit Card w/Encryption and Validation

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

Example 1

Example 2

Example 3

Example 4

Example 5

You can make your Image Hotspot clickable and link it to any URL. By making your image hotspot clickable and linking it to a specific URL, you can improve the user experience and increase conversions on your website. 

Linkable & Clickable

The Image Hotspot widget is a versatile and useful tool that can enhance any design project. With a total of 10 beautifully crafted icons to choose from, you have the flexibility to tailor your design to fit your specific vision. These icons can be easily applied to any design direction, making it easy to incorporate them into your work. Whether you are creating a website, marketing materials, or any other type of design project, the Image Hotspot widget has something for everyone. Its sleek and modern appearance is sure to elevate your design and add a touch of sophistication.

Awesome Icon Options

By animating your hotspot with a gentle motion, you can effectively draw your audience's attention toward it. This way you can make the hotspot more visible and engaging for your viewers, leading to increased interaction and engagement with your content.

Animation

By including a video within your hotspot's tooltip, you can add an extra layer of information and interactive elements to your content. This can be particularly useful if you are trying to convey complex ideas or concepts, as a video's visual element can help clarify and illustrate your points in a way that text alone may not be able to do. Additionally, including a video can help break up text-heavy content and provide a more engaging experience for your viewers. With the ability to add videos to your hotspots, you can enhance the user experience and increase engagement with your content.

Embed Video

There is the option to customize and alter the appearance of the hotspot tooltips. This allows you to tailor the style to fit the aesthetic of your website and create a more cohesive and visually pleasing experience for your users.

Tooltip

With the Image Hotspot widget, you have complete control over the look and feel of your design. You can easily customize various elements such as the colors, fonts, and spacing to match your brand or personal style. Whether you want to create a sleek, modern design or a more traditional look, the Image Hotspot widget has you covered. With its wide range of customization options, you can easily tweak and adjust every aspect of your design to get the perfect look for your project.

Fully Customizable

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

Perfectly Responsive

The Image Hotspot 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 Image Hotspot 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 Hotspot widget on your website, simply copy and paste the provided code snippet into the HTML of your webpage. The widget will seamlessly integrate into your website, allowing you to highlight specific areas of an image with interactive hotspots easily. Additionally, the widget is designed to be self-updating, meaning that any changes you make to the hotspots will be reflected automatically on your website without the need for any additional manual updates.

Easy To Embed

The Image Hotspot widget allows you to add interactive elements to your website and make static images more engaging for your visitors. Users can access additional information, images, or even links to other pages by clicking on designated hotspots within the image. This can make your website more interactive and encourage visitors to explore your site more.

Add Interactivity Using Image Hotspot

The Image Hotspot widget is valuable for adding additional information to an image without covering it up. By creating hotspots on the image, you can add text, links, or other multimedia elements to provide context or additional details about the image. This is especially helpful for displaying maps, diagrams, or product images where you want to highlight specific areas or features.

Add Text Without Obstructing the Image

The Image Hotspot widget is a valuable tool for any e-commerce store looking to showcase their products in a visually appealing and organized manner. By using this widget, you can display multiple items in one place and attach relevant information, such as prices and descriptions, directly to the images.

Implement Visual Storytelling

Image Hotspot

Website Components

Images & Galleries

Customizable Behavior Settings

With the Accordion widget, you can organize your content into separate categories for improved navigation. Additionally, you can enhance these categories with Emojis, making your content more engaging and easier to browse.

Organized Category Separation

The Accordion widget provides a selection of icons for you to choose from. Whether you prefer a downward-facing arrow, a plus sign, or other commonly used icons, you have the flexibility to select the one that best fits your design.

Selection of Icons

The Accordion widget comes with a variety of layouts, ensuring it seamlessly fits your website's design and style. Choose the layout that best suits your aesthetic and functional needs, providing a cohesive look to your site.

Versatile Accordion Layouts

The Accordion widget offers numerous design skins, allowing you to pick one that matches your brand's aesthetics. Whether your site has a modern, minimalist, or traditional design, there's a skin that will enhance its visual appeal and reduce customization time.

Multiple Design Skins

With extensive customization options, the Accordion widget can be tailored to your exact specifications. Adjust colors, fonts, spacing, and more to create a widget that perfectly matches your website's look and feel.

Fully Customizable Accordion Widget

The Accordion widget is fully responsive, ensuring it looks great on any device. This mobile optimization is essential for providing a consistent user experience across desktops, tablets, and smartphones.

Perfectly Responsive Design

The Accordion widget is designed for ease of use, requiring no coding skills for customization. Its intuitive dashboard makes it simple to modify, enabling anyone to integrate and personalize the widget effortlessly.

User-Friendly Interface

For developers and designers, the Accordion widget supports custom CSS. This feature allows for deeper customization, letting you fine-tune the widget's appearance and functionality to match your unique vision.

Custom CSS for Advanced Customization

Embedding the Accordion widget on your website is straightforward, requiring just a single line of code. This simplicity makes it accessible for users of all technical levels, and the widget updates automatically with every change you make.

Effortless Embedding

By using Collapsible Content, you can streamline your webpage, reducing clutter and improving load times. This helps create a faster, more efficient site, which can enhance user retention and search engine rankings.

Boost Site Performance with Collapsible Content

The Accordion widget ensures that your content is accessible and easy to navigate on mobile devices. This responsiveness enhances the mobile experience, catering to the growing number of mobile users and improving overall site accessibility.

Improve Mobile Usability

The Accordion widget allows you to present information in a clean, organized manner without overwhelming your audience. This makes it easier for you to manage and update your content, ensuring your site remains current and relevant with minimal effort.

Simplify Content Management

Accordion

New!

Displays a countdown clock, with multiple effects and styles

The Countdown Bar widget features optional automation that allows you to set the timer to disappear after completion to not confuse new visitors.

Automatic Timer Hiding at Sale’s End

The Countdown Bar features a sticky timer that will stay in a fixed position regardless of how far down the page you scroll.

Sticky Timer

The Countdown Bar widget features a beautiful selection of 20 skins including thematic and seasonal skins that you can use for those holiday promotions, Black Friday promotions, Cyber Monday promotions and other, similar, seasonal promotions.

Over 20 Beautiful Skins

The Countdown Bar 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 Countdown Bar 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 Countdown Bar 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 widgets, you can add custom CSS to customize the Countdown Bar widget and be even more creative.

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

With the Countdown Bar widget, you can create a sense of urgency and encourage your users to make a quick decision for fear of missing out.

Create a Sense of Urgency To Increase Conversions

The Countdown Bar widget will make your sale visible and known to site visitors and help generate interest and encourage users to investigate further.

Make Your Sale Known & Generate Interest

The Countdown Bar widget will draw more users to your website and will open them up to your other products and services. 

Promote Your Other Products & Services

Countdown Bar

Popups, Bars & Buttons

Boost Sales

Countdown Bar base template

Countdown Bar Template 10

Countdown Bar Template 9

Countdown Bar Template 8

Countdown Bar Template 7

Countdown Bar Template 6

Countdown Bar Template 5

Countdown Bar Template 4

Countdown Bar Templates 3

Countdown Bar Template 2

Countdown Bar Template 1

Experience seamless 360 panorama viewing with interactive hotspots and customizable settings.

The Virtual Tour widget enables the seamless addition of hotspots over your 360 panoramic images. Hotspots are interactive icons that, when clicked, can reveal more information about a particular area or feature captured in the image. This feature not only enhances the informative value of the 360 panorama but also enriches the interactive experience for your website visitors.

Add Hotspots with Virtual Tour

Providing detailed information is made easy with the Virtual Tour widget. You have the ability to add a title, description, and the image author’s name to each 360 panoramic image displayed. This feature allows for a structured display of information, making it straightforward for visitors to learn more about each panorama, thus adding a layer of professionalism and context to your visual content.

Display More Information through Virtual Tour

Virtual Tour offers the ability to control the direction of rotation for your 360 panoramas, providing a more tailored viewing experience. The animation settings are easily adjustable, allowing for a smooth and aesthetically pleasing exploration of your virtual space. This feature ensures that the display of your 360 panoramic images aligns with your desired presentation and user interaction objectives.

Customized Animation Controls

The Virtual Tour widget enriches your 360 panoramic images by allowing the addition of web-linked hotspots. Each hotspot can be configured to redirect visitors to a specified webpage, offering a straightforward pathway to more information or related content. This functionality enhances the user's navigational experience, creating a more interconnected and informative virtual tour.



Web-Linked Hotspots with Virtual Tour

Dive deeper into the visual experience with the Virtual Tour widget’s drag and zoom functionality. Visitors can effortlessly drag the image in any direction—left, right, up, or down—to explore the panorama at their own pace. Additionally, the zoom feature allows for a closer examination of details, creating a more interactive and engaging viewing experience on your website.

Interactive Navigation

Designing your perfect virtual tour becomes a simple task with the Virtual Tour widget. You won't need any coding knowledge; thanks to its user-friendly drag-and-drop interface, customization is smooth and quick, allowing you to bring your envisioned tour to life effortlessly.

Easy to use Virtual Tour widget

The Virtual Tour widget is your gateway to endless customization. It provides you with the flexibility to adjust colors, fonts, and spacing, enabling a total personalization of your virtual tour. Each detail can be meticulously adjusted to resonate with your site’s distinctive design and branding.

Fully Customizable 360 Panoramic images

Engineered for optimal responsiveness, the Virtual Tour widget ensures your virtual tours maintain their visual appeal 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 display on Any Device

Consistent with the spirit of customization, the Virtual Tour widget offers custom CSS capabilities. This feature unlocks the freedom to add a personal touch, paving the way for more creative virtual tour designs that stand out.

Custom CSS Capabilities

Embedding the virtual tour you've designed into your website is straightforward. It's as simple as copying and pasting a single line of code. Additionally, any adjustments made within the widget are instantly reflected on your site, keeping your virtual tours up-to-date without any extra hassle.

Simple Virtual Tour Integration on any website

The Virtual Tour widget creates a dynamic environment on your website by enabling the display of 360 panoramic images. Visitors can interact with the 360 panoramas, thus inviting them to spend more time exploring your content. The interactive nature of the Virtual Tour widget fosters a deeper connection between your website and its visitors, enhancing their overall engagement.



Enhanced Engagement with Virtual Tour

Managing your 360 panoramic images is a breeze with the Virtual Tour widget. The intuitive interface allows for the hassle-free addition and modification of hotspots and settings to meet your preferences. The streamlined content management ensures that keeping your virtual tours updated and engaging remains a straightforward task.

Streamlined Content Management in Virtual Tour

By offering a virtual tour, your website becomes more accessible to those who may not be able to visit in person. The Virtual Tour widget ensures that the experience of browsing 360 panoramic images is smooth and enjoyable. This increased accessibility broadens your website’s appeal and inclusivity, allowing more people to explore what you have to offer virtually.

Increased Accessibility with Virtual Tour

Virtual Tour

Get Creative

Media

Displays a series of videos from multiple sources , in a slideshow format

The Video Slider widget supports an array of video hosting platforms, including YouTube, SoundCloud, Facebook, Vimeo, Twitch, Streamable, Wistia, DailyMotion, Mixcloud, Vidyard, and Kaltura. By displaying videos from various platforms, you can offer your website users a diverse selection of video content that caters to different preferences, enabling you to capitalize on the unique advantages of each hosting platform.

Multiple Video Hosting Platforms Support

The Video Slider widget features the option to adjust the video sizes within the slider — from small to large, vertical or horizontal, you can tailor the widget to meet your specific requirements. The ability to customize the size and orientation of your video slider is an essential feature that can improve your website's visual appeal and usability. By having the option to modify the size of the video slider widget, you can ensure its seamless integration into your website's layout without disrupting the overall design. Additionally, you can choose between vertical or horizontal orientations, depending on the type of video content you wish to display and your website's layout.

Customizable Video Size

The Video Slider widget incorporates hover effects, adding an extra layer of visual flair to elevate the user experience on your pages. This interactive feature not only enhances the aesthetic appeal but also fosters a dynamic, user-centric environment that keeps visitors intrigued and engaged.

Video Slider Hover Effect

The Video Slider widget features two layout styles — carousel and grid. Select from these options to tailor the widget to your website's design. Whether you need a fluid, continuous carousel for a cinematic experience or a structured grid for easy browsing, the Video Slider provides the flexibility to align with your design vision.

Video Slider Layout Styles

The Video Slider widget introduces an immersive and elegant Lightbox feature, allowing users to open and view videos in a responsive overlay on your website. This sophisticated functionality offers an enhanced, distraction-free video-watching experience, seamlessly blending with your site's design and maintaining user engagement.

Open video in a popup

The Video Slider widget offers complete customization, letting you adapt its design to fit your website's look. You can readily tweak colors, fonts, spacing, and more, ensuring a seamless integration with your site. A real-time preview function lets you experiment until you find the ideal design combination, enhancing user experience while achieving your aesthetic goals.

Fully Customizable Video Slider Widget

The Video Slider widget is designed to be fully responsive, delivering an optimized user experience across all devices, from desktops to mobiles. In today's mobile-first world, its adaptability ensures a smooth, intuitive website navigation for all visitors, giving your site a competitive edge in terms of functionality and design.


Perfectly Responsive Video Slider

The Video Slider widget is simple to use and does not require any coding expertise. Our intuitive dashboard, complete with drag-and-drop functionality, empowers you to customize the widget to your liking with just a few clicks.



Easy to use

The Video Slider widget lets you go beyond built-in options by incorporating custom CSS for a truly unique touch. This feature empowers you to adjust size, shape, and position or create new styles from scratch. This extensive customization promotes perfect alignment with your site's aesthetic and enhances the user experience.

Video Slider Custom CSS

Easily embed the Video Slider widget on your website by copying a single line of code. The Video Slider will update automatically with each modification you make. Copy the code for the widget and paste it into your website's HTML code. Place the code in the appropriate section of your website, such as the footer or header.

Easy To Embed Video Slider

The Video Slider widget, along with its captivating animation effects, will effortlessly grab users' attention toward your content. In a world where visuals matter, this tool becomes an essential asset for cutting through the digital noise and making your content stand out.

Capture Attention with Video Slider

The Video Slider widget offers extensive customization options, allowing you to tailor the widgets to your preferences and seamlessly integrate them with your website's overall design. Its user-friendly interface enables even beginners to create eye-catching widgets with minimal effort.

Enhance Your Website Design with Video Slider

Leverage the power of video to tell compelling stories about your brand, products, or services, which can create a stronger emotional connection with your audience and boost customer loyalty. Moreover, such rich storytelling can stimulate curiosity, encouraging users to explore more about what you have to offer, ultimately driving higher conversion rates.

Engage Users with Rich Storytelling

Video Slider

Add customizable Trust Badges to your website to boost trust and improve conversions.

The Trust Badges widget offers a diverse gallery of professionally designed badges, allowing you to easily find the perfect fit for your website. Whether you need badges for security, shipping, or customer guarantees, the selection ensures you can quickly implement trustworthy icons without needing to design them from scratch. This feature saves time and ensures your site has high-quality visuals that boost customer confidence.

Access a Wide Gallery of Professional Trust Badges

The Trust Badges widget allows you to upload your own custom-designed badges, giving you full creative control over the trust symbols displayed on your site. This feature is perfect for businesses that want to maintain a unique visual identity or emphasize specific guarantees. By uploading your own badges, you ensure that every element on your website, including trust indicators, aligns perfectly with your brand’s image.

Upload Your Own Custom Trust Badges

The Trust Badges widget provides a variety of layout options, allowing you to display your badges in a way that best suits your website’s design. Whether you prefer horizontal, vertical, or grid layouts, you can arrange the badges to complement your site’s structure and visual flow. This flexibility ensures that trust elements are prominently showcased without disrupting the overall user experience.

Choose from Multiple Trust Badge Layouts

The Trust Badges widget offers a range of beautifully designed skins, making it easy to find a style that aligns with your brand and website’s look. Whether your site has a modern, minimalist, or traditional design, the skins reduce the need for extensive customization, allowing you to quickly add badges that seamlessly match your site's visual appeal.

Select from Multiple Trust Badge Design Skins

With the Trust Badges widget, you have complete control over customization. You can modify the colors, fonts, sizes, and spacing to ensure the badges fit perfectly with your website’s branding. This extensive flexibility allows you to create trust badges that not only enhance security and trust but also maintain your site’s unique aesthetic.

Fully Customizable Trust Badges

The Trust Badges widget is designed to be fully responsive, ensuring that your badges look great on all devices, whether it’s a desktop, tablet, or smartphone. This guarantees that your trust indicators are always visible and appealing, delivering a consistent experience to users regardless of the device they are using.

Perfectly Responsive Trust Badges

The Trust Badges widget is built with simplicity in mind, requiring no coding skills to customize or integrate. With an intuitive dashboard, you can easily add or modify badges to suit your preferences, making it accessible for users of all technical levels while enhancing your website’s credibility without any hassle.

Easy-to-Use Trust Badges Widget

For those looking for even more control, the Trust Badges widget supports custom CSS. This feature allows developers and designers to further personalize the look and functionality of the badges. Whether it's adjusting spacing, animations, or other design elements, custom CSS ensures the badges can be tailored to fit your exact vision.

Custom CSS for Enhanced Creativity

Embedding the Trust Badges widget is straightforward and requires just a single line of code. This simple integration ensures that anyone can add the widget to their website quickly, without the need for technical expertise. Plus, the widget automatically updates with every change, ensuring that your trust badges are always up-to-date without extra effort.

Effortless Embedding of Trust Badges on Any Website

Displaying Trust Badges on your website reassures customers about the security of their purchases and the credibility of your brand. This leads to increased confidence, encouraging more customers to complete their transactions.

Boost Customer Trust with Trust Badges

Trust Badges like "Money Back Guarantee" or "Secure Checkout" establish your brand as reliable and transparent. This can enhance your reputation, resulting in long-term customer loyalty and positive word-of-mouth for your business.

Build Brand Credibility

By integrating Trust Badges, you address customer concerns about payment security and product quality. This can directly lead to higher conversion rates, as customers are more likely to follow through with their purchases when they feel confident in your site.

Increase Conversion Rates

Trust Badges

User Engagement

Adds a clear notice about cookie usage on your website, improving compliance with data privacy laws.

The Cookies Consent Bar widget provides a straightforward and clear cookie consent notice. The concise and understandable language used in the message ensures that all site users are instantly aware that cookies are in use.

Simple and straight forward cookies consent bar

The Cookies Consent Bar widget features an intuitive "Got it" button for users to acknowledge the cookie usage. This user-friendly design makes it easy for visitors to accept the terms without having to navigate through complex options.

Easy Acknowledgement Button

The Cookies Consent Bar widget is designed to persistently appear on the website until the user acknowledges the message. This ensures that all users are aware of your site's cookie usage before they continue browsing.

Persistent Reminder

The Cookies Consent Bar widget provides an option to include an icon or an image as part of the consent bar. This gives you the flexibility to choose a visual element that aligns with your website's design and brand identity, thus enhancing the consistency and coherence of your site's appearance.

Enhance the bar with icon or image

The Cookies Consent Bar widget allows you to include a link within the consent message. This can be directed to your website's terms of use, privacy policy, or any other relevant external page, offering a straightforward way for users to access more detailed information if they wish.

Flexible Link Integration

The Cookies Consent Bar widget allows users to select from a range of button shapes for the acknowledgment button. Whether it's a rounded, square, or other design, you can choose a button shape that best aligns with your website's aesthetic.

Select from various button shapes

The Cookies Consent Bar widget comes with many ready-to-use designs that you can pick to fit the look and colors of your website. This way, everything on your site looks like it belongs together, which visitors will appreciate.

Offline Credit Card w/Encryption and Validation

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Image Hotspot

Accordion

Countdown Bar

Virtual Tour

Video Slider

Trust Badges

Cookies Consent Bar

Website Translator

Course Registration Form

Social Media Links

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Offline Credit Card w/Encryption and Validation

OpenCart extension

App Details

Pricing

Check Out the Image Hotspot Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Image Hotspot

Accordion

Countdown Bar

Virtual Tour

Video Slider

Trust Badges

Cookies Consent Bar

Website Translator

Course Registration Form

Social Media Links

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine