Flexibility 5 - 2.1.0-pl

Menno Pietersen 2.1.0-pl (823 KB)Other VersionsNeed help installing this extra?

Flexibility 5

Displays data or features side-by-side, allowing users to compare and contrast the information easily

You can create detailed comparison tables with a visual representation of information in an easy-to-understand manner and add call-to-action buttons that will take your users directly to a landing page or a checkout page.

Detailed Comparison for Quicker Conversions

With an easy-to-read font and little to no clutter, important information can be received better, improving user experience and making the whole process more enjoyable.

Clear and Easy-to-Follow Presentation for Better Understanding

Style 3

Style 4

Style 5

Style 6

Style 7

The Comparison Tables widget comes with indispensable search and sort options that will further enable your users to access information in the most accessible way.

Search & Sort Options

With Comparison Tables, you can create floating elements to keep the position of column and row headers fixed. Your users won’t get lost when looking at long tables.

Floating Elements

The Comparison Tables widget offers a pagination option for the really long comparison tables. Allow your users to read all the information you want comfortably.

Comparison Tables Pagination

You can easily convert any CSV file into an interactive compare table. With Common Ninja's smart converter, all your data is transferred exactly as it is, including tags, images, buttons, and other supported elements.

Easy CSV-to-Table Conversion

The Comparison Tables widget offers a variety of stunning premade skins that you can use to create comparison tables quickly and easily. Instead of spending hours trying to find the right colors or fonts, simply select a premade skin that you like and start building your comparison table. With a range of styles to choose from, you can find the perfect look and feel to match your brand and style. Whether you want a sleek and modern design, a bold and colorful look, or a clean and minimalistic style, there's something for everyone.

Comparison Tables Beautiful Skins

The Comparison Tables widget comes with full customization options, giving you the ability to easily edit the design to match the aesthetic of your website. You can change the colors of the Comparison Tables, buttons, and labels to match your branding. You can also choose from different font options and adjust the font size, style, and color to create a cohesive and professional look. In addition to these design options, you can customize the widget's spacing to ensure it fits seamlessly into your website layout.

Fully Customizable Comparison Tables

The Comparison Tables 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 Comparison Tables widget will allow you to do just that, giving you an edge over competitors.

Perfectly Responsive Comparison Tables

The Comparison Tables 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 Comparison Tables

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

Comparison Tables Custom CSS

To embed the Comparison Tables 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 Comparison Tables Editor will be reflected automatically on your website without the need for any additional manual updates.

Easy To Embed Comparison Tables

The Comparison Tables widget enables you to deliver information in an organized and aesthetically pleasing visual way that your users will love.

Provide Great User Experience

With the Comparison Tables widget, you’ll be able to compare your products or services against that of a competitor’s and highlight your benefits in an easily accessible way.

Showcase Your Benefits in a comparison table

The Comparison Tables widget will allow you to expedite the user’s decision-making process in your favor by creating a simple, visual representation of the benefits you offer.

Expedite Decision-Making

Use the Comparison Tables widget when visitors need to choose between similar options and you want them to feel confident about their choice. Instead of letting them guess or open multiple tabs, you can list features, specs, or benefits in a single, aligned view. This works for product lines, plans, bundles, tools, or even competitors you want to benchmark against. Visitors can scan rows to see what changes from column to column and identify the option that fits their needs. A clear comparison reduces analysis fatigue, cuts decision time, and supports honest, transparent communication about what each option is designed to do.

Comparison Tables

Website Components

Comparison Table - Templates 8

Comparison Table - Templates 7

Comparison Table - Templates 6

Comparison Table - Templates 5

Comparison Table - Template 4

Comparison Table - Template 3

Comparison Table - Template 2

Comparison Tables - Template 1

A donation button that enables users to contribute through PayPal or Stripe payment platforms

The Donation Button widget currently works with the Stripe and PayPal payment gateways, from which you can choose the one that fits your needs. This flexibility ensures seamless integration with your existing donation processing systems.

Multiple Payment Gateway Integrations

The Donation Button widget features the option to toggle email notifications and webhooks. The email notifications can be toggled both for the website owner and the customers. Stay connected and informed about your donation transactions with ease.

Donation Button Email Notifications

The Donation Button widget enables viewing all the transactions that were made through the button, with the additional option that enables to export these transactions into a CSV file. This functionality enables efficient tracking and analysis of your donation data.

Displaying and Exporting Transactions to a CSV File

The Donation Button widget allows adding taxes and shipping prices manually, enabling a more accurate pricing listing.

Option To Add Taxes & Shipping Prices

The Donation Button widget comes with the option to add post-payment messages, that can be used to assure users that their payment has been processed or to thank them for their payment. Providing transparency in the donation process fosters trust and confidence in your organization. These messages help build stronger connections with your supporters.

Option To Add Post-Payment Messages

The Donation Button widget comes with a variety of beautiful skins that you can choose from so you don’t have to spend much time on extensive customization. An attractive donation button will encourage more donors to support your cause.

Choose from Multiple Skins for Your Donation Button

The Donation Button widget features full customization options so you can edit the design to fit your needs. Change the colors, the fonts, the spacing, and anything else! By personalizing the donation button, you not only enhance its visual appeal but also make it easier for donors to recognize and trust your organization, leading to increased support for your cause.

Comprehensive Customization Options for the Donation Button

The Donation Button widget is fully responsive and will look great on any device. In today's mobile-first world, this feature provides an optimized donation experience for users across different devices, increasing the likelihood of receiving support.

Optimized Responsiveness for the Donation Button

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

User-Friendly Donation Button Widget

Like all of Common Ninja's widgets, you can add custom CSS to further personalize the Donation Button widget, unleashing your creativity and ensuring a perfect fit with your website's design.

Custom CSS for the Donation Button

You can embed the Donation Button on your website easily by copying a single line of code. The Donation Button widget will also be updated automatically with every change you make. Moreover, the Donation Button widget updates automatically with every change you make, keeping your website current and functional without manual intervention.

Easy To Embed Donation Button

A donation button on your website can foster community and encourage engagement by providing visitors with an easy way to actively contribute to your cause. This can deepen their connection with your organization, leading to increased support and growth over time.

Increased User Engagement

A donation button can encourage recurring donations by making it easy and convenient for visitors to sign up for ongoing support. Emphasizing the benefits of regular giving can help build a loyal and committed base of donors, providing your organization with a solid foundation for growth and success.

Encourages Recurring Donations

A donation button can increase donations by making it easy and convenient for visitors to give. Prominently featuring the button and emphasizing impact, as well as offering different levels or incentives, can encourage more generous giving and help your organization achieve its goals.

Increased Donations

Use the Donation Button widget when you want to accept financial support for a cause, project, or content in the most straightforward way possible. The button launches a secure payment form through PayPal or Stripe, so donors can contribute without navigating a full store or complex page. You can place it on campaign pages, articles, event descriptions, or sidebars wherever your message is strongest. This is especially useful for nonprofits, creators, community initiatives, and open source projects. A clear, trustworthy donation entry point lowers hesitation and encourages spontaneous giving at the moment when visitors feel most connected to your mission.

Donation Button

Product blobs highlight key items and featured products to guide visitors toward quicker, confident purchases.

Example 1

Example 2

Example 3

The Product Blobs app features a selection of different blob shapes that you can choose from to make your pages truly unique. 

Multiple Blob Types

The Product Blobs app features different layouts for you to choose from to better customize the blobs to fit your website and its design needs.

Different Layouts

The Product Blobs app features different color filters that you can use and match with your products to make them stand out and enhance their features further.

Vivid Color Filters

The Product Blobs app features a whopping 16 blend modes so that you can customize your blobs even more and make your product page truly unique.

Extensive Blend Modes

The Product Blobs app features gentle blob animation, the speed of which can be regulated and adapted to complement the page’s design.

Gentle Animation

The Product Blobs 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!

Fully Customizable

The Product Blobs app 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 Product Blobs 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 app 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 Product Blobs app and be even more creative.

Custom CSS

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

Easy To Embed 

With features like color filters, layouts and animation, the Product Blobs app can make your products stand in a visually appealing way.

Make Your Products Stand Out

The Product Blobs app enables you to create more engaging and beautiful pages with a large variety of customization options, blob types and animation. With it, you can make your boring, static pages more appealing to users.

Enhance User Experience 

The Product Blobs app features clickable, customizable buttons that can be linked to any relevant landing page, pricing page, or cart page. This will improve conversions by making the user’s journey easier & more guided.

Increase Conversions

Use the Product Blobs widget when you want to highlight specific items in a way that stands out from regular grids and lists. The blob style draws the eye and frames each product as a featured choice, which is perfect for best sellers, new arrivals, or curated picks. You can present key details like name, price, and a short benefit line while keeping the design playful and modern. This works well on homepages, collection pages, and landing pages where you want to direct attention to a small set of important products. By giving these items a unique visual treatment, you gently guide visitors toward them and support faster, more confident purchase decisions.

Flexibility 5

MODX extra

App Details

Pricing

App Info

Some of the best Common Ninja extras for MODX

Comparison Tables

Donation Button

Product Blobs

extras You Might Like

Gmaps

frontpage

YouTube Video Gallery

Andreas02

ModxMinify

AlignImage

FormIt2db

SiteAtoZ

JoliTypo

LikeDislike

Discover the best apps for your website

Common Ninja Search Engine

Flexibility 5

MODX extra

App Details

Pricing

Check Out the Comparison Tables Widget

App Info

Some of the best Common Ninja extras for MODX

Comparison Tables

Donation Button

Product Blobs

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine