<p class="headings headings-small secondary-font font-weight-bold desc-block-title">Overview</p> <div class="primary-text regular-text text"><div>ALL Google Analytics GA4 with &quot;Enhanced Ecommerce&quot; reports and get a better analysis for better decisions. this module for Google Analytics GA4. the Google specialist! module developer.</div></div> <p class="headings headings-small secondary-font font-weight-bold desc-block-title">Gallery</p>

Community developer

Google Analytics and Universal Analytics - GA4

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

Example 1

Example 2

Example 3

Example 4

Example 5

The Before & After Slider widget features the option to create horizontal or vertical sliders, enabling you to unleash the full power of your creativity. With the option to create either horizontal or vertical sliders, you'll have the flexibility to tailor your sliders to fit the needs of your project whether you're a designer, photographer, or business owner, the Before & After Slider widget is the perfect tool to help you showcase your work uniquely and engagingly.

Horizontal & Vertical Slider Direction

With the Before & After Slider widget, you can create as many sliders as you desire, giving you the ability to tell a complete visual story that is tailored to your needs whether you want to showcase the progression of a construction project, the transformation of a home renovation, or the change in the appearance of a person or animal over time.

Multiple Sliders

The Before & After Slider 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 also customize the spacing of the widget to ensure it fits seamlessly into your website layout.

Fully Customizable

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

Perfectly Responsive Before & After

The Before & After Slider 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 Before & After 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.

Before & After Custom CSS

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

Easy To Embed Before & after

You have the ability to adjust the positioning of the labels on the Before and After Slider widget. This allows you to customize the location of the labels to fit best the design and layout of your website or application.

Label's Position

Regardless of whether your image is in the landscape, portrait, or square format, you have the ability to define the image ratio for optimal display.

Image Ratio

With the Before & After Slider, you can increase engagement on your website by offering an interactive feature for your users to interact with. More engagement increases interest and, subsequently, improves the decision-making process that will convert curious visitors into paying customers.

Increased Engagement Through Interaction

With the Before & After Slider widget you can convey a compelling story by using the right images. Demonstrate the changes global warming has on nature, show the powerful transformations of people, present interesting item restoration results and much more!

Compelling Visual Storytelling 

The Before & After Slider allows you to showcase the benefits of your product or service in the most effective way — visual, side-by-side comparison. Show how you’ve restored a mouthful of crooked teeth, or how your product has cleaned the same item, only better, or how you’ve restored a decrepit house into a glorious abode — the options are limitless!

Effective Showcase Presentation

Before & After Slider

Website Components

Images & Galleries

Our Code Snippets Widget offers a diverse selection of visually appealing themes to match your preferred coding environment. Choose from a range of stylish themes, including dark and light modes, or even create your custom theme. Tailor your code presentation to your liking and create an immersive coding experience that reflects your unique style and preferences.

Beautiful Code Themes

With our Code Snippets Widget, you can showcase multiple code snippets in a clean and organized manner. Effortlessly toggle between snippets using intuitive tabs or present them in a list layout for easy comparison.

Multiple Code Snippets

Our Code Snippets Widget comes equipped with a powerful AI code assistant to supercharge your development process. Get intelligent code suggestions and context-aware recommendations, enhancing your productivity.

AI Code Assistant

Our Code Snippets Widget comes equipped with built-in formatting options to ensure clean and consistent code presentation.

Formatting Options

The Code Snippets Widget incorporates advanced syntax highlighting, making your code visually distinct and easier to read. 

Syntax Highlighting

Our Code Snippets Widget supports various file extension types and displays the corresponding file icon for each extension.

File Extension Support

The Code Snippets 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

With the Code Snippets 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 Code Snippets 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 Code Snippets 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 Code Snippets widget will allow you to do just that, giving you an edge over competitors.

Perfectly Responsive

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Code Snippets 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 Code Snippets 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 Code Snippets Editor will be reflected automatically on your website without the need for any additional manual updates.

Easy to Embed

For developers, students, and enthusiasts, our Code Snippets Widget enhances visual learning by presenting code samples with syntax highlighting and line numbering. Ignite passion for coding and create an engaging learning experience that sets you apart.

Empower Visual Learning

Enrich your technical content without sacrificing clarity. Embed code snippets seamlessly, enhancing explanations and making them easy to follow. Perfect for programming concepts and real-world examples.

Streamline Code Presentation

The Code Snippets Widget showcases your programming expertise with visually appealing displays. Share multiple code snippets, captivate your audience with interactive showcases.

Implement Code Showcases

Code Snippets

Get Creative

Embed player for Lottie files to add customizable animations

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.

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

Media

Showcases quotes in a rotating or sliding manner

The Quotes Carousel widget comes with the option to change the carousel’s sizes — from small, to large, vertical, or horizontal, you make the widget fit your specific needs.
This flexibility allows you to showcase quotes in various ways, depending on the layout and design of your website. Whether you want to highlight a single quote or display multiple quotes at once, the Quotes Carousel widget can accommodate your needs. With the ability to customize the size, the Quotes Carousel widget gives you complete control over how you present quotes on your website.

Carousel Size

With the option to change the arrow types of the Quotes Carousel slider, and the pagination icons below, you can further customize the widget and make it fit your design requirements.

Quotes Carousel Arrows & Pagination

The Quotes Carousel widget comes with the options to control the speed at which the quotes slide, and how much time should be spent on the quote. You can use these options to tailor your user’s experience.

Slider Speed & Time Per Slide

The Quotes Carousel widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style.
This allows you to create a cohesive look and feel across your website by matching the Quotes Carousel widget's design with the rest of the elements on your website.

Multiple Layouts

The Quotes Carousel widget comes with the option to choose from three types of quote displays — with quote marks, highlighted, or standard.
This feature allows you to present quotes in a way that best suits your website's design and the type of quotes you're featuring. With these different display options, the Quotes Carousel widget allows you to present quotes in a way that is most effective and impactful for your audience and to provide a unique visual experience for your visitors, and make your website stand out.

Multiple Quotes Types

You can choose from a large selection of premade skins to kick-start your design process.
This feature saves you time and effort by providing a variety of ready-made skins that you can use as a starting point for your design. The premade skins have been carefully crafted to suit different website styles and themes, and you can easily customize them to match your brand's colors, fonts, and overall aesthetic. This way, you don't have to start from scratch when designing your Quotes Carousel widget; you can pick a skin closest to your desired design and make minor adjustments to make it perfect for your website. Furthermore, having a variety of premade skins also means that you have a more comprehensive range of options to choose from, ensuring that you'll find one perfect for your website.

Multiple Quotes Carousel Skins

The Quotes Carousel 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!
This gives you complete control over the widget's appearance, ensuring that it perfectly matches the design of your website. With the ability to customize all aspects of the Quotes Carousel widget, you can make it stand out or blend seamlessly with the rest of your website. Furthermore, the customization options allow you to create a unique and personalized experience for your visitors. You can also use it to match your brand's visual identity, making it consistent across all website pages. In addition to design, you can customize other features such as the transition effects, the layouts, and the quote displays. All in all, the Quotes Carousel widget provides a wide range of customization options, giving you the freedom to create a truly unique and engaging experience for your visitors.

Fully Customizable Quotes Carousel Widget

The Quotes Carousel 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. With more and more people accessing the internet through their smartphones and tablets, your website must be optimized for mobile devices.

Perfectly Responsive Quotes Carousel widget

The Quotes Carousel 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, the Quotes Carousel widget also provides the option to add custom CSS, which allows you to take your customization to the next level and be even more creative. Custom CSS will enable you to create custom styles and design elements that are unavailable through built-in customization options.

Embedding the Quotes Carousel widget on your website is easy, simply copy a single line of code, and paste it into the HTML of your webpage. This allows you to quickly and easily add the widget to your website without any complicated setup or installation process. Once the widget is embedded, it will automatically update with every change you make, so you don't have to worry about manually updating the Quotes widget every time you make a change. This feature can save you a lot of time and effort and ensure that your Quotes Carousel is always up-to-date and accurate.

Easy To Embed Quotes Carousel

With the Quotes Carousel widget, you can enhance your website’s design by displaying powerful quotes. With the ability to change the carousel’s size, and the slider’s options, you will be able to create a quotes carousel that is perfect for your website.
With the Quotes Carousel widget, you can add a dynamic and engaging element to your website that will leave a lasting impression on your visitors.

Use Quotes Carousel to Enhance Design

A major benefit of the Quotes Carousel is that it doesn’t take up much space. Unlike galleries, cards, and other forms that take up a lot of space, the Quotes Carousel can show as many quotes as you want, from within a fixed position, and in an interactive manner. Additionally, you can create different carousels for different categories, and avoid building unnecessary pages for different categories.

Save Space On your Website

The Quotes Carousel widget is a perfect way to grab visitors' attention and encourage them to interact with your website.
Not only does it add visual appeal to your website, but it also allows you to showcase meaningful and inspiring quotes that can resonate with your visitors. You can use quotes from famous figures, industry leaders, or even customers to connect with your audience on a deeper level. 

Increased Engagement

Quotes Carousel

Showcase YouTube videos in a customizable, responsive slider that auto-updates and enhances user engagement.

Add dynamic hover effects to your slider, highlighting videos as visitors navigate through the slider. This feature enhances engagement and draws attention to your content.


Interactive Hover Effects

Personalize the YouTube Slider by adjusting colors, fonts, layouts, and more to fit your website's branding and style seamlessly.

Fully Customizable Design Options

The widget automatically adjusts to any screen size, ensuring your YouTube videos are displayed beautifully on desktops, tablets, and smartphones.

Fully Responsive Across Devices

The YouTube Slider Widget syncs with your YouTube channel, automatically displaying your latest videos, so your site always has fresh content.

Auto-Updating Video Content

Allow visitors to interact with the slider by clicking on videos to play them directly. This feature boosts engagement and connects users with your YouTube channel.

Interactive Clickable Videos

No coding is required to set up the YouTube Slider Widget. Its intuitive design ensures quick installation and effortless customization.

Easy and Intuitive Setup

For developers and designers, the widget supports custom CSS, enabling detailed customization of its appearance and functionality.

Advanced Customization with Custom CSS

Embed the YouTube Slider Widget on any website with just one line of code. It works with all major platforms for easy integration.

Seamless Embedding on Any Platform

The YouTube Slider Widget displays your YouTube videos in an engaging scrolling slider, creating a modern and visually appealing way to showcase content.

Present YouTube Videos in a Dynamic Scrolling Format

The widget automatically syncs with your YouTube channel, ensuring the latest videos are displayed on your website without any manual updates.

Effortlessly Keep Your Content Up-to-Date

An interactive slider encourages visitors to engage with your YouTube videos directly on your website, increasing time spent on your site and driving interaction.

Boost User Engagement with Interactive Features

YouTube Slider

Social Feeds

New!

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

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

Multiple Icons

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

Toggle Time On or Off

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

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

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

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

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

Easy To Embed 

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

Offer Support & Helpful Information with a Messenger Chat

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

Speed up the Decision-Making Process

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

Google Analytics and Universal Analytics - GA4

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

Scratch Card

Before & After Slider

Code Snippets

Lottie Player

Quotes Carousel

YouTube Slider

Messenger Chat

Skill Flip Cards

TikTok Slider

Email Subscription Form

AdBlocker Detector

Agenda

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Google Analytics and Universal Analytics - GA4

PrestaShop module

App Details

Pricing

Check Out the Scratch Card Widget

App Info

Some of the best Common Ninja modules for PrestaShop

Scratch Card

Before & After Slider

Code Snippets

Lottie Player

Quotes Carousel

YouTube Slider

Messenger Chat

Skill Flip Cards

TikTok Slider

Email Subscription Form

AdBlocker Detector

Agenda

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine