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!

Displays multiple time zones; customizable, responsive design.

The World Clock Widget offers the ability to display several clocks, each representing a different time zone. This feature is crucial for websites that cater to an international audience, as it allows for easy display of multiple time zones at once. It's particularly beneficial for websites involved in global business, communication, or events, ensuring users from various regions can easily find their local time.

Display Multiple Time Zones

This feature of the World Clock Widget allows you to not only set the specific time for each clock but also to label each with a custom title. This customization enhances the clarity and usability of your website, making it easy for visitors to identify the time zone represented by each clock. It's an invaluable tool for sites that need to reference multiple global locations, ensuring that each clock is easily distinguishable and accurately labeled.

Customizable Clocks with Titles

The World Clock Widget provides a selection of different display styles, ranging from classic analog clocks with hands to modern digital and list displays. This variety allows you to choose a layout that best fits the aesthetic and functional needs of your website. Whether your site has a traditional feel or a more contemporary vibe, you can align the clock display accordingly, enhancing the visual appeal and user experience of your site.

Varied Clock Layouts

With the World Clock Widget, you have the flexibility to select the format of the marker for classic clock displays. You can choose to show numbers, only markers, or a combination of both. This feature allows for a high degree of customization, ensuring that the clock not only provides accurate time information but also aligns with the visual design of your website. It's perfect for tailoring the look of your clocks to match your site's theme, enhancing the overall aesthetic and functionality.

Customizable Markers Formats for Classic Clocks

The World Clock Widget offers a variety of beautiful skins, enabling you to choose a design that aligns seamlessly with your brand and website aesthetics. This feature is designed to not only enhance the visual appeal of your site but also to significantly reduce the time and effort involved in customizing the widget. Whether your site has a modern, minimalist, or more traditional design, you'll find a skin that complements it perfectly, ensuring a cohesive and attractive user interface.

Select from Multiple design skins

The World Clock Widget empowers you to tailor the time display according to your preferences and audience needs. You can select between the 24-hour or the more traditional 12-hour clock format. Moreover, for the 12-hour format, there's an option to include or exclude the AM/PM indicator. This adaptability ensures that the widget's time presentation aligns.

Flexible Time Format Customization

The World Clock Widget comes with extensive customization capabilities, enabling you to modify its design to suit your specific requirements. You have the freedom to alter colors, fonts, spacing, and various other elements. This level of customization offers unparalleled flexibility, allowing you to craft a World Clock that is not only functional but also uniquely tailored to the aesthetic of your website.

Fully Customizable World Clock widget

The World Clock Widget is designed to be fully responsive, ensuring it displays elegantly on any device. In today's mobile-first environment, this adaptability is crucial, as it guarantees that your website's time display is accessible and visually appealing on smartphones, tablets, and desktops alike. This responsiveness not only enhances user experience but also gives your site a competitive edge in accessibility and design.

Perfectly Responsive World Clock

The World Clock 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 the widget, regardless of their technical background, enhancing the functionality of your website without the need for specialized knowledge.

Easy To Use World Clock Widget

The World Clock Widget offers the option to add custom CSS, aligning with Common Ninja’s commitment to flexibility. This feature is ideal for developers and designers seeking 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 the specific style and interaction needs of your website.

Custom CSS for Enhanced Creativity

Embedding the World Clock Widget on your website is a straightforward process, 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 the maintenance and updating process is hassle-free. This feature guarantees that your website always displays the most current version of the widget without any extra effort.

Effortless Embedding on Any Website

Integrating the World Clock Widget into your website allows you to connect more effectively with an international audience. By displaying various time zones, you demonstrate awareness and consideration for visitors from different parts of the world. This feature fosters a sense of inclusivity and global reach, which can be pivotal for websites with a diverse user base.

Get Global Engagement Enhancement with World Clock

Having the World Clock Widget on your site offers a practical advantage for users needing quick time zone references. It eliminates the need for visitors to look up time differences elsewhere, saving them time and effort. This convenience enhances user experience and can increase the time visitors spend on your site.

User Convenience Boost

For websites that deal with time-sensitive information or events (like webinars, live streams, or international conferences), the World Clock Widget is particularly beneficial. It helps in clearly communicating the timing of these events to a global audience, reducing confusion and ensuring better participation and engagement.

Enhanced Time-Sensitive Communication

World Clock

Embed images into titles. Control animation, positioning, font, and responsiveness.

Example 1

Example 2

Example 3

Example 4

Add an extra layer of intrigue to your titles with animated backgrounds. The gentle movement of the image can create a captivating effect, keeping your audience engaged and encouraging them to explore your content further.

Add Dynamic Animations

Take full control over how your background images align with your titles. This feature enables you to fine-tune the position and coverage of your images, ensuring a seamless blend with your titles for the most impactful visual effect.

Optimized Image Positioning

With the option to emphasize text with a stroke, you ensure maximum readability for your audience. This feature enhances the contrast between your text and its background, making your titels more striking and easier to read.






Enhanced Text Visibility

The power to set the animation direction of your background images is in your hands. Whether it's right, left, up, down, or a zoom effect, you can decide the path that best complements your title and site design.

Customizable Animation Direction

You can also control the pace of your animations to match the rhythm of your website. This feature allows you to set the speed of your image movements, creating a harmonious and engaging visual experience for your site visitors.

Flexible Animation Speed

Breathe new life into your titles with a vast selection of fonts. This feature lets you experiment with different typography styles, allowing you to find the perfect match for your brand and the message you want to convey.

Variety of Font Choices

The Headline With Background Image widget is designed to keep user-friendliness at the forefront, ensuring easy usage and understanding of its functionalities. Its intuitive interface encourages user interaction and makes sure that visitors can smoothly navigate the widget, leading to a better overall website experience.

Easy to use

The Headline With Background Image widget is fully responsive, ensuring your content looks its best on any device. This means your engaging titles and eye-catching images will retain their impact and readability, whether viewed on a desktop, tablet, or smartphone.

Fully Responsive

Like our other tools, the Headline With Background Image widget also provides the flexibility to integrate custom CSS for a truly tailored look. Users with coding skills can boost the widget's aesthetics, attaining their preferred design style by incorporating their own custom CSS code.

Customize with Custom CSS

The Headline With Background Image widget is easy to add to your website, needing just basic tech know-how. This means you can quickly set it up without needing lots of extra help or fancy skills, making the whole process smoother and faster.

Easy to embed

The Headline With Background Image widget allows you to unleash your creativity without requiring advanced technical skills. This user-friendly tool enables anyone to create visually stunning headlines, making your website more appealing and interesting in just a few simple steps.

Effortless Creativity

This widget turns your headlines into an immersive visual experience. By using the Headline With Background Image widget, you are more likely to attract and keep the attention of your visitors, creating a memorable first impression.

Visually Engaging Content

By using images as the backdrop for your headlines, you add a new dimension to the user experience. This fresh and unique approach to presenting information can make your site more enjoyable and compelling for visitors, increasing user engagement.

Enhanced User Experience

 Headline With Background Image

Get Creative

Seamlessly integrate social sharing buttons into your website to enhance content visibility.

The Social Share Buttons widget offers the flexibility of choosing between two distinct layouts: vertical and horizontal. This versatility ensures that the Social Share Buttons can seamlessly integrate into your website's design, whether you prefer a sidebar-like vertical arrangement or a more traditional horizontal alignment. Tailoring the layout to match your website's aesthetics enhances the overall user experience and maintains design coherence.

Customizable Layouts for Social Share Buttons

With the Social Share Buttons widget, you have the liberty to select from various button styles to complement your website's theme. Choose from full-color buttons for a vibrant and eye-catching look, transparent buttons for a more subtle and integrated appearance, or circular buttons for a sleek, modern feel. This range of style options allows for greater creative expression, ensuring the Social Share Buttons not only function effectively but also add to the visual appeal of your site.

Diverse Button Styles for Enhanced Aesthetics

The Website Share Buttons feature allows you to tailor the content of messages shared on social platforms. This customization ensures that the shared link reflects your brand's unique voice and message, making each share more impactful and aligned with your marketing strategy. Personalizing these messages can significantly enhance user engagement and the overall appeal of your content on social media.

Custom Message Personalization with Website Share Buttons

The Social Media Sharing Buttons support an impressive array of 48 social platforms, offering a wide range of options to suit diverse audience preferences. Whether targeting mainstream audiences on platforms like Facebook or niche communities, this variety ensures that your content reaches the most relevant and engaged audiences. Selecting the right platforms for your Social Media Sharing Tool is key to optimizing your content's reach and impact on social networks.

Broad Selection of Platforms with Social Media Sharing Buttons

The Content Sharing Buttons widget provides detailed customization options for each button. You have the flexibility to select unique colors for each button, allowing you to either match your website's color scheme or use distinct colors to make each social platform stand out. Additionally, you can choose to display either the platform name, the platform logo, or both. This level of customization ensures that the buttons not only integrate seamlessly with your site's design but also cater to your specific branding and aesthetic preferences.

Individual Button Customization with Content Sharing Buttons

The Content Sharing Buttons come with extensive customization capabilities. You can adjust elements like colors, fonts, and spacing to match your site's unique style, ensuring that the buttons are both functional and aesthetically pleasing.

Fully Tailorable Content Sharing Buttons

Designed with simplicity in mind, the Website Share Buttons require no advanced technical skills for customization. Their user-friendly interface allows for effortless adjustments, making them accessible to a wide range of users and enhancing your website's functionality without the need for complex coding.

Easy-to-Use Website Share Buttons

Ensuring compatibility across all devices, the Social Media Sharing Tool is designed to be fully responsive. This adaptability is crucial for a consistent user experience, regardless of the device used to access your site.

Responsive Social Media Sharing Tool

The Social Media Sharing Tool offers custom CSS options, allowing for deeper personalization and creativity. This feature is ideal for those who wish to fine-tune the aesthetic and functional aspects of their sharing buttons, ensuring a perfect match with the specific style and interaction needs of their website.

Custom CSS for Creative Flexibility in Social Media Sharing Buttons

Embedding the Website Share Buttons on your site is streamlined and simple, requiring just a line of code. This ease of integration makes it accessible for users of all technical levels. The widget also updates automatically with every change, ensuring your site always displays the latest version without additional effort.

Effortless Embedding of Website Share Buttons

Integrating Social Share Buttons on your site significantly enhances user engagement. By enabling visitors to share your content with a single click, you not only increase the likelihood of wider content dissemination but also foster a sense of community and interaction among your audience. This direct-sharing capability can lead to increased traffic and prolonged visitor engagement on your site.

Boost Website Engagement with Social Share Buttons

The Social Share Buttons widget is instrumental in amplifying your brand's online presence. Providing an effortless way for visitors to share your content on social platforms, extends your brand's reach to a broader audience. This user-driven sharing acts like a personal recommendation, fostering trust and credibility among new audiences. As a result, this organic exposure can significantly boost your brand visibility, creating more opportunities for audience growth and engagement.

Boost Brand Visibility with Social Share Buttons

By incorporating Website Share Buttons, you create a gateway for driving more traffic to your site. As users share your content, it reaches new audiences, leading to increased website visits. This can be particularly beneficial for websites focusing on content marketing, e-commerce, or community building, where higher traffic directly correlates with success.

Drive Traffic with User-Centric Website Share Buttons

Social Share Buttons

User Engagement

Boost Sales

Popups, Bars & Buttons

Display a button that will initiate a phone call

With our call button widget, you can decide on the best way to communicate your message. You have the option to use an icon, text, or even a combination of both, ensuring your call to action is clear and effective.

Icon and Text Display

Our widget allows you to choose from three specific positions for your call button – left, center, or right at the bottom of the screen. This ensures that your button is placed strategically to gain maximum visibility while keeping your website design clean and user-friendly.

Select button position

We know how diverse screen sizes can be, especially for mobile users. That's why our widget allows you to choose between a narrow, wide, or full-width button on mobile devices, ensuring optimal visibility and usability no matter the screen size.

Flexible Button Width on Mobile

Our Call Button Widget features advanced display rules that you can personalize according to your needs. These rules include when and where to show the widget on your site. You can set action triggers like displaying the widget "on exit", after a "time delay", upon "page scroll", and more.

Customizable Display Rules

The Call Button Widget comes with an array of skins for you to choose from. This allows you to select a look and feel that best fits your website's design and aesthetic. With this feature, you can ensure your call button not only functions well, but also blends seamlessly into your site's overall visual theme.

Multiple Skins Selection

Our Call Button Widget is perfectly responsive, ensuring an excellent user experience on any device. In our increasingly mobile-focused world, this feature gives your website a competitive advantage. Moreover, this adaptability ensures a consistent and captivating interaction for all users, regardless of the device or screen size they're using.


Responsive call button

Our Call Button Widget is proud to offer extensive personalization options. This empowers you to alter its appearance and behavior to match your needs. Adjust the colors, fonts, button size, and more to your taste! Tweak these parameters to create a user experience that not only elevates your website's charm but also mirrors your distinctive brand image and style.

Completely Adaptable

Our Call Button Widget is designed with ease of use in mind, requiring no coding knowledge. With just a few clicks, you can modify the button settings using our intuitive controls. It's as simple as it gets, making immediate, direct communication with your customers accessible to everyone!

User-Friendly Editor

In line with all of Common Ninja's apps, our Call Button Widget allows for custom CSS injection, enabling you to further customize its appearance and functionality. This added flexibility lets you fine-tune the widget's aesthetics and behavior, ensuring a truly unique and tailored experience for your users.

Custom CSS Integration

The Call Button Widget can be seamlessly integrated into your website with just a single line of code. Plus, any modifications you make to the widget will automatically update on your site, guaranteeing a smooth and always up-to-date experience for your users.

Effortless Embedding

A call button widget can significantly enhance user engagement on your website. By offering a quick and direct communication channel, users are more likely to interact and stay longer on your site.

Enhanced User Engagement

Having a call button can directly boost your site's conversion rates. When users can quickly reach out to ask questions or clarify doubts, they are more likely to make a purchase or sign up for your service.

Increased Conversion Rates

A call button allows for immediate customer service, which can significantly enhance your business reputation. Prompt response to inquiries or concerns not only resolves issues faster but also builds trust with your customers.

Improved Customer Service

Our Call Button Widget provides a simple yet powerful way to enhance communication with your website visitors. With a single click, users can initiate a phone call, making interaction easy and immediate. Customize it to your liking and boost your user engagement effortlessly

Call Button

The Virtual Tour widget enables the seamless addition of hotspots over your 360 panoramic images. Hotspots are interactive icons that, when clicked, can reveal more information about a particular area or feature captured in the image. This feature not only enhances the informative value of the 360 panorama but also enriches the interactive experience for your website visitors.

Add Hotspots with Virtual Tour

Providing detailed information is made easy with the Virtual Tour widget. You have the ability to add a title, description, and the image author’s name to each 360 panoramic image displayed. This feature allows for a structured display of information, making it straightforward for visitors to learn more about each panorama, thus adding a layer of professionalism and context to your visual content.

Display More Information through Virtual Tour

Virtual Tour offers the ability to control the direction of rotation for your 360 panoramas, providing a more tailored viewing experience. The animation settings are easily adjustable, allowing for a smooth and aesthetically pleasing exploration of your virtual space. This feature ensures that the display of your 360 panoramic images aligns with your desired presentation and user interaction objectives.

Customized Animation Controls

The Virtual Tour widget enriches your 360 panoramic images by allowing the addition of web-linked hotspots. Each hotspot can be configured to redirect visitors to a specified webpage, offering a straightforward pathway to more information or related content. This functionality enhances the user's navigational experience, creating a more interconnected and informative virtual tour.



Web-Linked Hotspots with Virtual Tour

Dive deeper into the visual experience with the Virtual Tour widget’s drag and zoom functionality. Visitors can effortlessly drag the image in any direction—left, right, up, or down—to explore the panorama at their own pace. Additionally, the zoom feature allows for a closer examination of details, creating a more interactive and engaging viewing experience on your website.

Interactive Navigation

Designing your perfect virtual tour becomes a simple task with the Virtual Tour widget. You won't need any coding knowledge; thanks to its user-friendly drag-and-drop interface, customization is smooth and quick, allowing you to bring your envisioned tour to life effortlessly.

Easy to use Virtual Tour widget

The Virtual Tour widget is your gateway to endless customization. It provides you with the flexibility to adjust colors, fonts, and spacing, enabling a total personalization of your virtual tour. Each detail can be meticulously adjusted to resonate with your site’s distinctive design and branding.

Fully Customizable 360 Panoramic images

Engineered for optimal responsiveness, the Virtual Tour widget ensures your virtual tours maintain their visual appeal on any device. In a time where mobile optimization is crucial, this feature is key to delivering a consistent user experience regardless of the device being used.

Perfectly responsive display on Any Device

Consistent with the spirit of customization, the Virtual Tour widget offers custom CSS capabilities. This feature unlocks the freedom to add a personal touch, paving the way for more creative virtual tour designs that stand out.

Custom CSS Capabilities

Embedding the virtual tour you've designed into your website is straightforward. It's as simple as copying and pasting a single line of code. Additionally, any adjustments made within the widget are instantly reflected on your site, keeping your virtual tours up-to-date without any extra hassle.

Simple Virtual Tour Integration on any website

The Virtual Tour widget creates a dynamic environment on your website by enabling the display of 360 panoramic images. Visitors can interact with the 360 panoramas, thus inviting them to spend more time exploring your content. The interactive nature of the Virtual Tour widget fosters a deeper connection between your website and its visitors, enhancing their overall engagement.



Enhanced Engagement with Virtual Tour

Managing your 360 panoramic images is a breeze with the Virtual Tour widget. The intuitive interface allows for the hassle-free addition and modification of hotspots and settings to meet your preferences. The streamlined content management ensures that keeping your virtual tours updated and engaging remains a straightforward task.

Streamlined Content Management in Virtual Tour

By offering a virtual tour, your website becomes more accessible to those who may not be able to visit in person. The Virtual Tour widget ensures that the experience of browsing 360 panoramic images is smooth and enjoyable. This increased accessibility broadens your website’s appeal and inclusivity, allowing more people to explore what you have to offer virtually.

Increased Accessibility with Virtual Tour

Virtual Tour

Media

Images & Galleries

Enhance website engagement, collect leads, and elevate conversion rates.

The Floating Corner Coupon Pop-up provides an array of layout options. Such diversity ensures a seamless fit with various website styles. By selecting the ideal layout, you can preserve your website's unified visual appeal.

Multiple Layout selection

The Coupon Corner Pop-up showcases a collection of captivating themes. This assortment minimizes the need for extensive design adjustments. You can swiftly choose a theme that complements your website's ambiance.

Selection of Appealing Themes

The Corner Coupon  Pop-Up is equipped with intricate display rule settings. You can determine when or where the coupon should appear based on specific triggers, such as "on exit", "time delay", or "page scroll". This flexibility ensures that promotions are displayed at the most opportune moments for your visitors.

Customizable Coupon Display Preferences

With the Corner Coupon Pop-Up, it's not just about text. A curated collection of eye-catching icons is at your disposal to accentuate coupon details, enhancing the visual appeal and drawing more attention to your special offers.

Diverse Icon Choices for Coupons

Positioning is simplified with the Corner Coupon Pop-up. You have the freedom to showcase the coupon notification on the left, center, or right corner, ensuring a customized fit for different site layouts.

Select Coupon Placement

No coding expertise? No problem. The Coupon Popup widget boasts an intuitive dashboard with a drag-and-drop functionality, letting you shape the widget to your preferences effortlessly in a matter of clicks.

User-Friendly Corner Coupon Interface

The Corner Promo Code Pop-Up widget introduces a potent tool for accumulating leads: an email collection mechanism. Users input their email addresses to obtain the coupon, granting you a growing list for future marketing endeavors.

Efficient Lead Gathering

Boost the uniqueness of your Coupon Code Corner Pop-Up with an array of design choices. Several distinct coupon styles await your selection, adding another layer of customization to your promotional strategy.

Discover the best apps for Shift4Shop

Some of the best Common Ninja apps for Shift4Shop

Card Builder

World Clock

Headline With Background Image

Social Share Buttons

Call Button

Virtual Tour

Corner Coupon Pop-up

Pricing Slider

Mega Footer

Flip Card Builder

Process

Restaurant Menu Flip Cards

Common Ninja Search Engine