Pixabay

A payment button that initiates a linked payment form with PayPal or Stripe for convenient and secure transactions

The Payment Button currently works with the Stripe and PayPal payment gateways, from which you can choose the one that fits your needs. This compatibility ensures seamless integration into your existing e-commerce platform, allowing for a more flexible and user-friendly payment experience.

Multiple Payment Gateway Integrations for the Payment Button

The Payment 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. Keep track of your sales efficiently with this powerful tool.

Payment Button Email Notifications

The Payment Button widget enables viewing all the transactions that were made through the button, with the additional option that enables to export of these transactions into a CSV file.

Displaying and Exporting Transactions to a CSV File

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

Option To Add Taxes & Shipping Prices

The 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. Adding a personal touch can make your customers feel valued and foster long-lasting relationships.

Option To Add Post-Payment Messages

The Payment 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. Offering a visually appealing Payment Button will attract more customers and enhance their overall shopping experience.

Choose from Multiple Skins for Your Payment Button

The Payment 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! These personalized adjustments will enable you to maintain consistent branding across your online presence, improving customer recognition and trust.

Completely Customizable Payment Button

The Payment Button 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. By catering to all screen sizes and devices, you increase the likelihood of capturing sales and maintaining user engagement.

Perfectly Responsive Payment Button

The Payment 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.

Easy To Use Payment Button

In addition to the built-in customization options, our Payment Button widget allows you to incorporate custom CSS, enabling even more creative control over its appearance. With this feature, you can fine-tune the widget to perfectly align with your website's design and brand identity.

Payment Button Custom CSS for Enhanced Creativity

Embedding the Payment Button on your website is a breeze – simply copy and paste a single line of code. Additionally, the Payment Button widget will update automatically with every change you make, ensuring your website remains current and functional without any extra manual intervention.

Effortless Embedding the Payment Button

A payment button streamlines the payment process, allowing customers to make a purchase quickly and easily with just a few clicks. This can reduce the time and effort required for customers to complete a payment, leading to increased sales and customer satisfaction. Integrating the Payment Button will undoubtedly enhance your website's functionality.

Effortless Payment Process with Payment Button

A payment button can simplify the checkout process, reducing cart abandonment and increasing sales. Customers can quickly complete their purchases without navigating through multiple pages, providing a sense of security and trust in the website's payment processing. This easy-to-use feature will help your business grow and prosper.

Payment Button: Boost Sales & Minimize Cart Abandonment

A payment button can improve user experience by streamlining the checkout process, making it more convenient and efficient for customers. With just a few clicks, users can quickly and securely complete their purchase without the need to navigate through multiple pages. Implementing this Payment Button is a smart way to keep your customers happy and engaged.

Enhanced User Experience with the Payment Button

Payment Button

Website Components

Display the latest posts from your Mastodon page

You can show your feed in a gallery format, with no other distractions to create a truly immersive experience for your visitors. 


An Immersive Experience

With a short, teasing sentence, and enticing images, it’s easy to encourage users to click on the feed to learn and read more about a particular topic. 


An Invitation to Explore

Style 3

Style 4

You can also present your feeds in a more detailed manner, to inform your users, and encourage them to read the desired posts. 


Detailed Information for Better Decisions

Style 6

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

Mastodon Feed 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 Mastodon Feed widget according to your needs, and the preferences of your visitors.

Date & Time Display Settings

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

The Mastodon Feed Refresh Automatically

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

Different Mastodon Feed Types

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

Customize Character Display Length

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

Multiple Mastodon Feed Layouts

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

Mastodon Feed Multiple Skins

The Mastodon 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 Mastodon Feed widget offers full customization options to make it fit your needs. Change the colors, the fonts, the spacing, and anything else!

Fully Customizable

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

Perfectly Responsive

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

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

Custom CSS

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

Easy To Embed Mastodon Feed on your website

The Mastodon Feed widget lets you group several Mastodon feeds into one page, making them more accessible and quicker to navigate.

Group Mastodon Feeds

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

Auto Mastodon Feed Refresh

The Mastodon Feed widget can add a fun element to your page's design. Implementing the "ticker" animation will create a more appealing design for your page.

Enhance Design

Mastodon Feed

Social Feeds

Add interactive links, product cards, and buttons to your videos with ease.

The Interactive Video widget allows you to embed clickable links directly onto your videos. This feature provides an easy way to guide viewers to additional content, products, or services seamlessly. By integrating links, you can create a more engaging and interactive viewing experience, helping drive traffic to specific pages and boosting conversions.

Add Interactive Links with the Interactive Video Widget

With the Interactive Video widget, you can add product cards featuring an image, title, and description to your videos. This allows you to showcase products or services directly within your video content. By providing detailed product information and visuals, you can increase viewer interest and drive sales without interrupting the viewing experience.

Enhance Videos with Product Cards Using the Interactive Video Tool

The Interactive Video widget enables you to place custom buttons within your videos. These buttons can be used to prompt specific actions, such as signing up for a newsletter, learning more about a topic, or making a purchase. By integrating call-to-action buttons, you can guide your audience towards desired outcomes and enhance the interactivity of your video content.

Boost Engagement with Custom Buttons on Interactive Videos

The Interactive Video widget offers flexible video dimension options to fit your website's design. You can select from preset sizes suitable for mobile, landscape, and other standard formats, or define custom dimensions to perfectly match your layout requirements. This adaptability ensures that your videos are displayed optimally, enhancing the visual appeal and user experience on your site.

Customize Video Dimensions with the Interactive Video Widget

The Interactive Video widget offers versatile positioning options to seamlessly integrate videos into your website. You can display videos inline as part of your page content or have them minimized and floating at one of the page corners. When a viewer clicks to play, the minimized video will expand, providing an engaging and immersive experience. This flexibility ensures that your videos are always presented in the most effective and user-friendly manner.

Flexible Video Positioning with the Interactive Video Widget

The Interactive Video widget provides a range of beautiful skins, enabling you to align the design seamlessly with your brand and website aesthetics. This variety not only enhances the visual appeal of your site but also reduces the time and effort involved in customization, ensuring a cohesive and attractive user interface.

Select from Multiple Interactive Video Widget Design Skins

The Interactive Video widget comes with extensive customization capabilities, allowing you to modify its design to suit your specific requirements. You can adjust colors, fonts, spacing, and other elements, giving you the flexibility to create a widget that is both functional and uniquely tailored to your website's aesthetic.

Fully Customizable Interactive Video Widget

The Interactive Video widget is designed to be fully responsive, ensuring it displays elegantly on any device. In an era where mobile optimization is crucial, this feature is key to delivering a consistent user experience across all devices.

Perfectly Responsive Interactive Video Widget

The Interactive Video widget is designed with user-friendliness in mind, requiring no coding expertise for customization. Its intuitive dashboard simplifies the customization process, allowing you to tailor the widget to your preferences with just a few clicks. This ease of use makes it accessible for anyone to integrate and modify, enhancing your website's functionality without needing specialized knowledge.

Easy to Use Interactive Video Widget

The Interactive Video widget offers the option to add custom CSS, aligning with Common Ninja’s commitment to flexibility. This feature is ideal for developers and designers who want to apply their unique touch, allowing for deeper customization of the widget's look and functionality. It provides an avenue for creative expression, ensuring the widget can be finely tuned to match your website's specific style and interaction needs.

Custom CSS for Enhanced Creativity

Embedding the Interactive Video widget on your website is straightforward, requiring just a single line of code. This ease of integration simplifies the setup, making it accessible for users of all technical levels. Additionally, the widget updates automatically with every change you make, ensuring that your website always displays the most current version of the widget without any extra effort.

Effortless Embedding of the Interactive Video Widget on Any Website

Adding interactive elements to your videos can significantly enhance user engagement. This feature encourages viewers to interact with your content, leading to longer watch times and higher retention rates.

Boost User Engagement with Interactive Video

The Interactive Video widget can help convert viewers into customers by incorporating clickable links, call-to-action buttons, and forms directly within the video. This seamless integration can lead to higher conversion rates and improved business outcomes.

Drive Conversions with Interactive Video Tool

Interactive videos provide a dynamic and engaging user experience. By allowing users to interact with the video content, you can create a more immersive experience that keeps visitors on your site longer and encourages them to explore more of your content.

Enhance User Experience on Your Website

Interactive Video

Boost Sales

Media

User Engagement

New!

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


The Company Branch 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!

Multiple Layouts

The Company Branch 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 Company Branch Flip Cards widget allows you to add locations, working hours easily, and supplementary symbols, such as WiFi availability, handicap access, and others, to improve your users’ experience with quickly and visually accessible information about the branches.

Location, Working Hours & Supplementary Symbols

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 Company Branch 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

The Company Branch 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 Company Branch 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.

The Company Branch 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 app any way you’d like to with just a few simple clicks.

Easy To Use Company Branch Cards Widget

As with all of Common Ninja’s widget , you can add custom CSS to customize the [app_name] app and be even more creative.

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

Easy To Embed 

The Company Branch Flip Cards widget will enable you to provide important information about many different branches in a concise way, which will be easily accessible by your users.

Easy Access To Information

The Company Branch Flip Cards widget with its full customization features will be a great visual addition to your website. You can design and customize it any way you want, to complement your existing design.

Enhanced Design

The Company Branch Flip Cards widget will improve your users’ experience by providing quick and easy access to important information. This, in turn, will most certainly affect their decision-making process in your favor.

Better User Experience

Company Branch Flip Cards

Lists & Cards

Visualize data and information using various chart types, including bar, pie, and line graphs, and more

Example 1

Example 2

Example 3

Example 4

Example 5

Example 6

Example 7

Charts & Graphs features 20 different types of charts that will enable you to deliver information just the way you want it to. From bar charts to pie charts, radial charts, and 3D charts — it’s got it all. Simply choose the chart you want and start using it, or customize it endlessly — it’s a fun game in its own right!

A Large Selection of Chart Types

With the Chart & Graphs widget, you can convert any CSV file into an interactive chart or easily connect it to your Google Drive or other, remote URLs. Prepare the data wherever you are most comfortable doing it, and then upload it.

Multi-Source Data Import 

The Charts & Graphs 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, 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 Charts

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

Perfectly Responsive Graphs and Charts

The Charts & Graphs 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 Charts

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

Enhance your graphs and charts by adding tooltips that provide additional information for your website. These tooltips can help clarify data points or provide context for your chart or graph, helping your users better understand and interpret the information you are presenting.

Tooltips

You have the option to define a color scheme that will be used as the default colors for your charts and graphs when they are automatically generated from an external source of data. By defining a color scheme, you can ensure that your charts and graphs have a cohesive and visually appealing appearance, even when they are being generated automatically.

Color Scheme

With the Charts & Graphs app, you can improve and expedite the decision-making process by providing easy-to-follow information to your readers. Display the benefits of your product or service, explain how you offer value in a visual way, warn of the dangers of inactivity with dramatic charts and more!

Improve & Expedite the Decision-Making Process

The Charts & Graphs widget allows you to summarize large amounts of information for better accessibility and easier understanding of different subjects. Provide yearly output comparisons, quarterly yields, fun facts, projected future results and similarly relevant information! Don’t bore your readers with huge amounts of text — show them charts!

Summarize Large Amounts of Data

The Charts & Graphs widget enables information to be presented in a visually appealing way that can complement your website’s design and enhance the users’ experience on your website. Add breakpoints between text, create stunning 3D charts and choose any color scheme you’d like.

Enhance Design and Improve User Experience

Charts & Graphs

A button placed at the bottom of a webpage that, when clicked, scrolls the page back to the top

The Back to Top Button widget comes with an option to change the position of the button (right, left, center), which will allow you to customize it to fit your specific needs. This flexibility ensures that the button blends seamlessly with the overall design of your website, making it an essential tool for improving user experience and navigation.

Easy Button Position Change

The Back to Top Button widget features different arrow icons you can choose from. Simply select the one that will complement your website’s design. This customization option provides the flexibility to match the button to your website’s aesthetic, creating a seamless and visually appealing user interface.

Different Icon Types

The Back to Top Button widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style. With this versatility in design options, you can seamlessly integrate your brand's aesthetic into your website while maintaining a polished look.

Back to The Top button Multiple Layouts

The Back to Top 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. And even if you decide to customize the widget further, its user-friendly interface makes it easy for you to personalize it to match your website's unique style and aesthetic.



Multiple Skins for the Back to Top button

The Back to Top Button widget is designed to be fully customizable, allowing you to adjust the design to match the look and feel of your website. With various customization options at your fingertips, you can easily change the colors, fonts, spacing, and other elements to create a button that fits seamlessly into your website design. Whether you're looking to match your brand colors, create a unique look, or personalize your website, the Back to Top Button widget provides you with all the tools you need to get the job done. Additionally, with the ability to preview your changes in real time, you can easily experiment with different styles and design elements until you find the perfect combination that fits your needs and enhances the user experience on your website.

Fully Customizable Widget

The Back to Top Button widget is designed to provide a seamless user experience on any device. With its fully responsive design, the button will look great and function smoothly on desktop computers, laptops, tablets, and smartphones. This is especially important in today's mobile-first world where more and more people are using their smartphones and other mobile devices to browse the web. By ensuring that your website is optimized for all devices, you'll improve the user experience for your visitors and stay ahead of your competitors in terms of functionality and design. With the Back to Top Button widget, you'll be able to provide your visitors with a fast, easy, and intuitive way to navigate your website no matter what device they use.

Perfectly Responsive Widget

The Back to Top 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.

Easy To Use Widget

In addition to the built-in customization options, the Back to Top Button widget allows you to add your custom CSS to enhance the button further and make it truly unique. Whether you're a seasoned developer or simply looking to get creative, the ability to add custom CSS gives you the power to take your website design to the next level. With custom CSS, you can change the button's size, shape, and positioning, or even create entirely new styles from scratch. The possibilities are endless, and with some creativity, you can make the Back to Top Button widget your own. This level of customization allows you to create a button that fits perfectly with the look and feel of your website and enhances the overall user experience for your visitors. Whether you're looking to create a sleek, modern design or a more traditional, classic look, the Back to Top Button widget and its custom CSS capabilities give you the tools you need to make it happen.

Back to Top button Custom CSS

You can embed the Back To Top button on your website easily by copying a single line of code. The Back to Top Button widget will also be updated automatically with every change you make.
Copy the code for the button and paste it into your website's HTML code. The code should be placed in the appropriate section of your website, such as the footer or header.



Easy To Embed Back to Top button

The Back to Top button provides users with easier on-site navigation as with a simple click, they will be transformed back to the top of the page. This is ideal for pages where there’s a lot of text, and scrolling back up may be an annoyance.

Easy Navigation with Back to Top button

The improved navigation that the Back to Top button offers will undoubtedly improve the users’ experience on your website, encouraging them to come and visit your website again. Additionally, the added convenience of quickly returning to the top of the page with just one click can save time and effort for the user, further enhancing their overall experience on your website.

Improved User Experience

With simple navigation to the top of the page, users will be able to engage with other elements on your website, for example, with call-to-action buttons, additional links, videos, images, and more. This, in turn, can lead to increased engagement, higher conversion rates, and ultimately, a boost in overall website success.

Use a Back to Top button for More Engagement

Back to Top Button

Popups, Bars & Buttons

The PDF Flipbook widget offers a true-to-life book-reading experience, complete with realistic page-flipping animations and sound effects. This feature immerses users in a familiar and enjoyable reading journey, replicating the tactile sensation and visual appeal of flipping through a physical book. It enhances the user's interaction with digital content, making it not just informative but also delightfully engaging.







Authentic Book-Reading Experience with PDF Flipbook

The PDF Flipbook widget allows you to upload your own cover image, adding a personalized touch to your digital publications. This customization not only enhances the visual appeal but also optimizes loading times, ensuring your flipbook opens quickly and smoothly for every user. This feature strikes the perfect balance between personalization and performance efficiency.

Customizable Cover Image for Faster Loading

The PDF Flipbook widget provides two distinct layout methods for displaying your content: popup and inline. You have the flexibility to choose whether your PDF opens in a popup window for focused reading, or inline within the webpage for seamless integration. This adaptability ensures that the presentation of your digital flipbook aligns perfectly with your website's design and user experience preferences.

Pixabay

Webflow app

App Details

Pricing

Check Out the Payment Button Widget

App Info

Find the Best Webflow apps for you

Chat

Ecommerce

Forms

Payment

analytics

Membership

Popup

Contact

Events Calendar

Privacy

Email Marketing

Translation

Slider

Social Feed

Social Sharing

Reviews

Comments

Payment

Forms

Popup

Chat

Some of the best Common Ninja apps for Webflow

Payment Button

Mastodon Feed

Interactive Video

Company Branch Flip Cards

Charts & Graphs

Back to Top Button

PDF Flipbook

Marketing Button

Video Gallery

Skill Flip Cards

Social Proof Avatars

Image Accordion

apps You Might Like

Discover the best apps for your website

Common Ninja Search Engine