This creates a gallery in which an object rotates 360° so it can be seen from all angles.

360 Gallery

Easily craft engaging, personalized popups to boost conversions.

With the Popup Builder widget, you have the freedom to design your popup exactly how you envision it. Add various elements including titles, sub-titles, paragraphs, and images, and arrange them in the order that best suits your communication needs.



Element Flexibility and Customization

With the Popup Builder widget, you can set your popup content to dynamically adjust based on visitor behavior or predefined rules. This adds an element of personalization to your popups, enhancing user experience and boosting engagement.

Dynamic Content Placement

Make your popups more interactive by adding clickable buttons. This feature lets you guide your visitors towards desired actions, whether it's subscribing to a newsletter, making a purchase, or visiting a particular page.

Interactive Buttons Addition

With the Popup Builder widget, you're not just limited to text and images. It allows you to embed other widgets such as forums, countdown timers, sliders, or any other widget you've created on Common Ninja. This enables you to create multi-dimensional popups that serve varied functions, making your website even more dynamic and interactive.

Supercharge Your Popups with embedded widgets

The Popup Builder widget comes with a variety of layout options. You can pick the one that best aligns with your website's design and style, ensuring a cohesive and appealing look.

Choose a Popup Layout That Matches Your Site

The Popup Builder widget offers a range of pre-designed skins, allowing you to add a touch of style to your popups without investing extra time in customization. Simply choose a skin that suits your aesthetic, and you're good to go.

Ready-to-Use Stylish Skins

Control when your popups appear with the widget's customizable timing feature. You can set the popup to appear immediately as the page loads, after a certain amount of time, or when a visitor is about to exit, giving you strategic control over user interaction.

Customizable Pop-up Timing

With the Popup Builder widget, your popups are fully customizable, letting you tailor each aspect to your preference. Feel free to modify the colors, fonts, spacing, and more, creating a design that truly reflects your brand and resonates with your audience.

Personalize Your Popups to Perfection

The Popup Builder widget is designed to be fully responsive, ensuring your popups look fantastic on all devices. In a world that prioritizes mobile-friendly design, this feature helps you stand out and provide a seamless user experience, no matter the device used.

Seamless Experience on Any Device

Creating your ideal popup is a breeze with our easy-to-use Popup Builder widget. You don't need any coding knowledge - our intuitive, drag-and-drop interface lets you customize your popups just how you want them with just a few clicks.

User-Friendly Popup Creation

Like all Common Ninja widgets, the Popup Builder offers the ability to add custom CSS. This feature gives you the freedom to add a personal touch and get even more creative with your popup design.

Express Your Creativity with Custom CSS

Embedding the Popup you've created with the popup builder on your website is as simple as copying and pasting a single line of code. Plus, every change you make in the widget gets automatically updated on your site, keeping your popups fresh and up-to-date without any extra effort.






Hassle-Free Embedding

Leverage the Popup Builder widget for capturing leads. By placing an attractive and user-friendly popup on strategic parts of your site, you can easily gather visitor information for future marketing initiatives.

Efficient Lead Generation

The Popup Builder widget enables clear and timely communication with your audience. Deliver important updates, offers, or ask for feedback in a direct and attention-grabbing manner, ensuring your message is heard.

Enhanced Communication

The Popup Builder widget is a powerful tool to motivate your website visitors to take action. By providing personalized prompts and calls-to-action, you can significantly boost conversion rates.

Increased Conversion Rates

Popup Builder

Forms

Popups, Bars & Buttons

My Widget

A button featuring a smooth shaking animation designed to capture the user's attention and encourage interaction

Example 1

Example 2

Example 3

The widget comes with different animation types from which you can choose the one that’s most applicable and relevant to your website and its design.

Different Animations

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

Easy Position Change

The widget features different arrow icons that you can choose from. Simply select the one that will complement your website’s design.

Different Icon Types

You can easily change the icon's direction as your needs require (Top, Right, Left, Bottom).

Icon Direction

The Nudge Button 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 Nudge 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 Nudge 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!

Fully Customizable

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

Perfectly Responsive

The Nudge 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

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

Custom CSS

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

Easy To Embed

With full customization options and various animations, the nudge button is the perfect tool to draw the users' attention to the CTA button.

Draw Attention

With a more visible CTA button, users will have a difficult time not clicking on it and going to the page you want them — whether it’s the checkout page, another product, a landing page, or anything else.

Increase Conversions

The widget’s cute and quirky animation will be a lovely addition to your website, and will certainly make static and boring pages much more enjoyable to read.

Enhance Design

Nudge Button

Boost Sales

Build structured content cards with customizable fields and layout.

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

Add a Variety of Field Types

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

Interactive Fields for Better Engagement with Card Builder

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

Arrange Fields on the Same Row

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

Beautiful Pre-Designed Card Builder Skins

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

Multiple Card Builder Layouts

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

Fully Customizable Card Builder Widget

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

Responsive Design for All Devices

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

Easy-to-Use Interface

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

Custom CSS Support

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



Quick and Simple Embedding

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

Increase Efficiency with the Card Builder's Reusable Structure

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

Adapt to Various Use Cases Without Extra Tools

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



Boost Engagement with Visually Consistent Content

Card Builder

Lists & Cards

Website Components

New!

Keep Videos in View as Users Scroll Through Your Site

The Sticky Video widget supports a wide range of media sources, including direct video uploads, YouTube, Vimeo, and more. This versatility ensures that you can easily integrate your preferred video content into your website, regardless of its original platform. 

Versatile Media Support for the Sticky Video Widget

The Sticky Video widget provides the ability to position the minimized video player in any corner of the screen. This flexibility allows you to choose the best location that suits your website's layout and design. Whether you prefer the player in the bottom-right corner for a subtle appearance or the top-left for maximum visibility, the choice is yours to enhance user experience and maintain a clean, organized page.

Flexible Positioning for the Sticky Video Player

The Sticky Video widget offers a variety of beautiful design skins, enabling you to choose a look that seamlessly aligns with your website’s branding and style. These pre-made skins help you quickly create a visually appealing video player without the need for extensive customization. Whether your site has a modern, minimalist, or vibrant design, you’ll find a skin that enhances your user interface and complements your overall aesthetic.

Multiple Design Skins for the Sticky Video Widget

The Sticky Video widget provides extensive customization options, allowing you to modify the design to perfectly suit your website’s needs. You can easily adjust colors, fonts, sizes, and other elements to create a video player that aligns with your brand’s unique style. This high level of customization ensures that the widget not only functions effectively but also integrates seamlessly with your website’s visual identity.

Fully Customizable Sticky Video Widget

The Sticky Video widget is fully responsive, ensuring that your videos display flawlessly on any device. Whether your users are on desktops, tablets, or smartphones, the video player will adjust to fit the screen size, providing a consistent and engaging viewing experience. This responsiveness is crucial for maintaining user engagement across all platforms, especially in a mobile-first world.

Perfectly Responsive Sticky Video Widget

The Sticky Video widget is designed with ease of use in mind, requiring no coding skills to customize and implement. Its intuitive interface allows you to adjust settings and design elements with just a few clicks, making it accessible for users of all technical levels. This simplicity ensures that you can quickly integrate and tailor the video player to your website, enhancing your site’s functionality without any hassle.

Easy-to-Use Sticky Video Widget

For those looking to add a personal touch, the Sticky Video widget supports custom CSS, allowing for deeper customization. This feature is perfect for developers and designers who want to fine-tune the widget’s appearance and functionality to match their specific requirements. With custom CSS, you can create a truly unique video player that fits seamlessly into your website’s overall design and user experience.

Custom CSS for Enhanced Creativity

Embedding the Sticky Video widget on your website is straightforward, requiring just a single line of code. This easy integration makes it simple to add the widget to any website, regardless of the platform you’re using. Plus, any changes you make to the widget are automatically updated, ensuring your site always displays the most current version without any extra effort on your part.

Effortless Embedding on Any Website

The Sticky Video widget keeps your content accessible as users scroll through your site, ensuring that the video remains visible. This persistent visibility helps maintain user engagement, as visitors can continue watching your video while exploring other parts of your website, increasing the overall time spent on your site.

Boost User Engagement with the Sticky Video Widget

By using the Floating Video Player, you can enhance content retention by ensuring your videos stay in view. This feature is particularly valuable for educational or instructional videos, as it allows users to follow along with the content without needing to stop and start as they scroll.

Enhance Content Retention with the Floating Video Player

The Scroll Video Widget can help drive conversions by keeping promotional or call-to-action videos constantly visible. Whether you’re showcasing a product demo or an explainer video, this feature ensures that your key messages are always front and center, encouraging users to take action.

Increase Conversions with the Scroll Video Widget

Sticky Video

Media

User Engagement

Display a business's hours and your opening hours

example 2

Example 4

Example 5

The Opening Hours widget enables you to add several working hours to each day (this feature is especially useful if your offices close for lunch and continue to work afterward).

Multiple Working Hours Per Day

The Opening Hours widget allows you to choose a timezone as well as the time format you wish and adapt the time elements to fit your country’s standards.  

Advanced Time Editing

The Business Hours widget features a notification bar that can be used to provide more information in an eye-catching way for a better user experience.

Notification Bar

The Opening Hours widget features an automatic status box that provides an automated message regarding your current status, based on the working hours you’ve defined and the timezone you’ve chosen.

Automatic Status Box

The Opening Hours widget features two layout styles from which you can choose — the default and most commonly used style with the day on the left and the business hours on the right, and the Column style, which puts the hours in a column-like design.

Two Layout Styles

The Opening Hours widget features the ability to easily toggle between working days and rest days. This is especially useful to businesses whose working days change periodically. 

Easy Work Day Toggle

The Opening Hours widget features the ability to change the first day of the week, enabling users from other parts of the world, where the first day of the week is not Monday, to customize the table to fit their needs.

First Day of the Week

The Opening Hours widget features multiple lovely skins for you to choose from. These skins will complement most design color schemes and will enable you to quickly and effortlessly set up a beautiful business hours table.

Multiple Skins 

The Opening Hours 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 Business Hours 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. 

Fully Responsive

The Opening Hours 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.

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

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

The Opening Hours widget enables you to provide your users with easy access to important information about your business. This will save them time and improve their experience.

Provide Easy Access to Information

A business hours table displays professionalism and is a necessary element to have on any business page — without it, you’ll be sending the wrong message to your users.

Display Professionalism with Opening Hours Widget

An opening hours table can improve your website’s design by complementing it or, on the contrary, contrasting it.

Opening Hours

opening hours template 8

opening hours template 7

opening hours template 5

opening hours template 4

opening hours template 3

opening hours template 2

Opening hours template 1

Display Bluesky posts in a responsive, customizable slider that auto-updates and enhances user engagement.

Enhance your Bluesky Feed Slider with interactive hover effects. As users scroll through the slider, subtle animations highlight posts under the cursor, creating a lively and engaging experience.

Dynamic Hover Effects

Easily adjust the Bluesky Feed Slider’s design to fit your preferences. Customize colors, fonts, layouts, and more to align with your website’s branding, ensuring your Bluesky content stands out.

Extensive Customization Options

The Bluesky Feed Slider adapts seamlessly to any screen size, ensuring your content looks fantastic on desktops, tablets, and mobile devices. It offers a flawless viewing experience for all visitors.

Fully Responsive Design

Keep your slider up-to-date effortlessly with its auto-refresh feature. The Bluesky Feed Slider syncs automatically with your feed, displaying your most recent posts without requiring manual updates.

Auto-Updating Feed Content

Allow visitors to engage directly with your Bluesky posts by making them clickable. Each post in the slider can lead users to your Bluesky content, encouraging interaction and boosting engagement.

Interactive Clickable Posts

The Bluesky Feed Slider is designed for ease of use, offering a straightforward interface for customization and application. Even those without technical expertise can implement it seamlessly.

Simple and Intuitive Setup

For advanced users, the Bluesky Feed Slider supports custom CSS. This option provides full creative freedom, allowing you to fine-tune the widget’s appearance and functionality to match your website perfectly.

Advanced Customization with CSS

Embedding the Bluesky Feed Slider is simple and doesn’t require any coding knowledge. Its user-friendly design makes adding it to your website quick and effortless.

Hassle-Free Integration on Any Website

The Bluesky Feed Slider Widget allows you to display your Bluesky posts in a sleek, scrolling slider format, making your content visually appealing and engaging for visitors.

Showcase Bluesky Posts in a Dynamic Slider

Featuring your Bluesky posts in a stylish slider enhances your website’s aesthetics while emphasizing your activity on the platform, leaving a strong impression on visitors.

Strengthen Your Brand with a Modern Design

The widget is fully responsive, ensuring your Bluesky content looks and functions beautifully on all devices, including desktops, tablets, and smartphones.

Seamless Mobile-Friendly Design

Bluesky Feed Slider

Social Feeds

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.

360 Gallery

WebSite X5 object

App Details

Pricing

App Info

Some of the best Common Ninja objects for WebSite X5

Popup Builder

Nudge Button

Card Builder

Sticky Video

Opening Hours

Bluesky Feed Slider

Bracket Maker

Job Listings

Animated Headline

Poll

X Feed

Payment Button

objects You Might Like

Discover the best apps for your website

Common Ninja Search Engine

360 Gallery

WebSite X5 object

App Details

Pricing

Check Out the Popup Builder Widget

App Info

Some of the best Common Ninja objects for WebSite X5

Popup Builder

Nudge Button

Card Builder

Sticky Video

Opening Hours

Bluesky Feed Slider

Bracket Maker

Job Listings

Animated Headline

Poll

X Feed

Payment Button

objects You Might Like

Discover the best apps for your website

Common Ninja Search Engine