<p class="headings headings-small secondary-font font-weight-bold desc-block-title">Overview</p> <div class="primary-text regular-text text"><div>The most complete and advanced module to integrate the <strong>Google Tag Manager </strong>GTM script. Link your Prestashop store with Analytics and Adwords. Measure traffic, user activity, the impact of online advertising, ...</div></div> <p class="headings headings-small secondary-font font-weight-bold desc-block-title">Gallery</p>

Línea Gráfica

Google Tag Manager Integration - PRO

A rectangle button positioned in any corner of a webpage typically used for promotion and marketing purposes



Example 1

Example 2

Example 3

Example 4

Example 5

The triangle button widget comes available with the option to choose different positions for your button. There are four positions (for each of the four corners of the webpage).

Different Positions

The Corner Button widget comes with the option to add gentle “enlarging” animation on hover, which will make the button grow when users hover over it and be more noticeable and easy to click on.

Hover Animation

The triangle button widget will enable you to make the corner button stand out from the rest of the page by adding a little shadow to it.

Shadow Inclusion

The Corner Button widget comes with a variety of beautiful skins that you can choose from so you don’t have to spend much time on extensive customization.

Multiple Skins

The Corner Button widget comes with a selection of beautiful icons that you can use to add to the button and enrich its visual appearance.

A Selection of Beautiful Icons

The Corner Button widget features full customization options so you can edit the design to fit your needs. Change the colors, the fonts, the spacing, and anything else!

Fully Customizable

The Corner Button widget is fully responsive and will look great on any device. This feature will put you ahead of your competitors in a mobile-first world.

Perfectly Responsive

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

Easy To Use Corner Button Widget

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

Custom CSS

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

Easy To Embed 

The inclusion of the fully customizable triangle button will enable you to make it clearly visible to your visitors and pique their curiosity by implementing “loud” colors and hover animation.

Clear Visibility

The button makes it easier for your users to reach the designated page, thereby improving their navigation and enhancing their experience on your website.

Easy Navigation

The triangle button can be customized to improve the aesthetics of your website by choosing complementary colors and pleasing icons.

Improved Aesthetics

Corner Button

Boost Sales

Corner Button - Template 2

Corner Button - Template 8

Corner Button - Template 4

Corner Button - Template 1

Corner Button - Template 3

Display important messages and notifications in a designed bar, at the top or bottom of the screen

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

Customizable Display Rules

The Notification Bar widget comes with two position options — you can either show it at the top of the screen or at its bottom.

Top or Bottom Notification Bar

The Notification Bar widget features the “sticky” option, which can pin your notification bar and fix it to a position of your choosing. That way, when the user scrolls, down or up, they’ll still see the notification bar.

Sticky Feature Bar

You can add a button to the Notification Bar widget, and add a link to it to improve navigation, encourage action and improve conversions.

Add a Button to the Notification Bar

The Notification Bar widget comes with a selection of beautiful icons that you can use to add to the notification bar and enrich its visual appearance.

Show an Icon

To enable the process of customization quicker, you can choose one of the many button templates available.

Multiple Button Templates

The Notification Bar widget comes with a playful “shaking” button animation, with which you can draw attention to the button and encourage users to click on it.

Shaking Button Animation

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

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

Fully Customizable Widget

The Notification Bar 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 Notification Bar

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

Easy To Use Notification widget

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

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

Easy To Embed on your website

The Notification Bar widget lets you notify your site visitors of important information. Whether it’s about updates, changes in pricing or policy, or promotions and discounts — your site visitors will certainly notice it.

Notify Site Visitors

The Notification Bar widget comes with full customization options, a “sticky” feature as well as a “shaking” button animation, and further templates and skins — all of which will serve to draw the attention of your visitors to the message you are trying to convey.


Draw Attention

With the Notification Bar widget, you can easily tailor a message that will drive your users to action. The Notification Bar widget features the ability to add a button, link it, and make it extra visible with animation. Whether you want your users to sign up, purchase something, or perform another action, the widget will surely help you with that.

Encourage Action

Notification Bar

Popups, Bars & Buttons

notification bar 1

Enhance website engagement, collect leads, and elevate conversion rates.

The Floating Corner Coupon Pop-up provides an array of layout options. Such diversity ensures a seamless fit with various website styles. By selecting the ideal layout, you can preserve your website's unified visual appeal.

Multiple Layout selection

The Coupon Corner Pop-up showcases a collection of captivating themes. This assortment minimizes the need for extensive design adjustments. You can swiftly choose a theme that complements your website's ambiance.

Selection of Appealing Themes

The Corner Coupon  Pop-Up is equipped with intricate display rule settings. You can determine when or where the coupon should appear based on specific triggers, such as "on exit", "time delay", or "page scroll". This flexibility ensures that promotions are displayed at the most opportune moments for your visitors.

Customizable Coupon Display Preferences

With the Corner Coupon Pop-Up, it's not just about text. A curated collection of eye-catching icons is at your disposal to accentuate coupon details, enhancing the visual appeal and drawing more attention to your special offers.

Diverse Icon Choices for Coupons

Positioning is simplified with the Corner Coupon Pop-up. You have the freedom to showcase the coupon notification on the left, center, or right corner, ensuring a customized fit for different site layouts.

Select Coupon Placement

No coding expertise? No problem. The Coupon Popup widget boasts an intuitive dashboard with a drag-and-drop functionality, letting you shape the widget to your preferences effortlessly in a matter of clicks.

User-Friendly Corner Coupon Interface

The Corner Promo Code Pop-Up widget introduces a potent tool for accumulating leads: an email collection mechanism. Users input their email addresses to obtain the coupon, granting you a growing list for future marketing endeavors.

Efficient Lead Gathering

Boost the uniqueness of your Coupon Code Corner Pop-Up with an array of design choices. Several distinct coupon styles await your selection, adding another layer of customization to your promotional strategy.

Diverse Coupon Designs

The Corner  Coupon Pop-Up offers a variety of design customizations. You can adjust elements like colors, fonts, and spacing to ensure the coupon seamlessly aligns with your site's design. Every aspect of the coupon can be tweaked to fit your unique preferences.

Tailored Coupon Design Options

The Corner Coupon Pop-Up is meticulously designed to be fully responsive, ensuring a flawless appearance on any device. In our mobile-centric era, having this adaptability gives you an edge over the competition.

Optimized for All Devices

As with every app from Common Ninja, the Floating Coupon Corner Pop-Up grants you the freedom to inject custom CSS. This allows you to fine-tune its appearance and truly let your creativity shine.


Tailored Styling with Custom CSS

Incorporating the Coupon Corner Pop-Up on your website couldn't be simpler. Just embed it with a single line of code, and every update or change you make is automatically mirrored on your site, ensuring timely and accurate promotions.


Effortless Coupon Integration

By using the Coupon Corner Pop-Up, you can efficiently showcase special deals and promotions. This streamlined approach can potentially lead to an increase in sales and engagement.

Streamlined Promotion Management

The strategic corner placement ensures that visitors receive the promotional message without feeling bombarded. This delicate balance keeps the visitor experience pleasant while making sure promotions don't go unnoticed.

Maximized Engagement Without Overwhelm

By presenting coupons in the corner, the widget ensures optimal use of the website's real estate. This placement ensures that promotional content complements rather than competes with primary content.

Smart Space Utilization

Corner Coupon Pop-up

A flexible widget that visually tracks user scroll progress on any webpage

The Scroll Progress widget offers both a progress bar and a floating circle indicator, giving you flexibility in how you display scroll progress. The progress bar provides a clear, linear visual, while the floating circle offers a compact, modern alternative. You can use either option or combine both for a more dynamic user experience.

Dual Progress Indicators: Bar & Floating Circle

The Scroll Progress widget lets you adjust the progress bar’s position (top or bottom) and starting point (left or right) for complete flexibility. This allows you to seamlessly integrate it into your website’s layout. With these options, you can ensure the progress bar aligns perfectly with your design and user experience preferences.

Adjustable Progress Bar Placement

The Scroll Progress widget allows you to turn the progress indicator into a clickable button that jumps to the top or bottom of the page. This enhances navigation by giving users a quick way to move through long content. With this feature, browsing becomes more seamless and user-friendly.

Scroll Navigation with Actionable Indicator

Easily customize your Reading Progress Indicator with a selection of pre-designed skins. These ready-made styles help you achieve a professional look in seconds, saving you time on design adjustments.

Pre-Designed Reading Progress Indicator Skins

Modify every aspect of the Page Scroll Tracker, from colors and sizes to positioning and styles. With complete control over the design, you can ensure it aligns perfectly with your website’s aesthetics and branding.



Fully Customizable Page Scroll Tracker

The Scroll Bar Progress widget adapts seamlessly to all screen sizes, ensuring a smooth experience on desktops, tablets, and mobile devices. This guarantees that users can track their progress effortlessly, regardless of the device they’re using.



Responsive and Mobile-Friendly Scroll Bar Progress

Designed for simplicity, the Scroll Progress widget is easy to configure without any coding skills. With an intuitive interface, you can customize and implement the widget in just a few clicks.

Easy-to-Use, No Coding Required

For those who want extra control, the Page Scroll Tracker supports custom CSS. This feature allows developers and designers to fine-tune the widget’s appearance and functionality to match their unique requirements.

Custom CSS for Advanced Customization

Embedding the Reading Progress Indicator is quick and effortless, requiring just a single line of code. Any changes you make are automatically updated, ensuring your website always displays the latest version without manual adjustments.

Hassle-Free Embedding & Automatic Updates

The Scroll Progress widget provides a visual cue that encourages visitors to continue reading and exploring your content. By displaying real-time progress, it keeps users engaged and reduces bounce rates. This helps create a more interactive experience, leading to longer session durations on your site.

Enhance User Engagement with the Scroll Progress Widget

A Reading Progress Indicator gives users a clear understanding of how much content remains on a page. This reduces frustration, especially for long articles or blog posts, as users can manage their reading time efficiently. By setting clear expectations, you create a smoother and more enjoyable browsing experience.

Improve Readability with a Reading Progress Indicator

With a Scroll Progress widget, visitors are more likely to finish reading your content. Seeing a visual representation of progress encourages them to reach the end, boosting content consumption. This can lead to higher interaction rates, such as more shares, comments, or conversions.

Increase Completion Rates for Blog Posts and Articles

Scroll Progress

User Engagement

Website Components

New!

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.

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

A designed stylish button with text and an icon that usually used for marketing and promotion purposes

The widget comes available with a variety of button animations that you can choose from to customize how your button will look. You may provide your audience with an immersive and engaging experience by using the animation elements of the Marketing Button. 

Different Animations

The Marketing Button widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style. You can choose the layout that best fits your marketing objectives and target audience preferences because each one has been meticulously designed to achieve maximum visibility and engagement. You can quickly explore and test which style works best for your website with the ability to flip between layouts.

Multiple Marketing Button Layouts

The Marketing Button widget comes with a selection of beautiful skins that you can use to add to it and enrich its visual appearance. The widget offers skins that you can use to alter the button's style to fit the identity of your website. By using these options, you can quickly and easily construct a marketing button that matches the general style of your website and has a professional appearance without having to spend hours designing it from scratch.

Marketing Button Multiple Skins

You can set the Marketing Button to display on your webpage or position it as a floating button at one of the page corners. With a well-placed Marketing Button, you can easily grab the attention of visitors and guide them toward taking desired actions, such as signing up for a newsletter or making a purchase.

Floating Button

You can fully customize the Marketing Button so that it meets your demands by changing the design. Customize anything you want, including the fonts, spacing, and colors! In order to create a unified and polished appearance, you may also select from a variety of font choices and modify the font's size, style, and color. You can alter the spacing in addition to these style choices to make sure it blends in with the rest of your website's design.

Each website can benefit from the Marketing Button. It has a clean and contemporary style that will improve the overall appearance of your site in addition to being fully responsive, which means it will shift fluidly to fit the screen size of any device. Having a website that is optimized for mobile viewing is essential in a world where more and more people are accessing the internet through their phones and tablets. The Marketing Button will allow you to do just that, providing you an edge over the competition.

No coding expertise is necessary to use the Marketing Button. With only a few mouse clicks, you can modify the widget however you wish using our user-friendly interface. This implies that even individuals without coding knowledge may quickly and simply build a button with a professional appearance that connects with their website, enhancing their online presence and audience engagement.

You have total control over how the Marketing Button appears thanks to our robust advanced editor. This feature makes it simple to change the widget's appearance in every way, from the layout and positioning to the colors and fonts. Yet, if you're feeling extremely inventive, you can enhance your customization by making changes straight to the CSS. This enables you to customize the widget even more by making more sophisticated changes. Our powerful editor will help you whether you want to make a few minor adjustments or go all out with complex changes.

Simply copy and paste a code snippet into the HTML of your webpage to integrate the marketing button on your website. It is also self-updating, so any modifications you make to the Marketing Button Editor will be automatically reflected on your website without the need for any further manual updates.

With a well-designed marketing button that stands out, you can encourage users to take action and increase conversions on your website, as users will be more inclined to engage with your content. In addition to drawing users' attention, a good marketing button conveys a captivating message that persuades them to click and complete the intended action, such as downloading a resource, subscribing to a newsletter, or buying something.

Increase Conversions with the Marketing Button

The widget enables you to place a marketing button in a prominent location on your website, which can improve the user experience by making it easy for users to find it and click on it. The widget further improves user experience by providing an easy-to-use design that makes it simple for consumers to engage with the marketing button and complete the desired activity.

Improve User Experience

With the Marketing Button, you can improve the navigation on your website, and make it easier for your users to reach the desired page quicker. Strategically positioned marketing buttons on your website can direct visitors to particular pages or actions, making it simpler for them to locate what they're looking for and raising the likelihood of a successful transaction.

Use a Marketing Button to Enhance Navigation

Marketing Button

The Back to Top Button widget comes with an option to change the position of the button (right, left, center), which will allow you to customize it to fit your specific needs. This flexibility ensures that the button blends seamlessly with the overall design of your website, making it an essential tool for improving user experience and navigation.

Easy Button Position Change

The Back to Top Button widget features different arrow icons you can choose from. Simply select the one that will complement your website’s design. This customization option provides the flexibility to match the button to your website’s aesthetic, creating a seamless and visually appealing user interface.

Different Icon Types

The Back to Top Button widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style. With this versatility in design options, you can seamlessly integrate your brand's aesthetic into your website while maintaining a polished look.

Back to The Top button Multiple Layouts

The Back to Top Button widget comes with a variety of beautiful skins that you can choose from so you don’t have to spend much time on extensive customization. And even if you decide to customize the widget further, its user-friendly interface makes it easy for you to personalize it to match your website's unique style and aesthetic.



Multiple Skins for the Back to Top button

The Back to Top Button widget is designed to be fully customizable, allowing you to adjust the design to match the look and feel of your website. With various customization options at your fingertips, you can easily change the colors, fonts, spacing, and other elements to create a button that fits seamlessly into your website design. Whether you're looking to match your brand colors, create a unique look, or personalize your website, the Back to Top Button widget provides you with all the tools you need to get the job done. Additionally, with the ability to preview your changes in real time, you can easily experiment with different styles and design elements until you find the perfect combination that fits your needs and enhances the user experience on your website.

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

Perfectly Responsive Widget

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

Easy To Use Widget

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

Google Tag Manager Integration - PRO

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

Corner Button

Notification Bar

Corner Coupon Pop-up

Scroll Progress

Lottie Player

Marketing Button

Back to Top Button

App Store Reviews

Email Subscription Form

Bluesky Feed Carousel

Pricing Tables

RSVP Form

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Google Tag Manager Integration - PRO

PrestaShop module

App Details

Pricing

Check Out the Corner Button Widget

App Info

Some of the best Common Ninja modules for PrestaShop

Corner Button

Notification Bar

Corner Coupon Pop-up

Scroll Progress

Lottie Player

Marketing Button

Back to Top Button

App Store Reviews

Email Subscription Form

Bluesky Feed Carousel

Pricing Tables

RSVP Form

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine