JotForm

A designed stylish button with text and an icon that usually used for marketing and promotion purposes

Example 1

Example 2

Example 3

The widget comes available with a variety of button animations that you can choose from to customize how your button will look. You may provide your audience with an immersive and engaging experience by using the animation elements of the Marketing Button. 

Different Animations

The Marketing Button widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style. You can choose the layout that best fits your marketing objectives and target audience preferences because each one has been meticulously designed to achieve maximum visibility and engagement. You can quickly explore and test which style works best for your website with the ability to flip between layouts.

Multiple Marketing Button Layouts

The Marketing Button widget comes with a selection of beautiful skins that you can use to add to it and enrich its visual appearance. The widget offers skins that you can use to alter the button's style to fit the identity of your website. By using these options, you can quickly and easily construct a marketing button that matches the general style of your website and has a professional appearance without having to spend hours designing it from scratch.

Marketing Button Multiple Skins

You can set the Marketing Button to display on your webpage or position it as a floating button at one of the page corners. With a well-placed Marketing Button, you can easily grab the attention of visitors and guide them toward taking desired actions, such as signing up for a newsletter or making a purchase.

Floating Button

You can fully customize the Marketing Button so that it meets your demands by changing the design. Customize anything you want, including the fonts, spacing, and colors! In order to create a unified and polished appearance, you may also select from a variety of font choices and modify the font's size, style, and color. You can alter the spacing in addition to these style choices to make sure it blends in with the rest of your website's design.

Fully Customizable

Each website can benefit from the Marketing Button. It has a clean and contemporary style that will improve the overall appearance of your site in addition to being fully responsive, which means it will shift fluidly to fit the screen size of any device. Having a website that is optimized for mobile viewing is essential in a world where more and more people are accessing the internet through their phones and tablets. The Marketing Button will allow you to do just that, providing you an edge over the competition.

Perfectly Responsive

No coding expertise is necessary to use the Marketing Button. With only a few mouse clicks, you can modify the widget however you wish using our user-friendly interface. This implies that even individuals without coding knowledge may quickly and simply build a button with a professional appearance that connects with their website, enhancing their online presence and audience engagement.

Easy To Use

You have total control over how the Marketing Button appears thanks to our robust advanced editor. This feature makes it simple to change the widget's appearance in every way, from the layout and positioning to the colors and fonts. Yet, if you're feeling extremely inventive, you can enhance your customization by making changes straight to the CSS. This enables you to customize the widget even more by making more sophisticated changes. Our powerful editor will help you whether you want to make a few minor adjustments or go all out with complex changes.

Custom CSS

Simply copy and paste a code snippet into the HTML of your webpage to integrate the marketing button on your website. It is also self-updating, so any modifications you make to the Marketing Button Editor will be automatically reflected on your website without the need for any further manual updates.

Easy To Embed 

With a well-designed marketing button that stands out, you can encourage users to take action and increase conversions on your website, as users will be more inclined to engage with your content. In addition to drawing users' attention, a good marketing button conveys a captivating message that persuades them to click and complete the intended action, such as downloading a resource, subscribing to a newsletter, or buying something.

Increase Conversions with the Marketing Button

The widget enables you to place a marketing button in a prominent location on your website, which can improve the user experience by making it easy for users to find it and click on it. The widget further improves user experience by providing an easy-to-use design that makes it simple for consumers to engage with the marketing button and complete the desired activity.

Improve User Experience

With the Marketing Button, you can improve the navigation on your website, and make it easier for your users to reach the desired page quicker. Strategically positioned marketing buttons on your website can direct visitors to particular pages or actions, making it simpler for them to locate what they're looking for and raising the likelihood of a successful transaction.

Use a Marketing Button to Enhance Navigation

Marketing Button

Popups, Bars & Buttons

Boost Sales

Example 4

Example 5

The Notification Popup widget features advanced display rules — like when or where to display the app — that you can set and customize. The rules include action triggers like “on exit”, “time delay”, “page scroll” and more.

Customizable Display Rules

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

Multiple Notification Popup Layouts

The Notification Popup 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 Notice Skins

The Notification Popup widget comes with a selection of beautiful icons that you can use to add to it and enrich its visual appearance.

A Selection of Beautiful Icons

The Notification Popup 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 Notification Popup 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 Notification Popup widget

The Notification Popup 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 popup

The Notification Popup 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 Notification widget

As with all of Common Ninja’s apps, you can add custom CSS to customize the Notification Popup app and be even more creative.

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

Easy To Embed Notification popup

The Notification pop-up widget is hard to miss and requires action from the user to close it, so you can be sure that your message will be seen and received by visitors to your website.

Hard To Miss Notifications

The Notification widget is fully customizable and can be customized to enhance and complement your site's design, reinforcing your brand recognition.

Enhanced Notice Design

With the ability to add CTA buttons within the Notification popup, you can improve the user’s journey through optimized navigation and enhance their experience.

Easy Navigation

Notification Popup

Notification Popup Template 14

Notification Popup Template 13

Notification Popup Template 12

Notification Popup Template 11

Notification Popup Template 10

Notification Popup Template 9

Notification Popup template 8

Notification Popup template 7

Notification Popup template 6

Notification Popup template 5

Notification Popup template 4

Notification Popup template 3

Notification Popup template 2

Notification Popup template 1

Countdown, reveal, and download: Simplify file access

Captivate your users by displaying a catchy title and compelling text during the countdown. Use this opportunity to create anticipation, promote special offers, or provide additional information that enhances user engagement and conversion rates.

Engaging Promotional Messaging

Tailor the widget's download button to suit your branding and style preferences. Customize the button text to convey your desired call-to-action, and choose from a variety of icons to visually represent the download action, ensuring a cohesive and visually appealing user interface.

Personalized Button Appearance

Enhance the widget's functionality by adding multiple links that are revealed upon completion of the countdown. Offer users the option to choose from a selection of downloads, allowing them to access specific files or resources based on their preferences or needs.

Unlock Multiple Downloads

Each individual link within the widget can be fully customized to provide a unique experience. Select icons to visually represent each download, set titles and descriptions to convey their purpose, and customize the download button to match the specific content, ensuring a cohesive and branded user interface for each downloadable resource.

Tailored Download Options

The Countdown Download widget offers a diverse selection of beautiful designs, allowing you to choose the perfect appearance that aligns with your website's style or desired theme. From sleek and modern layouts to vibrant and imaginative options, these design choices add a personalized and creative touch to your countdown experience, making it a unique representation of your brand.

Various Attractive Skins

The Countdown Download widget provides extensive customization options, empowering you to tailor every aspect of the widget to suit your preferences and requirements. From selecting different layouts and designs to arranging the sequence of content and adding customized explanations, you have full control over the look and feel of the countdown widget, ensuring it matches your desired style.

Complete Customization

The Countdown Download widget is designed with user comfort in mind, ensuring easy access and comprehension of the countdown process. The intuitive interface encourages user interaction and ensures that visitors can effortlessly navigate the widget, obtaining the information they need without any barriers, resulting in an enhanced overall website experience.

User-Friendly and Intuitive

The Countdown Download widget is built to be fully responsive, adapting seamlessly to various screen sizes and devices, including desktops, tablets, and smartphones. This ensures that users can enjoy a consistent and optimal countdown experience regardless of the device they are using, promoting accessibility and usability.

Responsive Design for All Devices

Similar to our other widgets, the Countdown Download widget offers the flexibility to incorporate custom CSS for a truly personalized appearance. Users with coding skills can enhance the visual appeal of the widget, achieving their desired design style by adding their own custom CSS code.

Customize with Custom CSS

The Countdown Download widget is designed for easy integration into your existing website code, requiring only basic technical skills for installation. This effortless embedding process allows website owners to quickly add the widget without significant development resources or specialized expertise, streamlining the implementation process.

Easy Embedding on Any Website

While users are waiting for their download to start, you can utilize the widget to showcase other products, services, or special offers on your website. This cross-promotion opportunity helps you promote additional offerings and drive more sales or engagement.

Maximize Cross-Promotion Opportunities

By incorporating the widget on your website, you can extend the dwell time of your users. The engaging countdown and promotional message encourage users to stay on your site for longer periods, signaling to search engines that your website offers valuable content. This can positively impact your SEO efforts and improve your search engine ranking.

Improve SEO and Analytics with Engaging Downloads

The longer users stay on your site, the more ad impressions they generate. By utilizing the widget to captivate users and extend their dwell time, you create more opportunities for ad exposure. This increased ad visibility can lead to higher ad revenue for your website, maximizing your monetization potential.

Maximize Ad Revenue with Extended User Engagement

Countdown to Download

A flexible widget that visually tracks user scroll progress on any webpage

The Scroll Progress widget offers both a progress bar and a floating circle indicator, giving you flexibility in how you display scroll progress. The progress bar provides a clear, linear visual, while the floating circle offers a compact, modern alternative. You can use either option or combine both for a more dynamic user experience.

Dual Progress Indicators: Bar & Floating Circle

The Scroll Progress widget lets you adjust the progress bar’s position (top or bottom) and starting point (left or right) for complete flexibility. This allows you to seamlessly integrate it into your website’s layout. With these options, you can ensure the progress bar aligns perfectly with your design and user experience preferences.

Adjustable Progress Bar Placement

The Scroll Progress widget allows you to turn the progress indicator into a clickable button that jumps to the top or bottom of the page. This enhances navigation by giving users a quick way to move through long content. With this feature, browsing becomes more seamless and user-friendly.

Scroll Navigation with Actionable Indicator

Easily customize your Reading Progress Indicator with a selection of pre-designed skins. These ready-made styles help you achieve a professional look in seconds, saving you time on design adjustments.

Pre-Designed Reading Progress Indicator Skins

Modify every aspect of the Page Scroll Tracker, from colors and sizes to positioning and styles. With complete control over the design, you can ensure it aligns perfectly with your website’s aesthetics and branding.



Fully Customizable Page Scroll Tracker

The Scroll Bar Progress widget adapts seamlessly to all screen sizes, ensuring a smooth experience on desktops, tablets, and mobile devices. This guarantees that users can track their progress effortlessly, regardless of the device they’re using.



Responsive and Mobile-Friendly Scroll Bar Progress

Designed for simplicity, the Scroll Progress widget is easy to configure without any coding skills. With an intuitive interface, you can customize and implement the widget in just a few clicks.

Easy-to-Use, No Coding Required

For those who want extra control, the Page Scroll Tracker supports custom CSS. This feature allows developers and designers to fine-tune the widget’s appearance and functionality to match their unique requirements.

Custom CSS for Advanced Customization

Embedding the Reading Progress Indicator is quick and effortless, requiring just a single line of code. Any changes you make are automatically updated, ensuring your website always displays the latest version without manual adjustments.

Hassle-Free Embedding & Automatic Updates

The Scroll Progress widget provides a visual cue that encourages visitors to continue reading and exploring your content. By displaying real-time progress, it keeps users engaged and reduces bounce rates. This helps create a more interactive experience, leading to longer session durations on your site.

Enhance User Engagement with the Scroll Progress Widget

A Reading Progress Indicator gives users a clear understanding of how much content remains on a page. This reduces frustration, especially for long articles or blog posts, as users can manage their reading time efficiently. By setting clear expectations, you create a smoother and more enjoyable browsing experience.

Improve Readability with a Reading Progress Indicator

With a Scroll Progress widget, visitors are more likely to finish reading your content. Seeing a visual representation of progress encourages them to reach the end, boosting content consumption. This can lead to higher interaction rates, such as more shares, comments, or conversions.

Increase Completion Rates for Blog Posts and Articles

Scroll Progress

User Engagement

Website Components

New!

A rectangle button positioned in any corner of a webpage typically used for promotion and marketing purposes



The triangle button widget comes available with the option to choose different positions for your button. There are four positions (for each of the four corners of the webpage).

Different Positions

The Corner Button widget comes with the option to add gentle “enlarging” animation on hover, which will make the button grow when users hover over it and be more noticeable and easy to click on.

Hover Animation

The triangle button widget will enable you to make the corner button stand out from the rest of the page by adding a little shadow to it.

Shadow Inclusion

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

Multiple Skins

The Corner Button widget comes with a selection of beautiful icons that you can use to add to the button and enrich its visual appearance.

The Corner 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!

The Corner Button widget is fully responsive and will look great on any device. This feature will put you ahead of your competitors in a mobile-first world.

The Corner 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 Corner Button Widget

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

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

The inclusion of the fully customizable triangle button will enable you to make it clearly visible to your visitors and pique their curiosity by implementing “loud” colors and hover animation.

Clear Visibility

The button makes it easier for your users to reach the designated page, thereby improving their navigation and enhancing their experience on your website.

The triangle button can be customized to improve the aesthetics of your website by choosing complementary colors and pleasing icons.

Improved Aesthetics

Corner Button

Corner Button - Template 2

Corner Button - Template 8

Corner Button - Template 4

Corner Button - Template 1

Corner Button - Template 3

Unleash creativity with a unique blend of grid gallery and carousel slider. Customizable, user-friendly, and mobile-optimized.

Introduce an element of dynamism to your image display with our unique carousel feature. This format breathes life into your grid images, creating a striking visual experience for your site visitors.

Experience a Carousel Spin on Grid Images

Tailor your gallery to align seamlessly with your website aesthetics. Our range of grid layouts offers you the flexibility to choose a structure that both highlights your images and fits your site's overall design.



Choose from a Variety of Grid Layouts

Empower your site visitors with the ability to interact directly with your image gallery through the drag-and-move option for the carousel. This feature not only enhances user engagement but also allows users to navigate your gallery at their own pace, creating a more personalized and enjoyable browsing experience.

Drag-and-Move Carousel Option

Boost the user experience on your website by adjusting the speed of the drag animation in your image carousel. This feature allows you to control the pace of image transitions, providing a smooth and enjoyable browsing experience tailored to your audience's preferences.

Enhance User Interaction with Customizable Drag Animation Speed

Further customize your image carousel with the option to select from a variety of drag icons. This feature enables you to align the carousel controls with your website's design and branding, creating a cohesive and visually appealing user interface.

Personalize Your Carousel with Custom Drag Icons

Offer your visitors a deeper look at your images with a full view in a pop-up, complete with captions and descriptions. This feature allows you to provide additional context and detail, enriching your audience's understanding and engagement with your content.

Engage with Detailed Pop-up Views

Select the scrolling orientation that best fits your website design and user interaction. This feature gives you control over the flow and direction of your image display, enhancing the user experience.

Scroll Direction: Horizontal or Vertical

Cater to a diverse global audience with our Right-to-Left (RTL) support. This essential feature ensures that your image carousel is accessible and user-friendly for those using RTL languages, demonstrating your commitment to inclusivity and a superior user experience for all.

Embrace Global Accessibility with RTL Support

The Image Grid Slider widget boasts comprehensive customization options, allowing you to modify the design to suit your preferences. Adapt the colors, fonts, grid spacing, and more to your liking! Fine-tune these elements to craft a user experience that not only enhances your website's appeal but also reflects your unique brand identity and aesthetics.

The Image Grid Slider widget is fully responsive and provides an impressive visual experience on any device. In today's mobile-centric world, this feature gives you an edge over your competitors. Furthermore, this adaptability guarantees a consistent and engaging browsing experience for all users, irrespective of their device or screen size.

The Image Grid Slider widget is user-friendly and requires no coding knowledge. With just a few clicks, you can tweak the carousel and grid settings using our intuitive controls. It's truly as straightforward as it gets, making stunning image displays accessible to everyone!

Easy To Use widget

As with all of Common Ninja’s apps, you can inject custom CSS to further personalize the Image Grid Slider widget and unleash your creativity. This additional flexibility lets you refine the widget's look and operation, guaranteeing a truly unique and customized experience for your users.

Use Custom CSS

You can easily integrate the Image Grid Slider widget into your website by copying just one line of code. Plus, the widget will automatically reflect every change you make, ensuring a seamless and always current experience for your users.

Easy To Embed widget

Draw your visitors in with the combination of an image slider and gallery. The dynamic movement of the slider and the organized display of the gallery will captivate your audience, keeping them engaged with your site.

Boost User Engagement with Dynamic Display

Use the Image Grid Slider to present your work, products, or services in a unique, visually appealing format. The blend of a carousel effect and masonry grid helps spotlight your offerings, increasing the likelihood of conversion.

Showcase Your Offerings in an Innovative Way

Regardless of your technical skill level, the Image Grid Slider makes it simple to build an attractive and eye-catching image display. Its intuitive interface and user-friendly design ensure that anyone can create stunning visuals with ease.

Effortlessly Create Stunning Visuals

Experience the perfect fusion of a grid gallery and carousel slider with our Image Grid Slider widget. It's free, easy to use, highly customizable, and mobile-optimized, making it a versatile tool for enhancing your website's visual appeal and user engagement.

Image Grid Slider

Images & Galleries

Engagement Toolbox enhances website interaction with customizable features like forms, galleries, chats, and more.

The Engagement Toolbox widget offers multiple types of call-to-action options, allowing you to engage users in diverse ways. Whether it's buttons, links, or downloadable content, these options can be tailored to prompt specific user actions, enhancing interaction and engagement on your site.

Variety of Call-to-Action Options

The Engagement Toolbox widget allows seamless integration with other Common Ninja widgets to boost user engagement. You can incorporate forms, video galleries, image galleries, reviews, testimonials, chats, booking, social feeds, FAQs, and business hours directly into the Engagement Toolbox. This versatile integration enhances functionality and provides a richer, more interactive user experience.

Enhance Engagement with Additional Common Ninja Widgets

The Engagement Toolbox widget offers flexible positioning options, allowing users to choose which corner of the window the Toolbox will open from. This customization ensures the Engagement Toolbox fits seamlessly into your website's design and user experience, providing convenient access without disrupting your site's layout.

JotForm

Webflow app

App Details

Pricing

Check Out the Marketing 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

Marketing Button

Notification Popup

Countdown to Download

Scroll Progress

Corner Button

Image Grid Slider

Engagement Toolbox

Section Builder

Flip Cards

Bluesky Feed Slider

Feature Voting

Image Slider

apps You Might Like

Discover the best apps for your website

Common Ninja Search Engine