This simple modification adds a dash to the Product text options, so when a product is added to the cart. It has all the options added with it, even if they not have all a number. I needed it, maybe you will to

tedeu

Dash in Text Options

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

Make your titles stand out to capture the attention of your visitors

Example 1

Example 2

Example 3

Example 4

The widget offers 10 different animation effects, allowing site owners to choose the perfect style to match their website's theme and brand identity. This level of customization ensures that animated titles always blend seamlessly with the site's design.

Diverse Animation Effects

With advanced typography options, site owners can easily customize the font, size, and color of their animated titles to create the desired look and feel. These options enable users to maintain a consistent visual style across their website.

Advanced Typography Options

With our new feature in the Animated Headline Widget, you're no longer confined to animating only full sentences or headlines. You now have the ability to animate any segment of your sentence - be it the beginning, the middle, or the end. This feature gives you more flexibility to emphasize specific words or phrases, making your content even more engaging and interactive.

Animate for Any part of Your Sentence

The animated title widget is fully customizable, empowering site owners to modify every aspect of the title to suit their preferences. This level of control ensures that the final result is always in line with the desired outcome and the website's branding.

Complete Customization

The widget's fully responsive design ensures that animated titles display perfectly on all devices, including mobile phones, tablets, and desktop computers. This guarantees a consistent and enjoyable experience for visitors, regardless of the device they use.

Responsive Design

The Animated Title Widget features an easy-to-use interface, making it simple for site owners to create and customize their animated titles. This user-friendly approach ensures that even those with minimal technical knowledge can effectively implement the widget on their websites.

User-friendly Interface

For users with coding knowledge, the widget supports custom CSS, allowing for even more precise control over the appearance and behavior of the animated titles. This feature caters to advanced users who seek a higher level of customization.

Custom CSS Support

The animated title widget is simple to embed on any website with just one line of code, ensuring a hassle-free integration process. This ease of use makes it accessible to site owners of all skill levels, from beginners to experienced web developers.

Easy to embed on any website

The addition of an animated headline widget can greatly enhance a website's visual appeal, making it more attractive to visitors. This not only improves the user experience but also reflects positively on the site's brand and professionalism.

Improve your website's Aesthetics

Using animated headlines enables you to convey complex ideas or important information more effectively to your website visitors. This facilitates better communication and understanding, ensuring that both parties benefit from a more streamlined and informative user experience.

Better Communication

By emphasizing key messages or calls to action, the animated headline widget can effectively guide your website's visitors toward desired actions, such as signing up for a newsletter or purchasing. This ultimately leads to higher conversion rates and increased profits.

Increased Conversion Rates

Animated Headline

Get Creative

Present Your reviews on Amazon for your product on your website

The widget comes with three review types — Carousel, Grid, and List, that will help you customize the apps and make them fit your design needs.

Different Review Types

The widget comes with sorting options that will help you customize your display to show reviews by the oldest or the newest reviews.

Sorting Options

The My Reviews on Amazon 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 My Reviews on Amazon 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 My Reviews on Amazon 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 My Reviews on Amazon 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 My Reviews on Amazon 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 My Reviews on Amazon widget and be even more creative.

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

Easy To Embed

My Reviews on Amazon are considered to be trustful and can have a big impact on a user's decision of whether to use your product or not. Thereby, having those reviews clearly displayed on your website via this widget will be absolutely beneficial.

Increase Credibility & Trust

By clearly displaying your good Amazon Reviews and increasing trust in your product, you will be able to help undecided users to make the decision to become paying customers quicker.

Drive Sales Up Quicker

The widget’s full customization options will enable you to choose from different review types, layouts, skins, fonts, colors, and more, and make the reviews complement your website’s design.

Enhance Design

My Reviews on Amazon

Reviews

The Count-Up Clock widget empowers you with the ability to customize the titles and labels for days, hours, minutes, and seconds, ensuring that the count-up timer aligns perfectly with your unique event or promotion. Craft labels that resonate with your audience and context, enhancing the overall user experience and making it more engaging and purposeful.

Tailored Labels and Descriptions

The Count-Up Clock widget provides a variety of design themes, making it a breeze to harmonize the widget's look with your website's aesthetic. Explore multiple pre-built themes and effortlessly adjust the widget's appearance to seamlessly integrate with your site's overall design.

Versatile Design Skin

With the Count-Up Clock, you have access to a range of layout options designed to suit your website's aesthetics. Choose from various presentation styles, including horizontal, vertical, or circular count-up displays, to create an attractive and visually pleasing countdown that complements your website's design seamlessly.

Diverse Layout Choices

The Count-Up Clock widget adds an element of dynamic engagement to your website with captivating animations that showcase the transition of numbers as they count up from a specific event. Customize the animation style and speed to your liking, ensuring that your count-up timer becomes a standout feature for your website visitors.

Animated Time Display

Implementing the Count-Up Clock is a breeze, requiring no coding skills or technical expertise. Its user-friendly interface and straightforward setup process make it accessible to users of all experience levels, enabling anyone to effortlessly create and customize a count-up timer for their website.

Effortless Setup with No Coding Required

The Count-Up Clock widget offers comprehensive customization options, giving you the flexibility to tailor the design to your specific requirements. Modify colors, fonts, spacing, and any other elements effortlessly to create a countdown timer that perfectly suits your preferences and style.

Extensive Customization Possibilities

The Count-Up Clock widget is designed for ease of use and doesn't demand any coding expertise. Our intuitive dashboard, equipped with a simple drag-and-drop interface, empowers you to customize the widget precisely as you desire with just a few effortless clicks.

Easy to use widget

The Count-Up Clock widget features a responsive design that guarantees optimal display and functionality on various devices and screen sizes. Whether your visitors access your website from a desktop, tablet, or mobile device, the count-up timer automatically adapts to provide a smooth and visually appealing experience, ensuring your website maintains a professional and engaging presence.

Seamless Responsiveness

For those seeking in-depth customization, the Count-Up Clock widget offers full CSS control. This advanced feature empowers experienced users and web developers to finely adjust the timer's appearance and behavior, ensuring it harmonizes perfectly with their precise design preferences and needs.

Complete CSS Customization for Advanced Design

Count-Up Clock widget offers effortless integration with a variety of website builders and platforms, guaranteeing a seamless addition of the count-up timer to your site. Its user-friendly setup ensures a hassle-free experience, free from technical challenges or compatibility concerns.

Easy Integration with any website

With the Count-Up Clock, you can effortlessly highlight time-related milestones, such as product launches, anniversaries, or special occasions. This eye-catching display adds a dynamic element to your website, drawing attention to important events.

Time-Related Content Highlight

Connect with your website visitors on a personal level by sharing the journey of your important events. The Count-Up Clock creates a sense of nostalgia and emotional connection, fostering a deeper bond with your audience.

Increase Visitor Connection

The Count-Up Clock widget helps website owners boost user engagement by displaying a live timer that counts the time since a significant event. This captivating feature keeps visitors interested and encourages them to explore your content.

Enhanced Website Engagement

Count-Up Clock

Website Components

New!

Easily craft, customize, and integrate flow charts on your website.

The Diagrams widget offers a versatile range of shapes to represent your information best. Choose from rectangles, ellipses, or triangles to create distinct visuals. Whether you're outlining a process, highlighting key points, or showcasing a hierarchy, these shapes ensure your diagrams are both functional and aesthetically pleasing.

Shape Variety at Your Fingertips

Tailor the connections between your shapes with a variety of connector types. Whether you prefer the artistic curves of bezier, the simplicity of a straight line, or the elegance of smooth steps, the Diagrams widget has you covered. This feature allows you to design diagrams that are both clear in conveying information and visually engaging.



Flexible Connection Choices

Breathe life into your diagrams with animated connectors. This feature gives the illusion of data streaming from one shape to another, adding a dynamic touch to your visuals and making your diagrams more engaging for the audience.

Dynamic Connector Animations

Enhance the clarity of your diagrams with the addition of labels and tooltips. Attach descriptive labels to your connectors to provide context, and use tooltips on shapes to offer additional information on hover. This ensures that your audience receives a comprehensive understanding of the content, all while interacting with the diagram.

Informative Labels and Tooltips

Add clarity to the flow of your diagrams with customizable connector arrows. The Diagrams widget lets you set arrows at the start, end, or both ends of your connectors. This ensures that your audience can easily follow the direction and flow of information, making your diagrams more intuitive and user-friendly.

Directional Arrow Options

Elevate the visual appeal of your diagrams by embedding images directly into your chosen shapes. Whether it's a logo, an icon, or any relevant image, this feature enhances the informational and visual value of your diagrams. By combining imagery with textual content, you can create a more immersive and informative experience for your website visitors.

Embed Images Within Shapes

Tailor the look of your diagrams with a variety of skins. Whether you're aiming for a modern, classic, or unique aesthetic, the Diagrams widget offers multiple designs to align with your website's theme and your personal preferences.

Diverse Aesthetic Skins

Dive into a world of endless possibilities with the Diagrams widget. Designed to be fully customizable, it empowers you to tweak every aspect, from shapes and connectors to skins and animations. This ensures that your diagrams not only serve their purpose but also resonate with your brand and vision, making your website truly stand out.

Complete Customization Control

Experience simplicity at its best with the Diagrams widget. Designed with users in mind, its intuitive interface ensures that creating and modifying diagrams is a breeze, even for those new to the world of web design.

User-Friendly Interface

Ensure a seamless viewing experience across devices with the Diagrams widget. Whether accessed from a desktop, tablet, or smartphone, the widget adjusts perfectly, guaranteeing that your diagrams look impeccable every time.

Adaptable Responsiveness

Unleash your creativity and tailor the Diagrams widget to your exact specifications using custom CSS. This feature allows for deeper customization, ensuring that your diagrams not only function well but also align perfectly with your website's design.

Customize with CSS

Embedding the Diagrams widget into your website is as simple as copying and pasting a code. With its straightforward integration process, you can quickly enhance your site with interactive diagrams without any technical hurdles.

Effortless Integration

Relying solely on text can make content monotonous. By integrating diagrams and flow charts, site owners can diversify their content presentation, catering to a broader audience. Some visitors prefer visual explanations over textual ones, and offering both can cater to varied learning styles, ensuring a more inclusive user experience.

Diversified Content Presentation

Visual aids, such as diagrams and flow charts, are known to improve content retention among users. By presenting information visually, site owners can ensure that their content is not only understood but also remembered by visitors. This can lead to better brand recall and a stronger connection with the audience.

Enhance Content Retention

A well-organized website with clear visuals, like diagrams and flow charts, can elevate the site's professionalism. Visitors often associate such visual aids with thorough research and expertise, enhancing the site's credibility and making them more likely to trust and return to your content.

Increas Professionalism and Credibility

Diagrams

Add interactive areas on images that reveal extra information when clicked or hovered over.

Example 5

You can make your Image Hotspot clickable and link it to any URL. By making your image hotspot clickable and linking it to a specific URL, you can improve the user experience and increase conversions on your website. 

Linkable & Clickable

The Image Hotspot widget is a versatile and useful tool that can enhance any design project. With a total of 10 beautifully crafted icons to choose from, you have the flexibility to tailor your design to fit your specific vision. These icons can be easily applied to any design direction, making it easy to incorporate them into your work. Whether you are creating a website, marketing materials, or any other type of design project, the Image Hotspot widget has something for everyone. Its sleek and modern appearance is sure to elevate your design and add a touch of sophistication.

Awesome Icon Options

By animating your hotspot with a gentle motion, you can effectively draw your audience's attention toward it. This way you can make the hotspot more visible and engaging for your viewers, leading to increased interaction and engagement with your content.

Animation

By including a video within your hotspot's tooltip, you can add an extra layer of information and interactive elements to your content. This can be particularly useful if you are trying to convey complex ideas or concepts, as a video's visual element can help clarify and illustrate your points in a way that text alone may not be able to do. Additionally, including a video can help break up text-heavy content and provide a more engaging experience for your viewers. With the ability to add videos to your hotspots, you can enhance the user experience and increase engagement with your content.

Embed Video

There is the option to customize and alter the appearance of the hotspot tooltips. This allows you to tailor the style to fit the aesthetic of your website and create a more cohesive and visually pleasing experience for your users.

Tooltip

With the Image Hotspot widget, you have complete control over the look and feel of your design. You can easily customize various elements such as the colors, fonts, and spacing to match your brand or personal style. Whether you want to create a sleek, modern design or a more traditional look, the Image Hotspot widget has you covered. With its wide range of customization options, you can easily tweak and adjust every aspect of your design to get the perfect look for your project.

The Image Hotspot widget is a valuable tool for any website. Not only is it fully responsive, meaning it will adjust seamlessly to fit the screen size of any device, but it also has a sleek and modern design that will enhance the overall look of your site. In a world where more and more people are accessing the internet through their phones and tablets, it is crucial to have a website that is optimized for mobile viewing. The Image Hotspot widget will allow you to do just that, giving you an edge over competitors.

The Image Hotspot 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.

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Image Hotspot 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.

To embed the Image Hotspot widget on your website, simply copy and paste the provided code snippet into the HTML of your webpage. The widget will seamlessly integrate into your website, allowing you to highlight specific areas of an image with interactive hotspots easily. Additionally, the widget is designed to be self-updating, meaning that any changes you make to the hotspots will be reflected automatically on your website without the need for any additional manual updates.

The Image Hotspot widget allows you to add interactive elements to your website and make static images more engaging for your visitors. Users can access additional information, images, or even links to other pages by clicking on designated hotspots within the image. This can make your website more interactive and encourage visitors to explore your site more.

Add Interactivity Using Image Hotspot

The Image Hotspot widget is valuable for adding additional information to an image without covering it up. By creating hotspots on the image, you can add text, links, or other multimedia elements to provide context or additional details about the image. This is especially helpful for displaying maps, diagrams, or product images where you want to highlight specific areas or features.

Add Text Without Obstructing the Image

The Image Hotspot widget is a valuable tool for any e-commerce store looking to showcase their products in a visually appealing and organized manner. By using this widget, you can display multiple items in one place and attach relevant information, such as prices and descriptions, directly to the images.

Implement Visual Storytelling

Image Hotspot

Images & Galleries

Showcases videos in a rotating or sliding manner

The Video Carousel widget supports a variety of video hosting platforms, including YouTube, SoundCloud, Facebook, Vimeo, Twitch, Streamable, Wistia, DailyMotion, Mixcloud, Vidyard, and Kaltura.
With the ability to display videos from multiple platforms, you can provide your website's users with a diverse range of video content catering to different user preferences. This, allows you to leverage the strengths of each hosting platform.

Multiple Video Hosting Platforms

The Video Carousel widget comes with the option to change the carousel’s video sizes — from small, to large, vertical, or horizontal, you make the widget fit your specific needs.
The ability to customize the size and orientation of your video carousel is a valuable feature that can enhance your website's visual design and usability. By having the option to change the size of the video carousel widget, you can ensure that it fits seamlessly into the layout of your website, without disrupting the overall design. Moreover, you can choose between a vertical or horizontal orientation, depending on the type of video content you want to showcase and the layout of your website.

Video 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 Video Slider widget comes with the options to control the speed at which the videos slide, and how much time should be spent on the videos. You can use these options to tailor your user’s experience.

Dash in Text Options

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Bracket Maker

Animated Headline

My Reviews on Amazon

Count-Up Clock

Diagrams

Image Hotspot

Video Carousel

Capterra Reviews

Twitch Feed

Testimonials Slider

Image Slider

Marketing Button

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Dash in Text Options

OpenCart extension

App Details

Pricing

Check Out the Bracket Maker Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Bracket Maker

Animated Headline

My Reviews on Amazon

Count-Up Clock

Diagrams

Image Hotspot

Video Carousel

Capterra Reviews

Twitch Feed

Testimonials Slider

Image Slider

Marketing Button

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine