Overview <div class="primary-text regular-text text">Lazy Loading will increase website speed by loading all the images after your website load completely on customer&apos;s end. Show Animated GIF Image during the loading of your website with each product. You can set time interval to delay in loading images</div> Gallery

Community developer

Lazy Loading - Load Images After Website Load

Displays common questions and answers for quick reference

FAQs need to be easy to understand and access, and what better way to do it is there, other than to present it in a simple and familiar way — a list of questions with the option to expand the information, to reveal the desired answer. 

Simple & Familiar Design

To some, the regular, old-fashioned FAQ style is outdated, and a new approach may be sought after. With the widget's full customization options, it’s easy to make FAQs look more modern, organized, and neatly presented. 

Modern and Visually Impressive

Style 3

Style 4

Sometimes, when there’s a lot of information about different things, categories, services, products, etc. the information may get lost. To combat this, the widget offers the ability to divide the FAQs into categories for better navigation and for better user experience. 

Grouped Answers for Better Navigation

The FAQ widget features various behavior modifications like opening multiple questions one at a time, keeping opened ones open, or opening all questions at once — the choice is yours!

Behavior Management

The FAQ widget features the ability to divide your questions into separate categories for a better navigation experience. Not only that, but it also allows you to use Emojis for those categories!

FAQ Category Separation

The FAQ Accordion widget features multiple layouts and lets you choose the right layout for your website. Classic, clean, bubbles, and more — the choice is yours.

Multiple Layouts 

The FAQ 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 FAQ Skins

The FAQ widget features multiple icons for you to choose from. Do you want a downward-facing arrow to open the FAQ’s answer? Or maybe a plus sign? We’ve got the most commonly used icons available for you to choose from.

Multiple Icons

The FAQ 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 FAQ 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 FAQ Accordion

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

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

Custom CSS

You can embed the FAQ Accordion widget 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 

The FAQ widget allows you to add more long-tail keywords to your page in an organic manner, thereby enabling you to score higher on search engine result pages.

Improves SEO with FAQ Accordion

With FAQs on your website page, you can improve your users’ experience by allowing them to quickly and easily access answers to common questions without spending time waiting for answers.

Improves User Experience

The FAQ Accordion widget removes the need to wait for answers and provides all the information that’s required for quick decision-making.

Expedites The Decision-Making Process

Website Components

FAQ Template 8

FAQ - Template 7

FAQ template 6

FAQ template 5

FAQ template 4

FAQ template 3

FAQ template 2

FAQ template 1

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.

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.

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

Images & Galleries

X Feed widgets are equipped with a "ticker" animation, which resembles an old news ticker. Use it to immediately grab the user’s attention.

Add X Feed Ticker Animation

You can display the date and time of the feeds with various options - allowing you to further customize the X Feed widget according to your needs.

Set the X Feed Date & Time Display

You can keep the X  Feed widget updated with new posts by switching on "auto-refresh.".

Auto X Feed Refresh Option

With the X Feed widget, you can choose between Tabs and Mixed feeds. In Tabs, you can arrange your tabs by feed, whereas, in Mixed, you can mix different X feeds so that the feed is more diverse.

Different X Feed Types

A shorter character length makes the Tweet Feed widget more compact, so you can save space.

Character Display Length Customization

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

Various X Feed Layouts 

Several beautiful skins are included with the X Feed widget, so customizing it shouldn't take long.

Beautiful Skins

The X Feed widget provides full RTL support for those who write from right to left. Ensure that your news is accessible to a global audience.

Full RTL Support

With the X Feed widget, you can easily customize the design to meet your needs. You can change color schemes, fonts, spacing, and anything you want!

Fully Customizable X Feed

It looks great on any device and is fully responsive. A mobile-first world will give you an advantage over your competitors. 

Perfect Responsive Design

X Feed widget requires no coding knowledge and is easy to use. We provide an intuitive dashboard with drag-and-drop functionality to allow you to customize widgets the way you like them.

Easy To Use X Feed Widget

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

Copying the code will enable you to quickly embed the widget on your website. You will also receive an update on your X Feed widget when you make a change.

Easy To Embed X Feed on your Website

The X Feed Widget lets you group several X feeds into one page, making them more accessible and quicker to navigate.

Group X Feeds

By grouping all the X feeds into one page, you’ll make accessing these feeds much easier for your readers, thereby improving their experience. 

Improve User Experience

The X Feed widget can add a fun element to your page's design. Implementing the "ticker" animation will create a more appealing design for your page.

Enhance Design

X Feed

Social Feeds

Showcase TikTok videos on your site with a customizable carousel.

Navigate through your TikTok content with ease using intuitive arrows and pagination. These navigation tools make it simple for visitors to explore your TikTok videos, enhancing the interactivity and accessibility of your website’s content.

Arrows & Pagination for TikTok Carousel

Control how your audience interacts with your TikTok Carousel by adjusting the slider speed and the duration each TikTok video is displayed. This customization ensures viewers have ample time to engage with your content, tailored to the pacing that suits your website’s rhythm.

Customizable Slider Speed & Time Per Slide for TikTok Carousel

The TikTok Carousel Widget is designed to keep your website vibrant and engaging by automatically updating with the latest content from your TikTok feed. This feature ensures that your site remains fresh, dynamic, and aligned with current trends, encouraging visitors to return regularly for new and exciting content.

Automatically Refreshing TikTok Carousel Content

Enhance user interaction on your website with clickable content within the TikTok Carousel Widget. This feature allows visitors to engage directly with your TikTok videos, fostering a deeper connection with your content. By enabling viewers to click through to TikTok or interact with the videos right on your site, you create a more immersive and interactive experience, boosting engagement and time spent on your site.

Interactive Clickable Content in the TikTok Carousel

The TikTok Carousel Widget is designed for simplicity, making it easy for anyone to add and customize on their website without needing any coding skills. An intuitive interface ensures you can effortlessly integrate and manage your TikTok content, enhancing your site’s functionality with ease.

Easy-to-Use TikTok Carousel Widget

Tailor the TikTok Carousel to fit your brand with extensive customization options. Adjust everything from colors and fonts to the carousel’s overall size, ensuring your TikTok content aligns perfectly with your website's look and feel. This high degree of customization supports brand consistency and user engagement.

Fully Customizable TikTok Carousel Widget

Designed to look great on any device, the TikTok Carousel Widget ensures your TikTok content is accessible and engaging, whether viewed on a desktop, tablet, or smartphone. This responsiveness is crucial for maintaining a quality user experience in today’s mobile-first world.

Perfectly Responsive TikTok Carousel

Dive deeper into customization with the option to add custom CSS to your TikTok Carousel Widget. This feature is ideal for those who want to push the boundaries of design and functionality, providing the flexibility to create a truly unique experience for your website visitors.

Custom CSS for TikTok Carousel

Embedding the TikTok Carousel Widget on your website is straightforward, requiring just a single line of code. This ease of integration makes it simple to keep your site updated with the latest TikTok content, ensuring your audience always has something new and exciting to discover.

Effortless Embedding of the TikTok Carousel on Any Website

Featuring user-generated content from TikTok on your website can significantly enhance your brand's social proof. Showcasing real people engaging with your products or services builds trust and credibility with your audience, making them more likely to convert. The TikTok Carousel widget makes it easy to display this powerful form of endorsement directly on your site.

Boost Social Proof with TikTok Carousel Integration

Leveraging the TikTok Carousel widget extends the reach of your TikTok content beyond the app itself, exposing your brand to a wider audience. By embedding TikTok videos on your site, you tap into new demographics and drive cross-platform engagement, increasing overall brand awareness and visibility.

Increase Brand Exposure through TikTok Carousel

Integrating the TikTok Carousel widget into your website offers a dynamic way to engage visitors. By showcasing trending TikTok content directly on your site, you tap into the viral nature of TikTok videos, keeping visitors entertained and engaged longer. This increased on-site time is not only beneficial for SEO but also boosts the likelihood of conversions.

Enhance User Engagement with the TikTok Carousel

TikTok Carousel

New!

Interactive Scratch Card for users to unveil prizes, aiding lead generation.






With the Scratch Card widget, variety is at your fingertips. You have the complete freedom to determine a mix of rewards that resonate with your audience. Choose from an array of different prizes, discounts, and coupons. Every time a visitor interacts with the Scratch Card, they'll be greeted with alternating offers, ensuring a fresh experience each time.

Set Multiple Prizes with Scratch Card

Make the Scratch Card truly your own with its customizable features. You're not just limited to the default look; the widget allows you to incorporate your own signature design. By setting your preferred cover image, you ensure that the Scratch Card aligns perfectly with your brand's aesthetics, providing both a consistent and unique touch for your site visitors.

Customize the Scratch Card Cover

Dive into an interactive experience right here on your website! Use our Scratch Card widget to reveal exclusive deals and surprises. It’s fun and engaging, and each scratch brings you a step closer to fantastic rewards. Customize it, make it your own, and watch as your website visitors delight in uncovering what awaits them. Don't miss out; the next scratch could be your golden ticket!

Unveil Your Special Offer with Our Scratch Card!

With the Scratch Card widget, it's not just about the thrill of the reveal. Offer comprehensive details about each prize by setting a distinct image, title, and description. This ensures that every winner knows exactly what they've unlocked, enhancing their experience and creating memorable interactions with your brand. Customize each element to align perfectly with your offerings, ensuring clarity and excitement with every scratch.

Show Prize Information

Elevate the Scratch Card experience further! Not only can you set an individual image, title, and description for each prize, but you can also incorporate a direct link using a button. This means winners can instantly access or learn more about their prizes. Whether you want to direct them to a product page, a registration form, or a special landing page, it's just one click away, making the journey from winning to redeeming smoother than ever.

Add link to Rewards 

Harmonized with your website's distinctive design and structure using the Scratch Card widget's adaptable display choices. Whether you envision it greeting visitors upon site entry, subtly placed in a corner, or statically showcased on a specific page, the Scratch Card can be integrated in a way that feels both engaging and organic to your site's flow.

Adaptable Display Choices

The Scratch Card widget aims to meld effortlessly with your site, not detract from it. Numerous design layouts are available, ensuring that the card aligns well with your site's visual and functional aspects. Place it near a sign-up prompt, adjacent to a content highlight, or beneath an enticing header, optimizing for a cohesive and compelling user journey.

Versatile Card Layouts

Infuse a splash of color and vibrancy to your site using the Scratch Card widget's array of diverse color palettes. Pick from an assortment of shades that resonate with your brand's identity, streamlining the design phase and ensuring your site remains visually cohesive. The Scratch Card not only amplifies user interaction but does so in a manner that accentuates your unique branding.

Diverse Color Skins

Take command of when the Scratch Card widget reveals itself with its customizable timing functions. Choose to present the card immediately as the page is accessed, after a designated time-lapse, or even when a user indicates they're about to depart. This tailored approach provides an upper hand in maximizing user interactions.

Personalized Appearance Settings

With the Scratch Card widget, the reins to design are entirely in your hands. Each component - spanning colors, fonts, to spacings - can be modified to echo your brand's visual ethos flawlessly. Revel in the autonomy to shape a presentation that fully represents your brand.

Absolute Design Adaptability

Crafted with adaptability at its core, the Scratch Card widget ensures an impeccable display and performance across all devices. As the world pivots more towards mobile, this feature stands paramount. It guarantees users a consistent and fluid experience, be it on a desktop, tablet, or mobile phone.

Completely responsive

Crafting your perfect Scratch Card is straightforward with our intuitive dashboard. Say goodbye to complex coding prerequisites - our user-friendly platform empowers you to shape your Scratch Card exactly as you envision, all through a few simple steps. Tailoring your interactive widget has never felt this uncomplicated and accessible.

Effortless Customization

The Scratch Card widget caters not just to the everyday user but also to the tech-savvy. If you're adept with coding, the custom CSS option enables you to refine the card's visuals and behavior to the finest detail. This capability provides the pinnacle of customization, ensuring the Scratch Card harmonizes perfectly with your brand and site's aesthetics.

Custom CSS Capabilities

Embedding the Scratch Card you've artfully designed into your site is a mere matter of copy and paste. What's more, any alterations you effectuate in the widget will instantaneously manifest on your site. This ensures your Scratch Card remains up-to-date and captivating, devoid of any extra manual adjustments.

Hassle-Free Website Integration

By offering enticing prizes like discounts or coupons, you can motivate guests to make purchases. This enhances conversion rates and helps you drive more sales on your products or services.

Boost Sales and Conversions

The interactive nature of Scratch Card can lead to higher on-site engagement. A more engaged visitor is often more receptive to your content or offerings.

Enhanced User Engagement with Scratch Card

As users interact with the Scratch Card, it presents an opportunity to gather insights or contact information in an engaging way, aiding your marketing and outreach strategies.

Data Gathering Made Fun with Scratch Card

Scratch Card

Boost Sales

Gaming

Create customizable leaderboards to display rankings and track participant scores.

Effortlessly personalize the Leaderboard Widget by adding custom names and images for each participant. This feature enhances the visual appeal of the leaderboard, making it easier for users to recognize and connect with top performers at a glance.

Customize Participant Names and Images

Enhance the Leaderboard Widget with custom icons, prefixes, and suffixes to represent different score types, like points, currency, or any custom label you choose. Use icons such as trophies or dollar signs, and add labels like "$" or "pts" for clear, intuitive scoring. You can also use free text to create any custom score type, ensuring your leaderboard is both visually appealing and easy to understand.

Customize Score Icons, Prefixes, and Suffixes for Clarity

Easily customize the Leaderboard Widget by adding dynamic fields to the table. This feature allows you to include extra information for each participant, such as achievements, ranks, or custom metrics, tailored to your needs. It provides the flexibility to adapt the leaderboard for various use cases, ensuring that you can display all the relevant details in a single, organized view.

Add Custom Fields for a Tailored Leaderboard

Showcase each participant’s progress towards a specific goal using the Leaderboard Widget’s built-in progress bar. This feature allows you to set custom goals, such as sales targets or point milestones, and visually track how close each participant is to achieving them. The progress bar provides a clear, at-a-glance view of individual achievements, adding an extra layer of motivation and competition.

Display Goals with a Progress Bar for Each Participant

The Ranking Board offers a special display option to emphasize the top three positions. This feature allows you to create a visually distinct podium for the 1st, 2nd, and 3rd place winners, making their achievements stand out. It’s a great way to celebrate the top performers and encourage healthy competition, drawing attention to those who reach the top spots.

Highlight Top Performers with a Special Podium Display

The Leaderboard Widget allows you to choose from various score types to suit your needs, including numerical scores and time-based options. This flexibility ensures that you can display and rank participants using the most appropriate format for your competition or event, providing accurate and meaningful results.

Flexible Score Types for Accurate Tracking

The Leader Board Widget offers a variety of beautiful design skins, allowing you to choose a style that aligns with your website's branding. These skins make it easy to create a leaderboard that looks professional and integrates seamlessly with your site's overall design, saving time on customization.

Choose from Multiple leaderboard  Design Skins

The Scoreboard Widget offers a wide range of customization options, allowing you to adjust colors, fonts, spacing, and more to fit your brand perfectly. This flexibility ensures that you can create a leaderboard that aligns with your website's design and meets your unique needs, creating a personalized experience for your users.

Fully Customizable Scoreboard Widget

The Leaderboard Display is fully responsive, ensuring that your leaderboard looks great and functions smoothly on any device, from desktops to tablets and mobile phones. This ensures a consistent user experience across all screen sizes, making your rankings accessible to all visitors.



Perfectly Responsive Leaderboard Display

The Leaderboard Widget is designed for ease of use, requiring no coding knowledge to set up and customize. Its intuitive interface allows you to quickly create and manage leaderboards, saving you time while ensuring a polished display of rankings.



Easy to Use Leaderboard Widget

For those who want more creative freedom, the Leaderboard Widget includes the option to add custom CSS. This allows you to fine-tune every aspect of the widget’s appearance, making it possible to match your leaderboard perfectly with your website’s style and design.

Lazy Loading - Load Images After Website Load

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

FAQ

Image Hotspot

X Feed

TikTok Carousel

Scratch Card

Leaderboard

Catalog

Multi-Row Image Slider

3D Cards

Image Accordion

Comments

Calendar

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Lazy Loading - Load Images After Website Load

PrestaShop module

App Details

Pricing

Check Out the FAQ Widget

App Info

Some of the best Common Ninja modules for PrestaShop

FAQ

Image Hotspot

X Feed

TikTok Carousel

Scratch Card

Leaderboard

Catalog

Multi-Row Image Slider

3D Cards

Image Accordion

Comments

Calendar

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine