This extension allowed the customer to login by Gmail or Facebook. This extension support for version 3.x. Please contact us if you have trouble to install. Want to update with your custom theme? just contact us for additional price

gifary

Facebook And Google Login

Embed player for Lottie files to add customizable animations

Example 1

Example 2

Example 3

Example 4

The Lottie Player widget comes with the option to add URLs to the animations and make them clickable. This functionality provides an interactive experience for users, potentially increasing user engagement and conversion rates.

Linkable Lottie Animations

The Lottie Player widget enables the toggle of a “reverse animation” option that will reverse the animation, offering additional creative possibilities and enhancing the versatility of your animations.

Reverse Animation

The Lottie Player comes with advanced control that enables the control of speed, and toggling the option to loop, providing further customization options to ensure your animations align with your brand and website vision.

Animation Speed & Loop Controls

The widget features the option to choose when to play the Lottie animation, be it on hover, scroll, view, or auto-play, allowing for seamless integration into your website's user experience.

“When To Play” Controls

The Lottie Player 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 by ensuring your animations display flawlessly across platforms.

Perfectly Responsive Lottie Player

The Lottie 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 Lottie Player any way you’d like to with just a few simple clicks, making it accessible to users of all skill levels.

Easy To Use

As with all of Common Ninja’s apps, you can add custom CSS to customize the Lottie Player widget and be even more creative, giving you full control over the appearance and style of your animations.

Lottie Player Custom CSS

You can embed the Lottie Player widget on your website easily by copying a single line of code. The Lottie Player widget will also be updated automatically with every change you make, ensuring a hassle-free experience and consistently up-to-date content.

Easy To Embed Lottie Player

With the Lottie Player, you can add professional, beautiful, and eye-catching animations to your website, making it more appealing to users and increasing the user’s engagement with your website. Furthermore, these animations can effectively communicate your brand message, helping you build a stronger connection with your audience.

Improved User Engagement with Lottie Animations

Lottie animations are lightweight and optimized for the web, which means they won't slow down your website's load times. In today’s world, when every loading speed second counts, the faster loading times can be what separates you from the competition. Additionally, improved performance can lead to a better user experience and higher search engine rankings.

Faster Page Load Time

Lottie animations are designed by professional animators, resulting in high-quality and visually appealing animations. You will be able to save time and money on creating beautiful animations, and make use of what other professionals have created. Plus, these animations are easily customizable, allowing you to align them perfectly with your brand identity and website aesthetics.

High-Quality Animations

Lottie Player

Get Creative

Media

Display the latest posts from any platform and website's RSS feed

The Social Media & RSS Feeds widget features 3 feed modes — Mixed, Tabs, and News Ticker. These will allow you to customize the widget to show the feeds precisely how you want. One single feed? Separate feeds? The choice is yours!

Multiple Social Feed Modes

Get full control over the content you want to display in your stream. Filter unwanted posts and edit the post titles to fit your needs. 

Full Control Over Social Feed Content

The Social Media & RSS Feeds feature is designed to help you keep your website's feed content up-to-date and relevant for your audience. With the auto-refresh feature, you don't have to worry about manually updating your feed or losing out on essential updates from your social media accounts or other sources. The widget will automatically check for new content on a regular basis and refresh your feed accordingly, ensuring that your website's visitors always have access to the latest and most relevant information. Whether you want to showcase your latest blog posts, Twitter updates, or news articles, the Social Media & RSS Feeds feature makes it easy to keep your website's feed content fresh and engaging.

Auto-Refresh

With the Social Media & RSS Feeds widget, you have access to multiple skins and layouts that allow you to customize your feed in any way you want. You can choose from a variety of styles and colors to match your brand, or select a layout that best fits the design of your website. The widget also includes features such as responsive design, infinite scrolling, and lazy loading, which improve the user experience by allowing your visitors to easily access and browse your content without having to refresh the page.

Multiple Skins & Layouts

The Social Media & RSS Feeds 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 Social Media & RSS Feeds 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 Social Media & RSS Feeds widget will allow you to do just that, giving you an edge over competitors.

Perfectly Responsive

The Social Media & RSS Feeds 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.

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Social Media & RSS Feeds 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.

Social Media & RSS Feeds Custom CSS

To embed the Social Media & RSS Feeds 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 Social Media & RSS Feeds  Editor will be reflected automatically on your website without the need for any additional manual updates.

Easy to Embed Social Media & RSS Feeds 

A visually attractive feed will keep your visitors glued to the screen and provide them with a pleasant user experience, a dose of inspiration and a sense of adventure. They’ll be wanting to return to this experience time and again!

Captivate Visitors

With the Social Media & RSS Feeds widget, you can aggregate RSS information from various authoritative sources into one page and offer your users valuable information to which they’d want to return to.

Aggregate Valuable Information

With a stunning social media feed on your website, you can encourage users to start following you thereby increasing engagement and improving your social media presence.

Increase Social Media Presence

Social Media & RSS Feeds

Social Feeds

Easily craft, customize, and integrate flow charts on your website.

The Diagrams widget offers a versatile range of shapes to represent your information best. Choose from rectangles, ellipses, or triangles to create distinct visuals. Whether you're outlining a process, highlighting key points, or showcasing a hierarchy, these shapes ensure your diagrams are both functional and aesthetically pleasing.

Shape Variety at Your Fingertips

Tailor the connections between your shapes with a variety of connector types. Whether you prefer the artistic curves of bezier, the simplicity of a straight line, or the elegance of smooth steps, the Diagrams widget has you covered. This feature allows you to design diagrams that are both clear in conveying information and visually engaging.



Flexible Connection Choices

Breathe life into your diagrams with animated connectors. This feature gives the illusion of data streaming from one shape to another, adding a dynamic touch to your visuals and making your diagrams more engaging for the audience.

Dynamic Connector Animations

Enhance the clarity of your diagrams with the addition of labels and tooltips. Attach descriptive labels to your connectors to provide context, and use tooltips on shapes to offer additional information on hover. This ensures that your audience receives a comprehensive understanding of the content, all while interacting with the diagram.

Informative Labels and Tooltips

Add clarity to the flow of your diagrams with customizable connector arrows. The Diagrams widget lets you set arrows at the start, end, or both ends of your connectors. This ensures that your audience can easily follow the direction and flow of information, making your diagrams more intuitive and user-friendly.

Directional Arrow Options

Elevate the visual appeal of your diagrams by embedding images directly into your chosen shapes. Whether it's a logo, an icon, or any relevant image, this feature enhances the informational and visual value of your diagrams. By combining imagery with textual content, you can create a more immersive and informative experience for your website visitors.

Embed Images Within Shapes

Tailor the look of your diagrams with a variety of skins. Whether you're aiming for a modern, classic, or unique aesthetic, the Diagrams widget offers multiple designs to align with your website's theme and your personal preferences.

Diverse Aesthetic Skins

Dive into a world of endless possibilities with the Diagrams widget. Designed to be fully customizable, it empowers you to tweak every aspect, from shapes and connectors to skins and animations. This ensures that your diagrams not only serve their purpose but also resonate with your brand and vision, making your website truly stand out.

Complete Customization Control

Experience simplicity at its best with the Diagrams widget. Designed with users in mind, its intuitive interface ensures that creating and modifying diagrams is a breeze, even for those new to the world of web design.

User-Friendly Interface

Ensure a seamless viewing experience across devices with the Diagrams widget. Whether accessed from a desktop, tablet, or smartphone, the widget adjusts perfectly, guaranteeing that your diagrams look impeccable every time.

Adaptable Responsiveness

Unleash your creativity and tailor the Diagrams widget to your exact specifications using custom CSS. This feature allows for deeper customization, ensuring that your diagrams not only function well but also align perfectly with your website's design.

Customize with CSS

Embedding the Diagrams widget into your website is as simple as copying and pasting a code. With its straightforward integration process, you can quickly enhance your site with interactive diagrams without any technical hurdles.

Effortless Integration

Relying solely on text can make content monotonous. By integrating diagrams and flow charts, site owners can diversify their content presentation, catering to a broader audience. Some visitors prefer visual explanations over textual ones, and offering both can cater to varied learning styles, ensuring a more inclusive user experience.

Diversified Content Presentation

Visual aids, such as diagrams and flow charts, are known to improve content retention among users. By presenting information visually, site owners can ensure that their content is not only understood but also remembered by visitors. This can lead to better brand recall and a stronger connection with the audience.

Enhance Content Retention

A well-organized website with clear visuals, like diagrams and flow charts, can elevate the site's professionalism. Visitors often associate such visual aids with thorough research and expertise, enhancing the site's credibility and making them more likely to trust and return to your content.

Increas Professionalism and Credibility

Diagrams

Website Components

Customizable measurement guides with responsive layouts and multi-category support.

Easily display size charts for different product categories (e.g., shirts, shoes, shorts) using intuitive tab navigation. This allows your customers to toggle between sizing tables without leaving the page, streamlining their shopping experience.

Multi-Category Support with Tabs

Enhance clarity with visuals that show how to measure chest, waist, inseam, foot length, and more. These illustrations help users take accurate measurements, reducing errors and helping them find the perfect fit.

Visual Measurement Diagrams

Update your size chart directly within the preview using intuitive inline editing. This allows you to click and modify sizing values on the spot without switching views or navigating away. It’s a fast and efficient way to keep your sizing table accurate and up to date.

Inline Editing for Quick Size Updates

Tailor the table headers and accompanying text for each product type to match your brand tone and product line. This feature ensures your sizing table communicates clearly to your audience and stays on-brand.

Custom Table Titles and Descriptions

Showcase clear measurement illustrations—like where to measure chest, waist, or foot length—using built-in example images. These visuals make the sizing process easier for users to understand at a glance. You can also upload your own custom images to match your product line and brand style.

Visual Illustrations with Custom Image Upload

The Size Chart widget offers a variety of layout styles to fit seamlessly into your website’s design. Choose from table formats, tabbed views, or sectioned layouts depending on your needs and the complexity of your sizing information. This flexibility ensures that your sizing table looks professional and stays user-friendly across different devices and design themes.

Varied Size Chart Layouts

Easily match your size chart to your brand identity with a wide selection of beautifully designed skins. The Size Chart widget lets you pick a style that aligns with your overall website aesthetics, saving time on customizations while keeping your pages visually cohesive. No matter if your site is bold, minimalist, or playful, there’s a skin ready to fit perfectly.

Select from Multiple Size Chart Design Skins

Personalize every element of the Size Chart widget to reflect your unique brand voice and visual style. You can adjust colors, fonts, spacing, and more to create a sizing guide that feels completely integrated with your website. With this level of flexibility, your size chart won’t just be functional—it’ll enhance the overall customer experience.

Fully Customizable Size Chart Widget

Designed for full responsiveness, the Size Chart widget ensures a seamless viewing experience across all devices. Whether your visitors are shopping on a desktop, tablet, or mobile phone, your sizing table will adjust elegantly to fit the screen. This adaptability is key to maintaining a smooth and professional shopping experience everywhere.

Perfectly Responsive Size Chart

The Size Chart widget is built with simplicity in mind, making it easy for anyone to set up and customize—no coding skills required. With a straightforward, user-friendly editor, you can quickly create, update, and manage your sizing tables. This approachability saves time and empowers all users to maintain professional-looking charts effortlessly.

Easy To Use Size Chart Widget

For those who want even greater control, the Size Chart widget supports custom CSS styling. This option is perfect for developers and advanced users who want to fine-tune every aspect of the sizing table’s appearance and behavior. It opens up unlimited possibilities to ensure your size chart is truly one-of-a-kind

Custom CSS for Enhanced Creativity

Adding the Size Chart widget to your site is quick and easy, requiring only a single line of embed code. Once installed, any updates you make within the editor are automatically reflected on your live site. This means you can keep your sizing information fresh and accurate with minimal effort.

Effortless Embedding of the Size Chart on Any Website

Accurate sizing information means fewer surprises when orders arrive. By offering a clear and consistent measurement guide, businesses can significantly reduce the volume of returns due to incorrect sizing. This saves time, money, and hassle for both store owners and customers.

Reduce Return Rates

Displaying an easy-to-read sizing table or fit chart helps demonstrate that your store is detail-oriented and customer-focused. Visitors appreciate transparency, and knowing exactly what to expect in terms of fit builds trust and improves satisfaction.

Boost Customer Trust with Clear Sizing Information

A visually clean and well-organized measurement guide adds polish to your product pages. The Size Chart widget’s sleek design and customization options ensure it fits seamlessly into your website, contributing to a cohesive and professional brand appearance.

Strengthen Brand Image Through Professional Presentation

Size Chart

New!

Showcase statistics, metrics, or countdowns in an animated visually appealing display

With the right background image, fonts and titles, it is possible to tell a whole story and create the right association between a brand, and its impressive numbers.

Visual Storytelling With the Right Background

Style 2

Style 3

For the more information-delivery-based websites, where numbers play an important part, it’s best to keep the numbers, titles, and associated icons clear and easy to understand. And with the full customization options, and the large selection of icons the widget offers, it’s easy to do just that.

Clean Design With Relevant Icons for Better Understanding

The widget enables not only to create of informative number counters, but aesthetically pleasing ones as well, which will go hand in hand with the website’s design, and play a significant role in creating the right atmosphere.

Setting the Right Mood and Atmosphere

The Animated Number Counter app features an entertaining, eye-catching “counting” animation that is sure to add a sense of action to your website, as well as help focus the user’s attention on important information.

Eye-Catching Animation

The Animated Number Counter 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 Animated Number Counter app features commonly used layouts that you can choose from to fit your web page’s design.

Multiple Layouts

In addition to the option to add images to the number counter, the app has a large selection of icons that you can choose from to add instead of images.

A Robust Set of Icons

You can customize the app any way you see fit, including deciding on what the starting number of the counter will be.

Set Start Number

Do you want to add a plus sign after a number? Or perhaps to denominate that the number refers to users? Or maybe even that the number represents a certain currency? Regardless of what you want to add, you can easily do this by adding a prefix or a suffix to appear before or after the number.

Add a Prefix or Suffix

You can easily add links to the Animated Number Counter app, to improve navigation and increase conversions.

Add Links

You can add a background in the form of an image to really set your number counter apart and to further complement your website’s design direction.

Add & Change a Background

The Animated Number Counter 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!

The Animated Number Counter 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.

The Animated Number Counter 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 Number Counter Widget

As with all of Common Ninja’s apps, you can add custom CSS to customize the Animated Number Counter 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 Animated Number Counter app will also be updated automatically with every change you make.

Easy To Embed

With the app, you can add animation to your static pages and make them less boring and more engaging to you your users. Insert the animation in between sections to let your users rest their eyes, or next to a section with lots of text, to highlight the significant bits, or any other way you see fit.

Add Animation to Static Pages

The animation effect of the app makes it so that you can easily draw attention to different stats. And, with its help, you can showcase your strengths — whether it’s the number of users you have, active installation, sales or anything else.

Make Stats More Noticeable

The app is fully customizable, and in addition to the animation effect, it can be customized to complement any page design through a large selection of icons, different layout options, pre-made skins and more.

Enhance Design

Animated Number Counter

Example 5

Example 6

Effortlessly craft tailor-made forms with our form builder, designed to cater to your unique requirements and user intentions. Add and choose from an extensive variety of field types, ranging from basic to specialized formats, with a simple click. Rearrange fields effortlessly using the drag-and-drop feature for the perfect form layout.

Various Form Fields To Select From

The Form Builder enables you to effortlessly manage and view all submissions in a user-friendly, organized display. This feature allows you to keep track of all the collected data and user responses, facilitating faster and more efficient follow-ups and decision-making.

Easy Entry Collection

The Form Builder's submission data can be exported to a CSV file, enabling seamless import into other software or tools for in-depth analysis or integration. This functionality is highly beneficial for businesses seeking to maintain comprehensive records of client interactions and for data analysis and reporting objectives.

Export the Form Submissions to CSV

With our Form Builder, effortlessly receive files and images submitted by your users. This powerful feature is designed to cater to businesses and professionals who need to gather crucial information, documentation, or visual assets from their clients or customers. No matter the industry, our Form Builder streamlines the process, making it easier than ever to collect the necessary data to drive your business forward and ensure client satisfaction.

Use the Form To Receive Files and Images

The Form Builder allows you to accept payments directly through your forms for any need. Whether you’re handling event registrations, selling products, collecting donations, or offering services, this feature seamlessly integrates secure payment options. With a straightforward setup and reliable payment processing, you can enhance your form’s functionality while delivering a convenient experience for your users.

Collect Payments Easily for any need

Incorporating headings, descriptive text, and visuals into your form enables a more comprehensive and intuitive submission experience for users. By integrating instructive form components, you guide users through the submission process, ensuring a seamless and efficient experience that ultimately boosts the chances of conversion.

Enhance Your Form with Engaging Content and Visuals

The Form Builder offers the ability to personalize the form's header and footer, including the option to add images. This feature empowers you to reinforce your brand identity and create a polished, visually engaging form that seamlessly integrates with your website's overall design and aesthetic.

Personalize Headers & Footers for Your Form

The Form Builder provides the option to enable notifications for both the form owner and the submitting user. Configure automated email notifications for each form submission, allowing you to send alerts to multiple email addresses, as well as deliver a confirmation email to the user upon successful submission.

Streamlined Email Notifications and Confirmations

The Form Builder offers the option to enable the CAPTCHA anti-spam feature, requiring users to complete a verification step before submitting the form. This functionality effectively prevents bots and automated scripts from sending spam messages, ensuring that you receive authentic submissions from real users.

Prevent Spam in Your Form Submissions

The Form Builder is designed to create perfectly responsive forms, ensuring that your users can access and submit them effortlessly, regardless of the device or screen size. Our Form Builder's responsive design ensures that your forms look great and function perfectly on any device, including desktops, laptops, tablets, and mobile devices, maximizing your audience reach and engagement.

Form Builder Widget: Perfectly Responsive Forms

The 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 Form Builder widget comes equipped with a diverse selection of attractive skins, allowing you to jumpstart the design process and create visually appealing forms in no time. These pre-designed templates save you the effort of extensive customization while ensuring your form aligns with your desired style and aesthetic, resulting in a seamless user experience.

Pre-Designed Skins for Effortless Form Aesthetics

The Form Builder provides the option to enable multiple submissions by a single user, facilitating situations where users need to update or supplement their submitted information. With this feature enabled, users can submit the form multiple times without encountering any restrictions, ensuring that they can provide accurate and complete data.

Multiple Submissions

The Form Builder offers complete customization options, enabling you to edit and tailor the form's design to suit your specific needs. Whether it's changing colors, fonts, field sizes, or layouts, our Form Builder gives you the flexibility to fully customize your forms with ease, ensuring a seamless user experience that aligns with your brand and objectives.





Create Fully Customized Forms with Ease

The Form Builder is incredibly user-friendly and requires no coding knowledge to use. With just a few clicks, you can customize your forms to your liking using our intuitive interface, streamlining the process and eliminating the need for technical expertise.

Easy to use Form Builder

The Form Builder's advanced editor is an incredibly powerful tool that gives you complete control over every aspect of your form's appearance. In addition to the user-friendly interface that allows you to customize colors, fonts, and layout, the CSS editing feature enables you to take customization to a whole new level. With CSS editing, you can fully customize your form's design, ensuring that it aligns perfectly with your brand's image and objectives. Whether you're a beginner or an experienced designer, the Form Builder's CSS editing feature empowers you to create stunning, unique forms with ease.

Facebook And Google Login

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Lottie Player

Social Media & RSS Feeds

Diagrams

Size Chart

Animated Number Counter

Form Builder

Pinterest Feed

Tumblr Feed

Cookies Consent Bar

Google Maps

Process

Bracket Maker

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Facebook And Google Login

OpenCart extension

App Details

Pricing

Check Out the Lottie Player Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Lottie Player

Social Media & RSS Feeds

Diagrams

Size Chart

Animated Number Counter

Form Builder

Pinterest Feed

Tumblr Feed

Cookies Consent Bar

Google Maps

Process

Bracket Maker

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine