<p class="headings headings-small secondary-font font-weight-bold desc-block-title">Overview</p> <div class="primary-text regular-text text"><div>Turn abandoned carts to orders by adding a notification that will appear directly in the customer&apos;s browser tab.</div></div> <p class="headings headings-small secondary-font font-weight-bold desc-block-title">Gallery</p>

Community developer

Advanced Tab Notifications - Abandoned carts to orders

The Pomodoro Widget is a customizable online timer with adjustable session lengths and easy website embedding

The Pomodoro Widget allows you to set your own work and break durations, giving you complete control over your time management. You can adjust the Pomodoro session length, short breaks, and long breaks to match your personal workflow. This flexibility ensures that the timer adapts to your productivity style, whether you're following the classic 25-minute method or a customized schedule.

Customize Your Pomodoro Timer Settings

With the Pomodoro Widget, you can rename each timer session to suit your needs. Whether you prefer "Focus Time" instead of "Pomodoro" or "Recharge" instead of "Short Break," custom labels help you stay organized. This makes the widget more intuitive and aligned with your work habits, improving your time-tracking experience.

Personalized Labels for Better Organization

The Pomodoro Widget offers multiple pre-designed skins, allowing you to choose a style that fits seamlessly with your website’s aesthetics. Whether you prefer a minimalistic look or a bold, eye-catching design, you can select a skin that enhances your site’s appearance. This feature ensures a visually appealing experience without the need for extensive customization.

Variety of Pomodoro Widget Design Skins

The Pomodoro Widget comes with extensive customization options, enabling you to modify colors, fonts, and other visual elements. You can tailor the widget to match your website’s branding, ensuring a cohesive and professional look. This flexibility allows you to create a Pomodoro timer that aligns perfectly with your design preferences.

Fully Customizable Pomodoro Widget

Designed for all devices, the Pomodoro Widget adapts seamlessly to desktops, tablets, and smartphones. Whether users are working from a computer or tracking their time on the go, the widget maintains a smooth and functional experience. This ensures accessibility and usability across different screen sizes.

Perfectly Responsive Pomodoro Widget

No coding skills are required to set up and customize the Pomodoro Widget. With an intuitive interface, users can easily adjust timer settings, labels, and appearances with just a few clicks. This user-friendly design makes it simple for anyone to integrate and modify the widget according to their needs.

Easy-to-Use Pomodoro Widget

For those who want more control over the widget’s design, the Pomodoro Widget supports custom CSS. This feature allows developers and designers to apply unique styles and modifications beyond the default customization options. It ensures that the widget can be finely tuned to match any specific branding or visual requirements.

Custom CSS for Advanced Styling

Adding the Pomodoro Widget to your website is quick and easy, requiring just a single line of code. Once embedded, any updates or changes you make to the widget will automatically reflect on your site. This seamless integration ensures that your visitors always experience the latest version without additional maintenance efforts.

Effortless Embedding on Any Website

The Pomodoro Widget helps users break their work into focused intervals, improving efficiency and reducing procrastination. By integrating it into your website, you provide visitors with a structured way to manage their time effectively. This leads to better work habits and increased task completion rates.

Boost Productivity with the Pomodoro Widget

A built-in Pomodoro Widget encourages visitors to stay longer on your site by offering a valuable productivity tool. Whether they are studying, working, or managing tasks, the widget helps them maintain focus while remaining on your page. This extended session time can improve engagement metrics and SEO performance.

Keep Users Engaged on Your Website

Adding a Pomodoro Widget to your site provides visitors with a helpful, real-world tool they can use immediately. Unlike static content, this interactive feature adds real value by assisting users in time management. A more engaging and useful website leads to repeat visits and higher retention.

Enhance User Experience with a Practical Tool

Use the Pomodoro Timer widget when you want to give visitors or users a practical tool for focus and productivity inside your site. The Pomodoro method is familiar and effective, and embedding a timer removes the need for external apps. This is valuable for learning platforms, coworking spaces, productivity blogs, wellness programs, and any site that supports deep work. Users can set work and break cycles, track sessions, and stay accountable while staying in your environment. Providing a useful tool increases time on site and strengthens your brand as a helpful resource, not just information. Over time, a built in timer can drive repeat visits because users return to run sessions where they already trust the setup.

Pomodoro Timer

Get Creative

Website Components

Slide in panel that appears from the top or bottom to display offers, updates, or actions clearly.

Example 1

Example 2

Example 3

Example 4

The widget comes with three different panel types that you can choose from to better fit your design and needs. Furthermore, each panel type is customizable, enabling you to match your brand's colors, fonts, and other visual elements for a cohesive and on-brand user experience.


Different Panel Types

The widget features different button layouts that can further help you customize your panel to fit your requirements. The various button layouts offer a versatile and efficient method to interact with visitors to your website, whether you want to draw attention to a limited-time deal or highlight a new product.


Multiple Button Layouts

The widget has various button animations that are sure to draw the user’s attention and encourage them to click on the button. To make it more appealing to your consumers, you can also alter the button animations in accordance with the design language of your website or brand.

Various Button Animations

You have the freedom to tailor the user experience with the slide-in panel widget by choosing the location from which the panel will slide in, either at the top or bottom of your website, depending on your particular design and marketing requirements. This feature not only enables you to seamlessly integrate your new layout, but it also makes sure that the slide-in panel's promotional material is clearly displayed, grabbing visitors' attention and boosting the effectiveness of your marketing campaign.

Two Positions To Choose From

The Slide-In Panel 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 Slide-in Panel widget has a selection of beautiful skins that you can use to add to it and enrich its visual appearance. The widget offers a selection of skins that you can use to alter the panels' style to fit your website's identity. By using these options, you can quickly and easily construct a Slide-in Panel that matches the general style of your website and has a professional appearance without having to spend hours designing it from scratch.

Multiple Skins

The Slide-In Panel widget comes with a selection of beautiful icons that you can use to add to it and enrich its visual appearance.

A Selection of Beautiful Button Icons

You may fully customize the Slide-in Panel widget to change the style to suit your needs. 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.

Fully Customizable

Any website would benefit from the widget Slide-In Panel. 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. You may use the widget to accomplish just that, providing you an advantage over rivals.

Perfectly Responsive

The use of the Slide-In Panel widget is simple and doesn't require any coding expertise. With only a few mouse clicks, you can modify the widget however you wish using our user-friendly interface. As a result, even people without coding knowledge can quickly and easily develop designed elements with a professional appearance that interact with their website and increase their online visibility and audience engagement.

Easy To Use

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

Easy To Embed 

With the Slide-In Panel widget, you can greatly increase conversions by making your promotional information clearly visible. This is so that there is a greater chance that website visitors will take action and convert since the Slide-In Panel widget grabs their attention and conveys a clear and concise message.


Increase Conversions

The Slide-In Panel widget’s animation is attention-drawing and is sure to divert the users’ attention to the promotional message you are trying to convey. Using the Slide-In Panel widget to draw attention to your marketing message can boost user interaction and, as a result, your website's conversion rates.


Draw Attention

With the Slide-In Panel widget, you can improve your users’ experience by offering them valuable information that will save them money, and improve their experience. This widget can be easily integrated into your website or application, allowing you to enhance user engagement and drive conversions.

Improve User Experience

Use the Slide In Panel widget when you want to deliver an important message or offer without covering the entire screen. The panel appears from the top or bottom and can hold text, forms, buttons, or media while leaving most of the page visible. This makes it well suited for announcements, cookie information, secondary calls to action, or targeted promotions tied to behavior. Because it feels lighter than a full overlay, visitors are more likely to read the content instead of closing it immediately. You can time or trigger the panel based on key events and keep the main layout cleaner by moving less central content into this flexible, attention grabbing space.

Slide-In Panel

Popups, Bars & Buttons

Boost Sales

Display a restaurant menu in a stylized and adjustable list format

The Restaurant Menu List widget features a selection of beautiful icons that will fit any requirement — is the meal vegetarian? Is it spicy? Is the drink alcoholic? Make this information instantly visible.
The Restaurant Menu widget allows you to easily add the prices of your delicious dishes and supplementary, informative symbols to indicate whether the food is spicy, vegetarian, etc. 

Multiple Icons To Select From

The Restaurant Menu List widget features six layouts with varying image sizes and text layouts, supporting horizontal and vertical design to ensure that the widget fits your design requirements.

Restaurant Menu List Widget Multiple Layouts

You can add images to the Restaurant Menu List to whet the users’ appetite with photos of your delicious meals.

Restaurant Menu List Images

The Restaurant Menu List 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 Restaurant Menu List 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 Restaurant Menu widget

The Restaurant Menu List 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 Restaurant Menu widget

The Restaurant Menu List 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 Restaurant Menu widget any way you’d like to with just a few simple clicks.

Easy To Use Restaurant Menu Widget

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

You can embed the Restaurant Menu List 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 Restaurant Menu widget

The Restaurant Menu List widget features the option to enable a gentle animation that the user will see when first accessing the Restaurant Menu List, to make the page less static and more appealing.

Gentle Intro Animation

With the Restaurant Menu List widget, you can increase conversions by providing all the relevant information in one place, including the meal’s description, its price, dietary specifications, images and links to more information.

The Restaurant Menu List widget’s extensive customization options will allow you to design it as you desire, to make it fit your overall website design.

Enhance Design using a Restaurant Menu widget

By providing all the information in an organized, concise manner, with the ability to click on relevant links, you will make your users’ journey easier, shorter and better.

Use the Restaurant Menu List widget when you want guests to explore your dishes quickly and feel confident ordering or booking. A menu presented as a clean, categorized list helps visitors scan options, compare items, and spot details like ingredients, prices, and highlights without friction. This is especially useful on mobile, where long PDFs or cluttered layouts can frustrate users. By structuring your menu clearly, you reduce calls and questions, guide attention to signature dishes, and support higher conversions for takeout or reservations. A well organized list also signals professionalism and care, helping visitors trust the quality of the food before they ever arrive.

Restaurant Menu List

Lists & Cards

Show image and text cards that, when clicked, flip to reveal additional content on the other side





Example 5

The Flip Cards comes available with six different layouts that can fit any design, from smaller images and larger text to images on the side, in circles, squares, and more!

Flip Cards Multiple Layouts

The Flip Cards widget features the ability to add icons, instead of images, and sports a large selection of icons that can be used.

A Large Selection of Icons

The Flip Cards 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. 

Beautiful Flip Cards Skins

As befits a flip card, the widget comes available with a fluid flip animation that will make your page more interactive, look more lively, less static and not boring.

Flip Animation

The Flip Cards 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!

The Flip Cards 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 Flip Cards

The Flip Cards 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 Flip Cards Widget

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

Flip Cards Custom CSS

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

Easy To Embed Flip Cards

The Flip Cards widget allows you to add customizable star rating icons to your cards. You can use this visual element to provide valuable information or help guide your users to the product/service you’d like them to try the most.

Customizable Star Ratings

The Flip Cards widget will allow you to improve the user’s journey by creating highly informative flip cards, with concise information and relevant links.

Improve User Navigation with Flip Cards

The Flip Cards widget is a fully customizable app that can be customized to fit any website design. It features multiple layouts and pre-made skins that you can use to enhance your design.

Flip Cards Enhance Design

The Flip Cards widget’s easy navigation features, as well as its customization features, will enable you to create easily noticeable and accessible messages and links, that can increase the conversions of your products or services.

Add Interactivity with Flip Cards

Use the Flip Cards widget when you want to present information in a compact format that feels interactive and memorable. Each card shows a front view with a title or image, and flips to reveal more details, letting visitors explore content at their own pace. This is ideal for features, services, benefits, team bios, learning materials, and any page where you want to reduce clutter without losing depth. Flip cards keep layouts clean because secondary text stays hidden until the user shows interest. The interaction increases engagement and recall by turning reading into discovery. With clear, focused fronts and concise backs, flip cards guide attention and support stronger decisions.

Flip Cards

Add interactive, two-sided cards to your website with customizable flip animations.

The Flip Card widget allows you to present content on both the front and back of each card, doubling your available space without overwhelming the layout. You can use the front side to highlight key information and the back side for extended details, links, or calls-to-action. This layered format keeps your design clean while delivering more value per card.

Two-Sided Content Display

Choose from a variety of sleek animation styles to control how your cards flip—up, down, left, right, or with push effects. These transitions add a sense of interactivity and motion that enhances user engagement. With just a few clicks, you can match the animation to your site’s tone, whether playful, dynamic, or professional.

Smooth and Customizable Flip Animations

The widget lets you populate cards with a wide variety of fields, such as images, titles, descriptions, pricing, contact details, and ratings. This comprehensive setup makes it ideal for showcasing products, services, or team members in detail. You can mix and match fields to fit any use case or structure.

Support for Diverse Content Types

Enhance your cards with interactive elements like clickable buttons, email links, phone numbers, and coupon codes. These features make it easy for users to engage directly with your content. Whether it’s tapping a link or revealing a deal, the Flip Card promotes hands-on interaction.

Built-In Interactivity to Drive Action

Arrange multiple fields on the same horizontal line for a cleaner, more compact card layout. This option is great for pairing elements like ratings and prices, or phone and location info. It helps you display essential data in a space-efficient, visually balanced way.

Neatly Align Fields Side by Side

The Flip Card widget comes with multiple layout configurations to suit different website designs. Whether you're building a grid of product showcases or a vertical list of team profiles, you can choose a layout that complements your site’s flow. This flexibility ensures that your flip cards look organized and professional on any page.

Variety of Layout Options

Save time and effort with a collection of beautifully crafted skins designed to fit a wide range of styles. Whether your website is sleek and modern or more playful and bold, there’s a skin that works right out of the box. Each skin offers a polished look without requiring manual design work.

Choose from Pre-Styled Flip Card Skins

Customize every visual element of the Flip Card widget—colors, fonts, spacing, borders, and more—to create a cohesive design that fits your site perfectly. These styling options give you the freedom to personalize each card while maintaining full consistency with your brand identity.

Fully Customizable to Match Your Brand

Flip Cards are designed to be fully responsive, so they display perfectly across all screen sizes and devices. Whether your visitors are browsing from desktops, tablets, or smartphones, they’ll enjoy a seamless and interactive experience. This mobile-friendly design ensures maximum engagement everywhere.

Optimized for All Devices

You don’t need any coding skills to use or customize the Flip Card widget. With a clean and intuitive editor, anyone can adjust content, styling, and animations with just a few clicks. This makes it easy to set up and manage your cards without technical help.

No Coding Required – User-Friendly Design

For developers and designers who want extra control, the widget supports custom CSS. You can tweak specific visual elements or create entirely unique styles to match advanced branding needs. This flexibility is perfect for adding a personal or professional touch beyond the standard options.

Add Custom CSS for Advanced Control

The Flip Card widget can be embedded into any website with a simple line of code. Once added, all changes you make in the editor are automatically reflected live on your site. This hands-off maintenance ensures your content always stays up to date without extra effort.

Easy Embedding on Any Website

Flip Card's engaging animation draws users’ attention and encourages interaction, making your content more noticeable. This helps reduce bounce rates and increases the time visitors spend on your site. Interactive content like this can play a big role in improving user experience and engagement metrics

Boost Engagement with Flip Card Visual Interactivity

By using Flip Cards to emphasize calls-to-action, promotions, or special features, you can guide visitors toward key conversion points. The engaging format helps important content stand out without overwhelming the page. This focused approach contributes directly to lead generation and sales growth.

Drive Conversions with Interactive Callouts

Use Flip Cards to present important details—like features, pricing, or team bios—in a compact and attractive format. By making the information both accessible and engaging, you help visitors absorb content more effectively. This boosts the chances they'll take desired actions, such as signing up or making a purchase.

Highlight Key Information Creatively

Use the Flip Card Builder widget when you want interactive two sided cards tailored to your content without manual design work. A flip card lets you show a focused front view, such as a title or image, and reveal secondary details on the back only when users choose to explore. This keeps layouts clean while still offering depth. With a builder, you define fields, flip behavior, and styling to fit features, FAQs, team bios, products, or learning materials. The interaction increases engagement because visitors actively discover content. It also improves memory and clarity since each card is a distinct unit. By creating consistent flip card patterns across your site, you make information easier to scan and more enjoyable to explore.

Flip Card Builder

Display the latest posts from your Pinterest feed

Style 1

Style 2

Style 3

Style 4

Style 5

Your page will look more lively with Pinterest Feed's "ticker" animation that mimics an old news ticker. It can be used to grab the user's attention immediately.

Animated Ticker

By displaying the Pinterest feeds' date and time in various ways, you can further customize the Pinterest Feed widget.

Pinterest  Feed Display settings for date and time

The Pinterest Feed widget has the “auto-refresh” option which, when toggled, keeps refreshing and updating the feed with new posts.

The Pinterest Feed Refresh Automatically

Two different feed types are available in the Pinterest Feed widget — Tabs and Mixed. The Tabs type keeps all your tabs organized by order of feed, while the Mixed type, mixes the various Pinterest feeds to create a diverse feed.

Types of Pinterest feed

You can easily customize the characters' length to save space and make the Pinterest Feed widget more compact.

You can customize the length of the character display

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

Multiple Layouts

Various beautiful skins are available for the Pinterest Feed widget, so you don't have to spend much time customizing it.

Multiple Pinterest  feed Skins

The Pinterest Feed widget supports right-to-left writing. Increase the number of global users who can access your news.

Full RTL Support

The Pinterest Feed widget offers full customization options so you can make it fit your needs. Change the colors, the fonts, the spacing and anything else!

Fully Customizable Pinterest Feed

Any device will look great with the Pinterest Feed widget. You will be ahead of your competitors with this feature in today's mobile-first world. 

Perfectly Responsive Pinterest  Feed

No coding knowledge is required to use the Pinterest Feed widget. Drag-and-drop functionality on our dashboard allows you to customize widgets any way you like with just a few clicks. Drag-and-drop functionality on our dashboard allows you to customize widgets any way you like with just a few clicks.

Simple To Use Pinterest Feed Widget

Custom CSS can be added to the Pinterest Feed widget, as with all Common Ninja widgets.

By copying a single line of code, you can embed the widget on your website quickly. You will also receive automatic updates every time you make changes to the Pinterest Feed widget.You will also receive automatic updates every time you make changes to the Pinterest Feed widget.

Pinterest Feed Simple To Embed

The Pinterest Feed widget offers two feed types: Tabs and Mixed. Mixed is a type of feed that mixes different Pinterest feeds to create a diverse feed. Tabs organize tabs by the order in which they appear, while Tabs organize tabs by their feed order.

Different Feed Types 

When toggled on, the Pinterest Feed widget will keep refreshing and updating its content.

Auto Pinterest Feed Refresh

The Pinterest Feed widget features an animation that mimics an old news ticker and provides a sense of motion. The user's attention will be caught immediately if you use it.

Pinterest Feed Ticker Animation

Use the Pinterest Feed widget when your brand uses Pinterest to share ideas, products, or inspiration and you want that visual momentum inside your site. A live feed pulls your latest pins into a clean gallery, keeping pages fresh and encouraging exploration without manual updates. This is ideal for ecommerce, design, lifestyle, food, DIY, and travel brands where visuals drive decisions. Visitors can browse boards and pins in context, then click through if something catches their eye. The feed reinforces your style, shows ongoing activity, and turns your site into a richer discovery space. It also helps convert casual browsers into followers who want more inspiration over time.

Pinterest Feed

Social Feeds

Displays multiple time zones; customizable, responsive design.

The World Clock Widget offers the ability to display several clocks, each representing a different time zone. This feature is crucial for websites that cater to an international audience, as it allows for easy display of multiple time zones at once. It's particularly beneficial for websites involved in global business, communication, or events, ensuring users from various regions can easily find their local time.

Display Multiple Time Zones

This feature of the World Clock Widget allows you to not only set the specific time for each clock but also to label each with a custom title. This customization enhances the clarity and usability of your website, making it easy for visitors to identify the time zone represented by each clock. It's an invaluable tool for sites that need to reference multiple global locations, ensuring that each clock is easily distinguishable and accurately labeled.

Customizable Clocks with Titles

Use the World Clock widget when your audience or team is spread across time zones and timing matters for coordination. Showing multiple clocks with city labels on your site or dashboard makes scheduling calls, webinars, and releases easier. This is important for remote companies, global communities, and services that operate across regions. Instead of constantly converting times, visitors can reference the clock and adjust their plans. A world clock also reinforces the idea that your brand is truly international. It turns abstract time differences into a simple, always available reference that reduces mistakes and missed meetings.

Advanced Tab Notifications - Abandoned carts to orders

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

Pomodoro Timer

Slide-In Panel

Restaurant Menu List

Flip Cards

Flip Card Builder

Pinterest Feed

World Clock

Threads Feed

Music Player

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Advanced Tab Notifications - Abandoned carts to orders

PrestaShop module

App Details

Pricing

Check Out the Pomodoro Timer Widget

App Info

Some of the best Common Ninja modules for PrestaShop

Pomodoro Timer

Slide-In Panel

Restaurant Menu List

Flip Cards

Flip Card Builder

Pinterest Feed

World Clock

Threads Feed

Music Player

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine