Creates an image on which are shown with an transition effect the text and a connected button.

Animated Image

Display a business's hours and your opening hours

Example 1

example 2

Example 3

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!

Fully Customizable

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.

Easy To Use

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

Custom CSS

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.

Easy To Embed

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.

Enhance Design

Opening Hours

Website Components

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

Subtle site notification tool for enhanced engagement and lead capture.

The Corner Pop-up widget offers a diverse range of layouts. This versatility ensures compatibility with different website designs. By choosing a fitting layout, website owners can maintain their site's cohesive aesthetic.


Multiple Floating Corner Pop-up Layouts

The Corner Pop-up widget boasts an array of attractive skins. This collection eliminates the hassle of extensive design modifications. Site owners can effortlessly pick a skin that aligns with their desired look and feel.

Variety of Toast Notification Skins

The Corner Popup widget provides comprehensive customization features. Website owners can adjust elements such as colors, fonts, and spacing to seamlessly integrate the notification with their site's design. Every aspect can be tweaked to fit unique preferences.

Tailored Design Options

With the Corner Pop-up widget, you're not just limited to text. A curated collection of striking icons is available to enhance the visual appeal of the notification. By incorporating these icons, website owners can make their messages more engaging and visually compelling.

Diverse Icon Choices

With the Corner Popover widget, positioning becomes a breeze. Website owners can opt to display the notification in the left, center, or right corner. This flexibility allows for tailored placement to suit individual site structures.

Corner Popover Position Flexibility

The Floating Corner Pop-up widget is equipped with intricate display rule settings. Users can decide when or where the widget should appear based on specific actions or triggers, such as "on exit", "time delay", or "page scroll". These adaptable rules give greater control over visitor interactions.

Defined Display Preferences

The Corner Popover widget simplifies the customization process with its user-friendly dashboard. Even without any coding knowledge, the intuitive drag-and-drop feature ensures a seamless experience. With just a few clicks, your widget is tailored to your liking.

Effortless Corner Pop Up Customization 

In today's mobile-centric environment, the Corner Popup widget stands out by being fully responsive. Regardless of the device being used, this widget maintains its visual appeal and functionality. This adaptability gives you a competitive edge in ensuring user satisfaction.

Perfectly Responsive Corner popup

While all of Common Ninja's widgets come with their own set of features, the Corner Popup widget takes it a notch higher by allowing custom CSS. Dive deeper into customization and let your creativity shine, refining the widget's appearance to your exact specifications.

Corner Pop-Up Custom CSS

Embedding the Corner Pop-Up on your website is a breeze. Just copy and paste a single line of code, and it's integrated. Moreover, the Corner Popup widget continually refreshes, automatically reflecting every modification you make, ensuring your site remains up-to-date.

Easy To Embed Corner pop-up

The Corner Pop-Up provides a subtle notification approach, ensuring site visitors aren't overwhelmed by full-screen alerts. This means site content remains front and center, resulting in a more welcoming experience.

Enhanced User Experience with Corner Pop-Up

The Corner Pop-Up widget's strategic corner placement captures attention without dominating the screen. By striking this balance, site owners can effectively convey their messages while preserving visitor satisfaction.

Maximized Engagement Without Intrusiveness

The Corner Pop-Up widget's design is optimized to use website space wisely. By placing notifications in a corner, it ensures the core content of the site remains unobstructed and easily accessible to visitors.

Efficient Real Estate Utilization

Corner Pop-up

Popups, Bars & Buttons

Showcase statistics, metrics, or countdowns in an animated visually appealing display

With the right background image, fonts and titles, it is possible to tell a whole story and create the right association between a brand, and its impressive numbers.

Visual Storytelling With the Right Background

Style 2

Style 3

For the more information-delivery-based websites, where numbers play an important part, it’s best to keep the numbers, titles, and associated icons clear and easy to understand. And with the full customization options, and the large selection of icons the widget offers, it’s easy to do just that.

Clean Design With Relevant Icons for Better Understanding

The widget enables not only to create of informative number counters, but aesthetically pleasing ones as well, which will go hand in hand with the website’s design, and play a significant role in creating the right atmosphere.

Setting the Right Mood and Atmosphere

The Animated Number Counter app features an entertaining, eye-catching “counting” animation that is sure to add a sense of action to your website, as well as help focus the user’s attention on important information.

Eye-Catching Animation

The Animated Number Counter app 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 Animated Number Counter app features commonly used layouts that you can choose from to fit your web page’s design.

Multiple Layouts

In addition to the option to add images to the number counter, the app has a large selection of icons that you can choose from to add instead of images.

A Robust Set of Icons

You can customize the app any way you see fit, including deciding on what the starting number of the counter will be.

Set Start Number

Do you want to add a plus sign after a number? Or perhaps to denominate that the number refers to users? Or maybe even that the number represents a certain currency? Regardless of what you want to add, you can easily do this by adding a prefix or a suffix to appear before or after the number.

Add a Prefix or Suffix

You can easily add links to the Animated Number Counter app, to improve navigation and increase conversions.

Add Links

You can add a background in the form of an image to really set your number counter apart and to further complement your website’s design direction.

Add & Change a Background

The Animated Number Counter app features full customization options so you can edit the design to fit your needs. Change the colors, the fonts, the spacing and anything else!

The Animated Number Counter app is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors.

Perfectly Responsive

The Animated Number Counter 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 Number Counter Widget

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

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

With the app, you can add animation to your static pages and make them less boring and more engaging to you your users. Insert the animation in between sections to let your users rest their eyes, or next to a section with lots of text, to highlight the significant bits, or any other way you see fit.

Add Animation to Static Pages

The animation effect of the app makes it so that you can easily draw attention to different stats. And, with its help, you can showcase your strengths — whether it’s the number of users you have, active installation, sales or anything else.

Make Stats More Noticeable

The app is fully customizable, and in addition to the animation effect, it can be customized to complement any page design through a large selection of icons, different layout options, pre-made skins and more.

Animated Number Counter

Get Creative

Details at a Glance

There are moments when an overview isn't enough and you're curious for more. The Agenda Widget allows for a direct link to be attached to any item, guiding users to in-depth information. So, if they want to explore a speaker's full profile or get additional details about a session, it's just a click away.

Direct Links

With the Agenda Widget, you decide how much of the event details to reveal at first glance. Users can easily switch between a neat, collapsed view and a detailed, expanded version, letting them interact with your agenda based on their preference.

Collapsable Details

The Agenda Widget offers a neat feature where event details can be shown in a popup. Instead of navigating away or scrolling endlessly, users can simply click on an agenda item, and all its information springs up in a focused popup window. It's all about providing details without cluttering the main view.

Popup Display

The Agenda Widget is pretty flexible. It's got various display options, so you can pick one that feels right for your website's vibe and looks. Just like choosing the best outfit for an event, but for your site!

Multiple Agenda Layouts

The Agenda Widget isn't just about function; it's got fashion too! It offers a bunch of cool themes, so you can find the perfect look without fussing over tweaks and edits. Making your agenda look snazzy was never this easy!

Stylish Agenda Skins

With the Agenda Widget, you're in the driver's seat. It's packed with customization options, letting you tweak colors, fonts, spacing, and more. Tailor it to match your style and make it a perfect fit for your site. You've got this!

Fully Customizable Agenda

The Agenda Widget adjusts smoothly to any device. Whether someone's checking out your agenda on a phone, tablet, or computer, it's going to look spot-on. In a world where everyone's on the move, your agenda is ready to roll with them.

Fits Every Screen

Getting the Agenda Widget up and running is a breeze, no coding wizardry needed! With an easy-to-grasp dashboard and drag-and-drop actions, you can shape your agenda just the way you want, all in just a few clicks. No fuss, just function.

Simple Setup, Smooth Scheduling:

Like every tool from Common Ninja, the Agenda Widget isn't just about out-of-the-box looks. Got a flair for design? Dive in with custom CSS and give it your unique touch. Your creativity, our platform – a match made in design heaven.

Style It Your Way with Custom CSS

Slipping the Agenda Widget onto your site is as simple as copy-paste. Just grab that one line of code and voila! And the cool part? Anytime you tweak the agenda on your end, it auto-refreshes on your site. 

By giving potential attendees a sneak peek into the exciting topics, speakers, or activities, you're providing them with more reasons to mark their calendars and show up.

Increase Attendance

No more constant email queries or phone calls asking about the event schedule. With the Agenda widget, your attendees can get all the information they need in one glance, freeing up your time.

Save Time

Displaying a clear and organized agenda highlights your commitment to planning and organization, elevating your brand's reputation and trustworthiness.

Enhance Professionalism

Agenda

Customizable widget to manage and display your online course catalog effectively.

The Course Listings widget comes with predefined fields for key details such as course name, description, start date, and price. This setup ensures that all essential information is neatly presented for potential students.

Dedicated Course Information Fields

Tailor your course listings with flexible custom fields. Add extra information like prerequisites, course format, or certification details to meet your institution’s specific needs.

Adaptable Custom Fields

Every course listing features a Full Details Card, offering a comprehensive overview of the course content, prerequisites, and instructor information. Students gain valuable insights to determine their suitability for the course and interest in enrolling.

Detailed Curse Information

Enhance your course listings with interactive visual elements. Incorporate images, videos, and other multimedia to create an engaging and informative experience for prospective students.

Interactive Visual Elements

Adapt the presentation of courses with customizable display options. Choose which fields appear in the preview lists and detailed course cards to provide potential students with essential information at a glance and in-depth insights when needed.

Versatile Courses Display

Offer advanced search capabilities and filters to users. Allow students to find courses by category, level, duration, and more, making it easy for them to find the right course.

Advanced Search and Filter Options

Provide customizable sorting options for users. Let students sort courses by name, date, popularity, and other criteria, making navigation intuitive and user-friendly.

Personalized Sorting Features

The widget provides a variety of beautiful skins, enabling you to align the design with your brand and website aesthetics. This reduces customization time and ensures a cohesive and attractive interface.

Select from Multiple Course Listings Design Skins

Enjoy extensive customization capabilities with the Course Listings widget. Modify colors, fonts, spacing, and other elements to create a widget tailored to your website’s look and functionality.

Fully Customizable Course Listings Widget

The Business Listings widget is user-friendly and requires no coding expertise for customization. Its intuitive dashboard makes it simple to integrate and modify, making it accessible for all users.



Easy-To-Use Business Listings Widget

The Course Listings widget is fully responsive, ensuring an elegant display on any device. This feature is crucial for providing a consistent user experience across desktops, tablets, and smartphones.

Perfectly Responsive Course Listings

Add custom CSS to the Course Listings widget for deeper customization. This feature is ideal for developers and designers who want to apply a unique touch, allowing for fine-tuned adjustments to match your website’s style.

Custom CSS for Enhanced Creativity

Embedding the Course Listings widget is straightforward, requiring just a single line of code. This ease of integration ensures that users of all technical levels can set it up quickly, with automatic updates reflecting every change made.

Effortless Embedding of Course Listings on Any Website

With the Course Listings widget, you can enhance the visibility of your educational offerings. By displaying your courses prominently on your website, you ensure that visitors are aware of the full range of programs available, helping to attract a wider audience and improve your institution's reach.

Enhance Visibility of Your Educational Offerings

The Course Listings widget simplifies course discovery for users by organizing courses into an intuitive and searchable format. This ease of navigation allows potential students to quickly find courses that match their interests and needs, improving their overall experience and satisfaction.

Simplify Course Discovery for Users

Using the Course Listings widget can improve enrollment rates by making your courses more accessible and appealing. The clear and structured presentation of course information encourages visitors to take the next step in their educational journey, ultimately leading to higher conversion rates.

Improve Enrollment Rates with Course Listings

Course Listings

New!

Create infographics: custom icons, dynamic tooltips, and responsive design.

Experience enhanced control and customization with the Ratio Widget's Group Information setting. Website owners can assign specific information to each group, including selecting unique icons, adjusting icon colors, and adding titles. This feature ensures each group is distinct and aligns with the intended message and aesthetic, offering a tailored infographic experience to every visitor.

Group Customization Flexibility

The Ratio Widget enriches user interaction with its Tooltip Description feature. As visitors hover over each group, a dynamic tooltip emerges, displaying content that’s tailored based on the group count. This interactive element not only enhances user engagement but also provides additional insights, making the exploration of your infographic both an informative and engaging experience.

Interactive Tooltip Insights

The Ratio Widget introduces a smart, Automatic Ratio Calculation feature that optimizes the display of icons on your webpage. Users can set a maximum number of icons to be shown, ensuring the webpage remains uncluttered. The widget adeptly calculates and adjusts the quantity of icons for each group, based on the specific ratios, delivering a concise, yet comprehensive visual representation of data.

Efficient Icon Display

The Ratio Widget enhances data presentation through its animated infographic feature. Icons unveil sequentially, employing a typewriter effect, which ensures visitors are captivated. This progressive revelation of information not only captivates attention but also facilitates an easier understanding of the data shared, making each piece of information stand out distinctively.

Animated Infographic Display

With the Ratio Widget, total customization is at your fingertips. This feature allows site owners to manipulate every aspect of the ratio infographics, from icons to display style, ensuring it aligns precisely with their preferences and brand identity. Every infographic created is a true reflection of the website’s character, achieving a harmonized look and feel.

Complete Customization Control

The Ratio Widget is crafted with a responsive design, ensuring your infographic ratios are displayed seamlessly on various devices, from mobile phones and tablets to desktop computers. Each icon and piece of information is adjusted to fit and function perfectly, offering a consistent and optimal viewing experience to all visitors.

Responsive Infographic Design

Navigating and customizing infographics is a breeze with the Ratio Widget’s user-friendly interface. It’s designed to be straightforward and intuitive, empowering site owners to effortlessly create and tailor their ratio infographics. Even without advanced technical skills, users can seamlessly integrate and manage this feature on their websites.

User-friendly Interface

The Ratio Widget is adaptable for those well-versed in coding, offering support for custom CSS. This allows users with advanced technical skills to have precise control over the appearance and behaviour of the ratio infographics, ensuring a bespoke visual representation that aligns with specific needs and aesthetics.

Enhanced Styling with Custom CSS

Embedding the Ratio Widget is a straightforward process, requiring only a single line of code to integrate it into any website. This simplicity ensures that site owners, regardless of their technical proficiency, can effortlessly enhance their webpages with informative and engaging ratio infographics.

Animated Image

WebSite X5 object

App Details

Pricing

App Info

Some of the best Common Ninja objects for WebSite X5

Opening Hours

Corner Pop-up

Animated Number Counter

Agenda

Course Listings

Ratio

X Feed

Payment Method Logos

Currency Converter

Charts & Graphs

Animated Headline

Event Listings

objects You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Animated Image

WebSite X5 object

App Details

Pricing

Check Out the Opening Hours Widget

App Info

Some of the best Common Ninja objects for WebSite X5

Opening Hours

Corner Pop-up

Animated Number Counter

Agenda

Course Listings

Ratio

X Feed

Payment Method Logos

Currency Converter

Charts & Graphs

Animated Headline

Event Listings

objects You Might Like

Discover the best apps for your website

Common Ninja Search Engine