<p class="headings headings-small secondary-font font-weight-bold desc-block-title">Overview</p> <div class="primary-text regular-text text"><div>Prestashop Custom Fields &amp; Checkout Fields allow you to add custom fields to the checkout page. Using custom fields you can add extra fields to any checkout step. Supports attachment, Drop-down, Conditional Logic &amp; 7 other types of fields.</div></div> <p class="headings headings-small secondary-font font-weight-bold desc-block-title">Gallery</p>

FME Modules

Custom Fields on Checkout &amp; Order Page |Checkout Fields

Build structured content cards with customizable fields and layout.

Add a Variety of Field Types
The Card Builder widget supports a broad selection of field types, making it easy to create cards that fit your content needs. You can include elements such as title, subtitle, description, image, price, rating, and location, among others. This flexibility allows you to build detailed and well-structured cards that suit a wide range of use cases.

Add a Variety of Field Types

You can add clickable fields like buttons, links, phone numbers, emails, and coupon code buttons. These interactive elements encourage user engagement by making it easier for visitors to take action directly from the card. Whether it’s starting a call, sending an email, or copying a coupon, these fields help drive meaningful interactions.

Interactive Fields for Better Engagement with Card Builder

With the Card Builder, you can place multiple fields side by side within the same row, offering more layout control. This feature helps create compact and visually balanced cards, especially when displaying shorter pieces of information. It's ideal for combining related fields like phone and email, or price and rating, into a single, clean line.

Arrange Fields on the Same Row

Choose from a variety of visually appealing skins to quickly match your site's branding without needing to design from scratch. These pre-made designs save time and effort while ensuring that your cards look polished and professional. Whether your site is modern, playful, or classic, there's a skin to complement it.

Beautiful Pre-Designed Card Builder Skins

The Card Builder widget offers several layout options to ensure it fits seamlessly with your website’s design. Whether you're going for a grid, list, or a more unique structure, you can select the layout that best supports your content and aesthetic goals. This versatility helps you present your information clearly and attractively.

Multiple Card Builder Layouts

You can customize nearly every aspect of the Card Builder widget—from fonts and colors to spacing and alignment. This allows you to create a card style that fits your website’s visual identity perfectly. It’s an ideal solution for tailoring the appearance without compromising on functionality.

Fully Customizable Card Builder Widget

The Card Builder is designed to look great on all screen sizes, including desktops, tablets, and smartphones. This ensures your cards remain readable and well-structured, providing a smooth user experience across all devices. Mobile optimization is built-in, so there’s no extra work needed on your part.

Responsive Design for All Devices

The Card Builder widget is built with simplicity in mind, so no coding skills are required to get started. The intuitive editor makes it easy to add fields, rearrange content, and fine-tune the design with just a few clicks. It’s accessible for beginners while still powerful enough for advanced users.

Easy-to-Use Interface

For those who want deeper control, the widget includes an option to add custom CSS. This feature is perfect for developers and designers who want to apply unique styles or fine-tune the layout beyond the standard settings. It gives you complete creative freedom to make the cards your own.

Custom CSS Support

Embedding the Card Builder on your site is as simple as pasting a single line of code. Once it’s live, any changes made in the editor are automatically updated on your website. This keeps maintenance hassle-free and ensures your content is always up to date.



Quick and Simple Embedding

Once you define your card structure, you can easily replicate it to create multiple entries without starting from scratch. This speeds up content creation and ensures a uniform design across your listings, saving valuable time and effort.

Increase Efficiency with the Card Builder's Reusable Structure

The Card Builder supports a wide range of scenarios—from service listings to team member profiles or event details. Its flexible field setup means you can tailor the widget to fit your specific needs, reducing your reliance on multiple plugins or workarounds.

Adapt to Various Use Cases Without Extra Tools

Presenting information in a structured card format helps visitors quickly scan and absorb key details. Whether you're showcasing products, services, or profiles, consistency improves readability and keeps users engaged longer on your site. A clean layout also supports better user flow, reducing bounce rates.



Boost Engagement with Visually Consistent Content

Card Builder

Lists & Cards

Website Components

New!

Create Advanced online Brackets & Tournaments With Images, Voting, and Predictions

This is an example of a 4 Region Bracket, a tournament structure famously used in the NCAA's March Madness basketball tournament. In this format, the entire field of participants is divided into four distinct regions, each acting as a separate mini-tournament. Teams within each region are seeded based on their performance in the regular season. They then compete in a knockout or single-elimination format, where a loss results in elimination from the tournament. The winner of each region advances to the final stage, known as the "Final Four," where they compete for the national championship. This format creates a series of high-stakes, win-or-go-home matches that contribute to the excitement and unpredictability of March Madness.

4 Region Bracket

This is an example of a Bracket with Voting, a tournament format where the progression of participants is determined not by their performance in a traditional sense, but by votes. In this format, participants – which could be individuals, teams, ideas, or items – are matched against each other in pairs. The outcome of each matchup is decided by a voting process, where an audience, members of a community, or a selected panel cast their votes to decide the winner. The winners then advance to the next round, where they face off against other winners, and this process continues until a final winner is determined. This bracket-style is popular in contexts where subjective judgment or popular opinion is key, such as in contests involving art, design, public preference, or entertainment.

Bracket with Voting

This is an example of a Group Stage Bracket, a tournament structure where participants are divided into multiple groups. Within each group, teams or individuals compete against each other in a round-robin format, where every participant plays against every other participant in their group. The results of these matches determine the rankings within each group. Typically, the top performers from each group advance to the next stage of the tournament, which could be a knockout stage or another round of group play, depending on the tournament's design. This format ensures a fair and comprehensive assessment of each participant's skills and performance.

Group Stage Bracket

This is an example of a Round Robin tournament, a structure widely used in various sports and competitive events. In this format, multiple groups are formed, each containing a set number of teams. Within each group, every team plays against every other team, ensuring a thorough and equitable competition. The teams accumulate points based on their performance in these matches, with victories, draws, and losses contributing to their total score. The top teams from each group, determined by these points, advance to the next stage of the tournament, which may be a knockout round or further group stages. This format is celebrated for its fairness and inclusivity, allowing each team multiple opportunities to showcase their skills and adapt their strategies throughout the tournament.

Round Robin Bracket

This is an example of a Double Elimination Bracket, a tournament structure designed to offer competitors not one, but two chances at victory. The bracket itself is an intricate web of matchups, akin to a chessboard where each move determines a participant's fate. In this format, a loss in the primary bracket doesn't mark the end of the journey; instead, it leads to a second opportunity in the losers' bracket. It's a tale of redemption and resilience, as competitors battle through the twists and turns of the double-elimination system. With each match, the stakes rise, and the tension mounts, making for a thrilling showcase of strategy and skill. In the end, only the most determined and adaptable will emerge as the ultimate champion of the 'Double Elimination Showdown 2023.'

Double Elimination Bracket

Casual Game Night

The online Free Brackets Maker features multiple bracket types for you to choose from. These include single elimination, double elimination, March Madness, custom brackets and more! Whatever your tournament type is, we’ve got the bracket for you.

Multiple Bracket Types 

The Online Brackets Maker features the ability to collect votes and predictions. These options will make the online brackets more interactive, engaging and fun for your users. The Online Brackets Maker features the ability to collect votes and predictions. These options will make the online brackets more interactive, engaging and fun for your users.

Online Bracket Votes & Brackets Predictions

The online Bracket generator features a signup page option that will enable your bracket users to sign up and participate in your tournament and allow you to collect emails and generate leads for your email marketing campaigns. By integrating this feature, you not only enhance user engagement but also create a valuable touchpoint for future communications and promotions.

Sign Up to an online Bracket Page

In the Brackets Maker, you can select different ways of pitting participants against each other — by order, randomized order, or traditional seeding. This flexibility ensures that every tournament can be tailored to fit its unique requirements and dynamics, enhancing the competitive spirit.

Brackets Match Randomization & Seeding 

You can export your brackets and download the brackets as an image or a PDF file, to quickly and easily share it with other people or to post it on your website or social media accounts.
With this feature, ensuring that your brackets are always accessible and presentable becomes effortless, enhancing the overall user experience and interaction.

Export the Brackets as an Image or PDF

The Brackets maker features various types of tables that you can add to your tournaments. You can select the Standings table, which includes participants and their ranks, you can select the Participants table for a simple overview of your participants and their information & you can select the Ranking table which is based on the predictions that have been made.

Multiple Types of Tables in your online Brackets

The online Brackets generator features multiple layouts including squares, circles & others. You can easily choose the Brackets layout that is most applicable to your website design and customize your brackets however you want. This versatility in design options ensures that your bracket not only functions seamlessly but also aesthetically complements the overall theme and feel of your platform.

Multiple online Brackets Layouts

The online Brackets Creator features multiple skins for you to choose from. We have a wide selection of brackets skins in solid colors, or with complementing images that capture most tournament types. Set your Brackets tournament up quickly without the need for extensive customization.

Multiple Brackets Skins 

The Brackets & Tournaments app features full customization options so you can edit the design to fit your needs. Change the colors, the fonts, the spacing and anything else! With such adaptability, your bracket becomes a true reflection of your brand's identity, ensuring a cohesive and memorable user experience.

Fully Customizable Brackets Tournaments

The Online Brackets Generator is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors. Ensuring that your bracket displays perfectly across all devices enhances user accessibility and engagement, setting a high standard in the bracket-making realm.

Perfectly Responsive Online Brackets

The Brackets Maker 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 want it with just a few simple clicks.

Easy To Use Online Brackets Maker

As with all of Common Ninja’s widgets, you can add custom CSS to customize the online Brackets & Tournaments and be even more creative. By integrating your own CSS, your bracket can truly stand out, embodying a unique design that resonates with your brand's distinct style and vision.

Custom CSS

You can embed the online Brackets & Tournaments on your website easily by copying a single line of code. The app will also be updated automatically with every change you make. This ensures that your bracket remains up-to-date and consistent, providing your audience with a seamless and dynamic experience every time they visit.

Easy To Embed  Brackets

The online Brackets Maker allows you to engage your users by providing an interactive experience where they can vote for participants and make predictions. The online Brackets Maker amplifies user engagement by turning every tournament into a personal stake, elevating their connection to the event.


Engage Your Users with an online Bracket creator

With the Brackets Generator, you can improve the users’ experience and make it more enjoyable for them to look at and use your brackets. You can add prizes, create stunning brackets and make your users want to come back and participate again. To some users, the brackets can also be an easy, visual way to follow the game — further improving their experience.

Brackets Generator: Elevating User Experience

The Free online Brackets creator offers a signup option that will require your users to provide their email addresses to participate or to vote. This way, you will be able to collect leads and add them to your email marketing list. Additionally, this feature ensures more secure and authentic user participation, enhancing the credibility of the voting process.

Collect Leads with an online brackets

Bracket Maker

User Engagement

Showcase progress and completion using animated fill-up bars

Information, like the progress of a goal, is best understood when it’s presented clearly and in a clean way. With a few tweaks and edits, it is possible to create clear and easy-to-follow progress bars.

Clean Design to Better Follow Set Goals

Style 2

People are different, and some love to add a little color, or showcase their personality through the use of creativity. With full customization options, it is easy to play with the design until you find the right way to represent your personality.

Bright & Playful To Fit The Personality

Style 4

Style 5

The Progress Bar widget enables you to add multiple progress bars to show the progress of various projects and other relevant topics.

Multiple Bars

The Horizontal Progress Bar widget features a gentle “filling up” animation showing the progress more vividly and visually attractively.

Progress Bars Animation

The Animated Progress Bars widget comes available with multiple layouts that you can choose from to fit your website’s design & style. 

Progress Bars Multiple Layouts

The Progress Bars 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 Horizontal Progress Bars 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 Progress Bars

The Progress Bars 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 Horizontal Progress Bars 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 Progress Bars

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

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

Easy To Embed Progress Bars

With the Animated Progress Bars widget, you can easily show the progress of your projects and inform relevant parties of what stages your project (or various projects) is in.

Showcase Progress with Progress Bars

The Animated Progress Bar widget is fully customizable. With features like multiple layouts and gentle animation, you can present important information in a visual representation that your users will better understand.

Visual Representation of Data

Certain projects, like a campaign to collect donations, for example, will greatly benefit from a visual representation of how much money has been collected by encouraging viewers to help complete the progress bar.

Use Progress Bars to Encourage Action

Progress Bars

Display the latest posts from your Twitch page

The Twitch Feed widget comes with a “ticker” animation that imitates an old news ticker and adds a sense of action to your page. Use it to immediately grab the user’s attention.

Ticker Animation

There are various options for displaying the date and time of the feeds — an option that will enable you to further customize the Twitch Feed widget according to your needs, and the preferences of your visitors.

Twitch Feed Date & Time Display Settings

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

Auto Refresh

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

Different Feed Types

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

Customize Character Display Length

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

Twitch Feed Multiple Layouts

The Twitch Feed 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.

Twitch Feed Multiple Skins

The Twitch Feed widget provides full RTL support for those who write from right to left. Make your news accessible to more users from all over the world.

Full RTL Support

The Twitch Feed 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 Twitch Feed 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 Twitch Feed

The Twitch Feed 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 Twitch Feed Widget

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

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

Easy To Embed Twitch Feed

With the Twitch Feed widget, you can collect and group various Twitch feeds into one page for more accessible and quicker access. The widget is customizable, allowing you to choose which Twitch feeds to display, and arrange them according to your preference. 

Group Twitch Feeds

By grouping all the Twitch feeds into one page, you’ll make accessing these feeds much easier for your readers, thereby improving their experience. Not only does it simplify their navigation, but it also saves time, allowing them to quickly browse through multiple feeds without having to visit each individual Twitch channel.

Improve User Experience with a Twich widget

The Twitch Feed widget is fully customizable, and you can use it to enhance your page’s design. You can additionally enhance the design by implementing the gentle “ticker” animation, which is sure to make your page more appealing.

Enhance Design

Twitch Feed

Social Feeds

The Events Board Widget allows easy listing and management of events on your website.

With the Event Listings Board, you can utilize dedicated fields specifically designed to display crucial event-related information. Easily input event titles, dates, locations, and descriptions to create detailed and informative listings that attract potential attendees.

Customizable Event Fields

The Event Listings widget provides the liberty to modify or add fields in the event listings, adapting to the unique details or requirements of each event. Incorporate multi-selection options, yes/no fields, and in-depth descriptions to ensure a thorough presentation of event information.

Adaptive Event Fields

Adapt the presentation of event listings with customizable display options. Choose which fields appear in the preview lists and detailed event cards to provide site visitors with essential information at a glance and in-depth insights when needed.

Tailored Event Views

Every event listing features a Full Details Card, offering a complete overview of the event details, requirements, and organizer information. Attendees gain valuable insights to determine their interest and availability for the event.

Comprehensive Event Insights

Incorporate images or event logos to enhance the visual appeal and recognition of each event listing. These visual elements can help bolster the event's or organizer's brand presence within each listing, making the Event Listings widget a visually engaging addition to your website.

Visual Enhancements Feature

The Events Board widget allows visitors to apply filters, streamlining the search process. By sorting listings based on various event criteria, attendees can efficiently find events that align with their interests, availability, and preferences.

Filtered Event Search

Event seekers can sort available events based on criteria like event type, location, or organizer. This feature enhances user navigation, allowing attendees to quickly identify and plan for events that meet their preferences.

Sortable Event Listings

Each event listing can integrate a map to display the event's location or the organizer’s headquarters. This feature helps attendees to consider the geographical aspect when planning to attend events.

Interactive Location Insights

Select from a range of skins to ensure the Events Listing widget aligns with your website’s design and branding. The customization ensures a consistent and professional presentation of event listings.

Select from Multiple Skins

The Events Listing Widget is engineered for ease of integration and is compatible with diverse website platforms. It ensures that adding a dynamic and organized event listing section to your site is hassle-free and efficient.

User-Friendly Events Listing Integration

The Event Listings Widget bestows users with broad customization choices, ensuring each event listing resonates with your brand and caters to your audience's specific needs. Tweak event fields, fine-tune display settings, and select from an array of design options to craft a distinct and engaging event exploration experience on your website. Every element can be personalized, guaranteeing that your event listings are not only informative but also visually harmonious with your website's design.

Total Customization Mastery

The Events Board widget is a valuable addition to any website. Not only is it fully responsive, meaning it will adjust seamlessly to fit the screen size of any device, but it also boasts a sleek and modern design that will enhance the overall look of your site. In a digital era where a growing number of people are accessing the internet through their phones and tablets, it's crucial to have a website that is optimized for mobile viewing. The Events Board widget enables you to do just that, providing you with a competitive edge.

Perfectly Responsive Events Board

Obtain complete mastery over the styling of your event listings with the flexibility of CSS. Tailor the appearance and ambiance of the listings to ensure they harmoniously meld with your website's aesthetic and design elements.

Advanced CSS Customization

The Event Listings widget is meticulously crafted to ensure compatibility and ease of integration with a variety of website builders and platforms. Its intuitive design facilitates a quick and hassle-free setup, enabling you to enhance your website with a comprehensive events listing section without encountering technical or compatibility challenges.

Effortless Installation Across Platforms

The Event Listings widget facilitates an interactive space on your website where visitors can explore upcoming events. This added feature can keep your audience engaged and informed. With an organized listing, users can easily browse through and plan their participation.

Enhanced User Engagement with Event Listings

The widget not only lists events but also contributes to improving your site’s search engine visibility. By integrating the Event Listings widget, you’re adding fresh, regularly updated content to your site which is favorable for SEO. This continual update can help improve your site's ranking on search engine results pages.

SEO Boost with Event Listings

By offering a dynamic list of upcoming events, you are providing a reason for visitors to return to your site. The Event Listings widget can be a draw for your target audience, encouraging repeat visits. Over time, this increased engagement can lead to higher traffic and potentially, a larger audience base.

Increased Website Traffic with the  Events Board

Event Listings

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

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

Restaurant Menu Flip Cards Multiple Layouts

The Restaurant Menu Flip Cards widget features the ability to add icons, instead of images, and sports a large selection of icons that can be used.
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. 

A Large Selection of Icons

The Restaurant Menu 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 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.

Restaurant Menu Flip Animation

The Restaurant Menu Flip Cards widgets 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 Cards widget

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

The Restaurant Menu 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 Restaurant Menu Cards Widget

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

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

Easy To Embed Restaurant Menu widget

The  Restaurant Menu Flip Cards widget allows you to add the prices of your delicious dishes easily, and to add supplementary, informative symbols, to indicate whether the food is spicy, vegetarian, etc. 

Custom Fields on Checkout & Order Page |Checkout Fields

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

Card Builder

Bracket Maker

Progress Bars

Twitch Feed

Event Listings

Restaurant Menu Flip Cards

Consent Form

Popup Builder

Image Gallery

Code Snippets

Glossary

Interactive Video

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Custom Fields on Checkout &amp; Order Page |Checkout Fields

PrestaShop module

App Details

Pricing

Check Out the Card Builder Widget

App Info

Some of the best Common Ninja modules for PrestaShop

Card Builder

Bracket Maker

Progress Bars

Twitch Feed

Event Listings

Restaurant Menu Flip Cards

Consent Form

Popup Builder

Image Gallery

Code Snippets

Glossary

Interactive Video

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Custom Fields on Checkout & Order Page |Checkout Fields