<p class="headings headings-small secondary-font font-weight-bold desc-block-title">Overview</p> <div class="primary-text regular-text text"><div>A utility to calculate order quantity in terms of dimension, namely, length, perimeter, surface (area), volume or weight units.</div></div> <p class="headings headings-small secondary-font font-weight-bold desc-block-title">Gallery</p>

Community developer

Price by Surface / Volume / Length / Perimeter / Weight

A Stripe Button that launches a secure checkout form through Stripe, allowing customers to complete payments quickly and confidently.

The Stripe Button is built to connect directly with Stripe’s secure payment infrastructure, giving you a reliable way to process online transactions on your website. This integration fits smoothly into existing ecommerce or checkout workflows while offering customers a trusted and professional payment experience.

Accept Payments Seamlessly with the Stripe Button

The Stripe Button supports optional email notifications and webhook integrations so you can monitor payments in real time. Alerts can be enabled for both site owners and customers, helping you confirm completed purchases, track sales activity, and stay updated without manual follow up.

Stay Informed with Transaction Alerts and Webhook Connections

With the Stripe Button, you can access a full list of transactions directly from your dashboard. Payment history can also be exported as a CSV file, making it easier to manage reporting, analyze results, or share records with finance and accounting tools.

View Payment Activity and Export Records Anytime

The Stripe Button allows you to include additional charges such as taxes or shipping costs to ensure customers see the correct final amount before paying. This is especially valuable for physical products or region based pricing needs, supporting transparency throughout the checkout process.

Add Taxes and Shipping Fees for Accurate Checkout Totals

The Stripe Button lets you show personalized messages after a successful transaction. You can confirm payment completion, thank customers for their purchase, or provide next step instructions. These messages improve trust and create a more professional post payment experience.

Display Custom Confirmation Messages After Stripe Payments

The Stripe Button comes with a collection of pre designed skins, making it easy to choose a style that matches your website right away. These professional layouts save customization time while giving your checkout experience a cleaner, more trustworthy appearance that can help more visitors complete their purchase.

Apply a Ready Made Look for Your Stripe Button

The Stripe Button gives you complete flexibility over its design so it fits seamlessly into your website. You can change colors, fonts, spacing, and layout elements to align with your branding. A consistent look builds customer confidence during checkout and creates a more polished and professional payment experience.

Fully Customize the Stripe Button to Match Your Brand

The Stripe Button automatically adjusts to desktop, tablet, and mobile devices, ensuring a smooth payment experience across all screen sizes. In a mobile focused world, responsive checkout helps customers complete purchases faster, reduces drop off, and supports higher conversions wherever users shop.

Responsive Stripe Button for Seamless Checkout on Every Screen

In addition to built in styling options, the Stripe Button supports custom CSS for more precise visual control. You can fine tune spacing, typography, animations, and interface details to ensure the button blends perfectly with your website’s design system and branding.

Advanced Design Flexibility with Custom CSS for the Stripe Button

Adding the Stripe Button to your website is fast and hassle free. Simply copy one embed code and paste it into your site. Any changes you make later in the dashboard update automatically, ensuring your payment button stays current without repeated setup or manual edits.

Embed the Stripe Button on Any Website in Seconds

A Stripe Button allows customers to complete a purchase quickly without leaving your website. By offering a direct and secure payment step, you reduce friction in the buying process and help visitors take action immediately. Adding a Stripe Button improves checkout efficiency and supports faster one time transactions.

Streamline Payments on Your Website with a Stripe Button

A Stripe Button shortens the path between intent and payment, helping prevent customers from dropping off during multi step checkout flows. With a trusted payment method available instantly, visitors feel more confident completing their purchase. This can lead to higher conversions and more consistent revenue growth.

Boost Sales by Reducing Checkout Abandonment

Using a Stripe Button enhances the customer journey by making online payments straightforward and reliable. Shoppers can pay in just a few clicks without navigating complex forms or extra pages. A simple, secure payment button improves satisfaction while encouraging repeat purchases and engagement.

Create a Smooth and Secure Payment Experience

Use the Stripe Button when you want to collect payments for one time products, services, sessions, or fixed price packages without building a full online store. Instead of managing a complex ecommerce setup, you can place a button that launches a secure checkout form through Stripe or PayPal. This is ideal for single purchases, consulting calls, digital downloads, or simple contribution style payments with set amounts. Embed the Stripe Button on landing pages, sales pages, or directly next to the offer description so customers can complete payment immediately. For creators and small businesses, this provides a faster and easier alternative to traditional cart based checkout systems.

Strip Button

Website Components

Present a carousel display featuring creative banners items

Example 1

Example 2

Example 3

Example 4

Example 5

The Creative Card Carousel widget comes with the option to change the carousel’s cards sizes — from small, to large, vertical, or horizontal, you make the widget fit your specific needs.

Card Size

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

Arrows & Pagination

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

Slider Speed & Time Per Slide

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

Multiple Layouts

The widget comes with a variety of pre-made skins you can choose from to speed up your work.

Multiple Skins

The Creative Card 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!

Fully Customizable

The Creative Card 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.

Perfectly Responsive

The Creative Card 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

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

Custom CSS

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

Easy To Embed

With the Creative Card Carousel widget, you can enhance your website’s design by selecting beautiful cards, and with the ability to change their sizes, and the slider’s options, you will be able to create a Creative Card Carousel that is perfect for your website.

Enhance Design with Creative Card Carousel

A major benefit of the Creative Card Carousel is that it doesn’t take up much space. Unlike Card grids that take up a lot of space, the Creative Card Carousel can show as many banners 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 additional pages for different categories.

Save Space on your webpage

The Creative Card Carousel widget is a perfect way to grab the attention of visitors and encourage them to interact with your website, and with the CTA button, you can improve your conversion rates.

Increased Engagement & Conversions

Use the Creative Card Carousel widget when you have several announcements or promotions that deserve strong visual treatment. Each banner can highlight a different campaign, discount, launch, or content piece with bold imagery and clear copy. Instead of showing only one hero at a time or stacking many large sections, you rotate them in a single, eye catching area. This keeps your message focused while still giving room for seasonal offers and experiments. It performs well on store homepages, marketing landing pages, and hubs where you run frequent campaigns. By pairing banners with clear calls to action, you create a dynamic, conversion oriented marketing strip.

Creative Card Carousel

Lists & Cards

Detects ad blockers on websites, enhancing ad revenue security.

Choose from a range of beautifully crafted skins for the AdBlocker Detector widget to match your brand and website's look. This feature greatly reduces the time and effort needed for customization while enhancing your site's visual appeal. Whether your website sports a contemporary, minimalist, or traditional design, there's a perfect skin to align with it, ensuring a consistent and attractive user interface.

Multiple AdBlocker Detector Design Skins

Improve your interaction with users who have ad blockers enabled by employing a personalized message accompanied by your choice of icons or images. This feature of the AdBlocker Detector allows you to create a visually engaging alert, informing users that their ad blocker is detected. You have the option to select from a range of icons or upload your own image, crafting a unique and attention-grabbing notification on your website.

Enhance Alert with Icons or Images

When the AdBlocker Detector identifies a visitor using an ad blocker, it presents a customized message. This message can be a polite reminder or an informative alert, informing users about the impact of ad blockers on your site. Utilize this feature to communicate the importance of advertising in supporting your content, while maintaining a professional and consistent tone across your site. This not only educates visitors about the effects of ad blocking but also underscores the value of your content and encourages more responsible web-behavior.

Tailored Message content for Ad Blocker Detection

The AdBlocker Detector widget is engineered to identify a wide range of ad blockers used by visitors. This feature ensures that your website is equipped to detect and respond to numerous ad-blocking tools, from the most common to more niche varieties. The ability to recognize multiple ad blockers is crucial in effectively managing how ad blocking impacts your site's revenue and user experience, ensuring that you have comprehensive insights and control over the advertising display and engagement on your website.

Robust Detection of Various Ad Blockers

The AdBlocker Detector includes a handy refresh button feature. This button becomes visible to users once they have disabled their ad blocker, assisting them in easily refreshing the page. The addition of this refresh button streamlines the process for users, enabling them to immediately see your content without ad block interference. It's a user-friendly approach that simplifies the user's action to comply with your request, enhancing the overall experience on your website and encouraging compliance with your ad-display policies.

Convenient Refresh Button Post Ad Blocker Disabling

With extensive customization options, the AdBlocker Detector can be tailored to your specific design preferences. Adjust colors, fonts, spacing, and more to fit the unique aesthetic of your site. This level of customization provides unparalleled flexibility, allowing you to create an AdBlocker Detector that is not only effective but also uniquely yours.

Fully Customizable AdBlocker Detector Widget

The AdBlocker Detector is designed to display elegantly across all devices. Its responsive design is essential in today's mobile-centric world, ensuring a consistent user experience whether on a desktop, tablet, or smartphone.

Perfectly Responsive AdBlocker Detector widget

This widget is crafted for ease of use, requiring no coding skills for customization. Its intuitive interface simplifies the customization process, allowing for quick and easy adjustments. This accessibility makes the AdBlocker Detector an ideal choice for website owners of all technical backgrounds.

Easy to use AdBlocker Detector widget

For those who desire even more creative control, the AdBlocker Detector offers the option to add custom CSS. This feature caters to developers and designers looking to apply a unique touch, enabling deeper customization to match the specific style and interaction needs of your website.

Enhanced Creativity with Custom CSS in AdBlocker Detector

Embedding the AdBlocker Detector on your website is straightforward, involving just a single line of code. This ease of integration, combined with automatic updates, simplifies maintenance and ensures your website always displays the most current version of the widget without additional effort.


Effortless Embedding of the AdBlocker Detector

The Adblock Detector widget plays a crucial role in safeguarding your digital advertising revenue. By identifying visitors using ad blockers, it enables you to take appropriate actions, such as requesting users to whitelist your site. This proactive approach helps maintain the flow of ad revenue, which is essential for the financial sustainability of many websites.

Enhanced Revenue Protection with Adblock Detector

By addressing the impact of ad blockers, the Adblock Detector can positively influence key website performance metrics. Understanding and managing ad-block usage helps in maintaining healthy traffic levels and engagement rates, crucial factors in the overall performance and ranking of your website.

Boost in Website Performance Metrics

The Adblock Detector aids in protecting the value of your content. By identifying users who bypass ads, you can ensure that the effort and resources put into creating content are adequately compensated through advertising revenue, keeping the content accessible and sustainable.

Protection of Content Value

Use the AdBlocker Detector widget when part of your business relies on advertising and you need visibility into how many visitors are blocking ads. The widget can display a gentle message that explains why ads matter for your work and invites users to whitelist your site or consider other support options. This is important for publishers, blogs, and free tools that depend on ad revenue. Without detection, you fly blind and might misread analytics data. With it, you can adjust strategies, test alternative monetization, or simply communicate more openly. Done respectfully, this can improve sustainability without alienating your audience.

AdBlocker Detector

Popups, Bars & Buttons

Displays varying prices based on selected item quantities.

With the Pricing Slider, you can effortlessly input specific details tailored to your offerings. Easily define the item names, set the cost per unit, and select the appropriate currency, ensuring the widget aligns with your business's exact requirements.

Adjustable Pricing Information

The Pricing Slider allows for a straightforward discounting approach. Simply input a fixed percentage off, and designate the minimum quantity required for the discount to activate. This ensures customers are rewarded when purchasing in larger quantities.

Use Linear Discount

Diversify your discounting strategy with the Pricing Slider. You can establish multiple discount tiers, assigning specific percentages to particular quantity ranges. This provides flexibility in incentivizing bulk purchases and can cater to varied purchasing behaviors.

Set Intervals Discount

The Pricing Slider goes beyond mere numbers; it offers a narrative. Utilize variables to generate a description that adjusts in real-time based on the slider's position. As users modify the quantity, the description seamlessly updates, providing them with a comprehensive understanding of the price, discount, and items involved. This enhances clarity and ensures users are always informed of their selections.

Dynamic Contextual Descriptions

The Pricing Slider enhances user clarity with a tooltip that appears above the slider, detailing the precise item count. Integrate a prefix or suffix to this tooltip, providing context and clarity to the displayed number, ensuring users always grasp the quantity's significance.

Interactive Slider Tooltip

Explore the array of skins with the Pricing Slider Widget. A variety of styles are at your fingertips, allowing swift customization. Seamlessly align the Pricing Slider's aesthetic with your website for a harmonious look and feel.

Elegant Skins Selection

Dive deep into customization with the Pricing Slider Widget. Whether it's adjusting color tones, fonts, or spacing, the widget is crafted to blend with your site. Ensure the Pricing Slider perfectly mirrors your website's ambiance.

Full Customization

The Pricing Slider Widget is crafted for today's diverse device landscape. It adapts gracefully from desktop to mobile, promising a stellar viewing experience. With the Pricing Slider, your site remains modern and user-centric across all devices.

Optimal Responsive Design

The Pricing Slider Widget prioritizes ease of use. No coding knowledge? No problem. Its intuitive drag-and-drop feature ensures any user can customize the Pricing Slider effortlessly.

Easy to use

The Pricing Slider Widget supports custom CSS, enhancing its adaptability. Harness this feature to further mold its appearance. Let your creativity flow and make the Pricing Slider uniquely yours.

Enhanced with Custom CSS

Integrating the Pricing Slider Widget into your website is straightforward. Simply use the provided code for swift incorporation. As you tweak the Pricing Slider, your website will automatically reflect those changes, ensuring visitors always see the most updated version.

The Pricing Slider offers a straightforward view of various price points. This clarity helps website visitors understand cost structures quickly. Making informed choices becomes easier with a clear presentation of prices.

Clear Price Visualization

Interactive widgets like the Pricing Slider can engage users more effectively. By offering a hands-on pricing tool, visitors are likely to spend more time exploring your offerings.

Enhanced Site Interaction

Interactivity can impact decision-making. The Pricing Slider's simple design can lead visitors to make quicker purchase decisions. With such clarity, enhancing your website's conversion rate becomes more feasible.

Improved Conversion Potential

Use the Pricing Slider widget when your price changes based on quantity, usage, or tiers and you want visitors to experiment with options interactively. A slider lets users move through ranges and immediately see updated costs, which is more intuitive than static tables for some models. This is ideal for volume based SaaS, bulk orders, credits, or metered services. Visitors can discover the price that fits their situation without guessing or contacting sales. The interaction itself also teaches them how your model works. Clear, responsive pricing builds trust and supports more confident purchase decisions before they ever speak with your team.

Pricing Slider

Boost Sales

Display the latest posts from your Linkedin page

You can add a sense of movement to your Linkedin feed pages by using the "ticker" animation, which mimics a news ticker. You can use it to grab the user's attention immediately.

Ticker Animation

You can further customize the Linkedin Feed widget by displaying the time and date of the feeds.

Date & Time Display Settings

With the "auto-refresh" option toggled on, the Linkedin Feed widget automatically updates the feed with new messages.

Refresh Feed automatically

The Linkedin Feed widget offers two feed types: Tabs and Mixed. Tabs are arranged based on feed order, while Mixed feeds are mixed together to create a diversified feed.

Multiple Feed Types

Customize the length of the characters in the Linkedin Feed widget to make it more compact.

Customize Character Display Length

In order to make sure the Linkedin Feed widget fits your overall design and style, it comes with multiple layout options.

Various Linkedin Feed Layouts

A variety of gorgeous skins are available for the Linkedin Feed widget, so customizing it isn't difficult.

Stunning Skins

The Linkedin Feed widget provides full RTL support for those who write from right to left. It will be easier for your news to be accessed by more people around the world.

RTL Supported

The Linkedin Feed widget allows you to customize the design to meet your needs. There are a lot of options for changing the colors, fonts, and spacing!

Totally Customizable

Any device will be able to use this Linkedin Feed widget. This feature will give you an edge over your competitors in a mobile-centric world. 

The Linkedin Feed widget is easy to install and requires no coding knowledge. Customize the widget in any way you like with our drag-and-drop dashboard.

Simple To Use Linkedin Feed Widget 

The Linkedin Feed widget and all of Common Ninja's widgets can be customized with CSS.

Simply copy and paste the code into your website to embed the widget. Whenever you make a change to your Linkedin Feed, the widget will automatically update.

Simple to Embed

Displaying a LinkedIn feed on a website helps showcase the user's professional expertise, skills, and accomplishments. This can establish credibility, build trust among site visitors, and potentially lead to increased business opportunities or collaborations.

Increase Professional Credibility

By showcasing LinkedIn content on a website, users can promote their LinkedIn presence and encourage site visitors to connect or follow their professional journey. This can lead to an expanded network of connections and prospects, ultimately benefiting the user's professional growth and brand.

Network Expansion

A LinkedIn feed on a website can simplify content management by automating the process of sharing updates and information across platforms. This saves time and effort for the user, ensuring that their website stays current with their LinkedIn activity and further enhancing the site's value for its visitors.

Streamlined Content Sharing

Use the Linkedin Feed widget when professional reputation and thought leadership are part of your value. Many buyers check Linkedin to see what a company or founder shares before they decide to engage. By embedding your latest posts directly on your site, you show that you are active, up to date, and connected to your industry. This works especially well on about pages, career pages, and B2B service sites. Visitors can see insights, news, and culture in context without leaving your domain. Over time, this builds trust and shows that your claims are backed by ongoing public activity, not just static marketing copy.

Linkedin Feed

Social Feeds

The AI Chatbot provides automated, customizable chat support to enhance user engagement on your website.

The AI Chatbot allows you to define its knowledge base by scanning and integrating content from your website. You can choose to include the entire website, specific sections, or just a single page, ensuring the chatbot provides accurate and relevant responses. This flexibility helps tailor interactions to your business needs, making customer support more efficient and informative.

Full Website as a Knowledge Source

The AI-Powered Chat allows you to enhance its knowledge base by uploading files such as PDFs, Word documents, and other formats. This ensures the chatbot can provide detailed and accurate responses based on official resources. By integrating structured documents, your Virtual Assistant becomes more reliable and efficient in answering user inquiries.

Upload Files to the Knowledge Base

The AI-Powered Chat can automatically extract information from your website’s FAQs and custom text blocks, ensuring users get fast and accurate responses. This feature allows you to optimize your chatbot’s knowledge base without additional manual effort. By utilizing existing content, your Automated Chat Support becomes more efficient and reliable in handling user inquiries.

Build a Smarter Chatbot with FAQs and Text Blocks

The AI Chatbot enhances user interactions by automatically displaying product cards and images when referencing a product or service. This feature makes responses more visually engaging and informative, helping users quickly understand key details. By integrating images and structured product information, your Virtual Assistant improves the customer experience and boosts conversions.

Enrich Responses with Product Cards and Images

The AI-Powered Chat lets you tailor its communication style to match your brand’s personality. Choose from options like Professional, Friendly, Witty, Empathetic, Casual, Technical, Persuasive, or Quirky to ensure the chatbot aligns with your audience. This flexibility helps create a more engaging and personalized user experience.

Customize the Chatbot’s Tone of Voice

The Automated Chat Support can send proactive messages to keep users engaged and improve interaction. You can set custom automatic messages to appear after a specific time, ensuring visitors receive timely assistance. This feature helps reduce drop-offs and encourages users to continue their journey on your site.

Engage Users with Automated Messages

The AI Chatbot ensures a smooth user experience by providing a Dead-End Message when it can't answer a question. Instead of leaving users without support, it allows you to add a custom message along with helpful link for further assistance. This feature keeps visitors engaged and directs them to the right resources when the chatbot reaches its limit.

Guide Users with a Dead-End Message

The AI Chatbot allows you to set predefined message suggestions to help users start conversations quickly. These ready-made prompts provide instant guidance, making it easier for visitors to find the information they need. By streamlining interactions, your Automated Chat Support improves engagement and reduces response time.

Guide Users with Predefined Suggestions

The Virtual Assistant comes with multiple pre-designed skins, making it easy to match the chatbot’s look to your brand’s style. These skins save time on customization while ensuring a polished and professional appearance. Whether your site has a modern, minimalist, or bold design, there’s a skin to complement it perfectly.

Choose from Various Virtual Assistant Design Skins

With extensive customization options, the Automated Chat Support allows you to adjust colors, fonts, spacing, and more to align with your brand. You can tailor every detail to create a chatbot that feels like a natural part of your website. This level of flexibility ensures both aesthetic consistency and functional efficiency.

Fully Customizable Automated Chat Support

The AI-Powered Chat is fully responsive, ensuring a seamless experience across all devices, including desktops, tablets, and smartphones. This guarantees users can engage with the chatbot without issues, no matter how they access your website. A responsive design helps maintain a smooth and professional user experience.

Perfectly Responsive AI-Powered Chat

The AI Chatbot is designed for effortless integration and use, requiring no coding skills. Its intuitive interface allows you to configure settings, customize responses, and manage interactions with ease. This makes it accessible to businesses of all sizes, regardless of technical expertise.

Easy-to-Use AI Chatbot Widget

For those looking for deeper customization, the Virtual Assistant supports custom CSS, allowing advanced design modifications. This feature is perfect for developers and designers who want to fine-tune the chatbot’s appearance and functionality. It ensures the chatbot can be uniquely tailored to fit your specific website needs.

Custom CSS for Enhanced Creativity

Embedding the AI-Powered Chat on your website is simple and requires just a single line of code. Once installed, the chatbot updates automatically with any changes you make in the settings. This hassle-free integration ensures your chatbot remains up-to-date without additional effort.

Effortless AI-Powered Chat Embedding on Any Website

By handling repetitive questions and basic customer inquiries, Automated Chat Support reduces the need for constant human intervention. This allows your team to focus on more complex tasks while ensuring that customers still receive quick and helpful responses. As a result, your business saves time and resources without compromising service quality.

Reduce Workload with Automated Chat Support

Unlike human agents, an AI-Powered Chat system operates around the clock, ensuring customers receive support at any time of the day. This is especially beneficial for global businesses with customers in different time zones. Providing continuous assistance improves user trust and prevents lost sales due to unanswered queries.

Offer 24/7 Support with AI-Powered Chat

An AI Chatbot can analyze user behavior and provide personalized responses based on past interactions. This level of customization makes visitors feel valued and enhances their overall experience. A personalized approach fosters customer loyalty and encourages repeat visit

Personalize Customer Interactions with AI Chatbot

Use the AI Chatbot widget when you want visitors to get instant answers without waiting for human support. The chatbot learns from your site and uploaded materials, so it can respond accurately to common questions, guide users to the right pages, and reduce friction in discovery. This is especially valuable for SaaS products, ecommerce stores, and content heavy sites where users often need clarification before acting. By offering help at the moment of doubt, you reduce bounce and support more confident decisions. The chat can also collect leads through forms and save transcripts for review, giving you insight into user needs and gaps in your content. An AI chatbot turns your site into an interactive assistant that scales support, improves experience, and keeps users moving forward.

Price by Surface / Volume / Length / Perimeter / Weight

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

Strip Button

Creative Card Carousel

AdBlocker Detector

Pricing Slider

Linkedin Feed

AI Chatbot

Mega Footer

All In One Chat

March Madness Bracket Maker

Scroll to Element Button

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Price by Surface / Volume / Length / Perimeter / Weight

PrestaShop module

App Details

Pricing

Check Out the Strip Button Widget

App Info

Some of the best Common Ninja modules for PrestaShop

Strip Button

Creative Card Carousel

AdBlocker Detector

Pricing Slider

Linkedin Feed

AI Chatbot

Mega Footer

All In One Chat

March Madness Bracket Maker

Scroll to Element Button

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine