Add interactive areas on images that reveal extra information when clicked or hovered over.

Example 1

Example 2

Example 3

Example 4

Example 5

You can make your Image Hotspot clickable and link it to any URL. By making your image hotspot clickable and linking it to a specific URL, you can improve the user experience and increase conversions on your website. 

Linkable & Clickable

The Image Hotspot widget is a versatile and useful tool that can enhance any design project. With a total of 10 beautifully crafted icons to choose from, you have the flexibility to tailor your design to fit your specific vision. These icons can be easily applied to any design direction, making it easy to incorporate them into your work. Whether you are creating a website, marketing materials, or any other type of design project, the Image Hotspot widget has something for everyone. Its sleek and modern appearance is sure to elevate your design and add a touch of sophistication.

Awesome Icon Options

By animating your hotspot with a gentle motion, you can effectively draw your audience's attention toward it. This way you can make the hotspot more visible and engaging for your viewers, leading to increased interaction and engagement with your content.

Animation

By including a video within your hotspot's tooltip, you can add an extra layer of information and interactive elements to your content. This can be particularly useful if you are trying to convey complex ideas or concepts, as a video's visual element can help clarify and illustrate your points in a way that text alone may not be able to do. Additionally, including a video can help break up text-heavy content and provide a more engaging experience for your viewers. With the ability to add videos to your hotspots, you can enhance the user experience and increase engagement with your content.

Embed Video

There is the option to customize and alter the appearance of the hotspot tooltips. This allows you to tailor the style to fit the aesthetic of your website and create a more cohesive and visually pleasing experience for your users.

Tooltip

With the Image Hotspot widget, you have complete control over the look and feel of your design. You can easily customize various elements such as the colors, fonts, and spacing to match your brand or personal style. Whether you want to create a sleek, modern design or a more traditional look, the Image Hotspot widget has you covered. With its wide range of customization options, you can easily tweak and adjust every aspect of your design to get the perfect look for your project.

Fully Customizable

The Image Hotspot widget is a valuable tool for any website. Not only is it fully responsive, meaning it will adjust seamlessly to fit the screen size of any device, but it also has a sleek and modern design that will enhance the overall look of your site. In a world where more and more people are accessing the internet through their phones and tablets, it is crucial to have a website that is optimized for mobile viewing. The Image Hotspot widget will allow you to do just that, giving you an edge over competitors.

Perfectly Responsive

The Image Hotspot 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

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Image Hotspot widget. With this feature, you can easily customize every aspect of the widget's look and feel, from the colors and fonts to the layout and positioning. But if you're feeling particularly creative, you can take your customization to the next level by editing the CSS directly. This gives you the ability to make even more advanced changes to the widget, allowing you to make it your own. Whether you want to make a few simple tweaks or go all out with advanced customizations, our advanced editor has you covered.

Custom CSS

To embed the Image Hotspot widget on your website, simply copy and paste the provided code snippet into the HTML of your webpage. The widget will seamlessly integrate into your website, allowing you to highlight specific areas of an image with interactive hotspots easily. Additionally, the widget is designed to be self-updating, meaning that any changes you make to the hotspots will be reflected automatically on your website without the need for any additional manual updates.

Easy To Embed

The Image Hotspot widget allows you to add interactive elements to your website and make static images more engaging for your visitors. Users can access additional information, images, or even links to other pages by clicking on designated hotspots within the image. This can make your website more interactive and encourage visitors to explore your site more.

Add Interactivity Using Image Hotspot

The Image Hotspot widget is valuable for adding additional information to an image without covering it up. By creating hotspots on the image, you can add text, links, or other multimedia elements to provide context or additional details about the image. This is especially helpful for displaying maps, diagrams, or product images where you want to highlight specific areas or features.

Add Text Without Obstructing the Image

The Image Hotspot widget is a valuable tool for any e-commerce store looking to showcase their products in a visually appealing and organized manner. By using this widget, you can display multiple items in one place and attach relevant information, such as prices and descriptions, directly to the images.

Implement Visual Storytelling

Image Hotspot

Website Components

Images & Galleries

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.

A Selection of Beautiful Icons

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.

Easy To Embed 

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.

Easy Navigation

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

Improved Aesthetics

Corner Button

Boost Sales

Display the latest posts from any RSS feed

Adding an RSS Feed widget to your site will add a sense of activity by displaying an animated "ticker". Grab the user's attention immediately by using it.

Ticker Animation

By displaying the date and time of the feeds, you can further customize it according to your preferences and those of your visitors.

RSS Feed Date & Time Display Settings

When toggled on, the "auto-refresh" option in the RSS Feed widget will keep refreshing and updating the feed over time.

RSS Feed Refresh automatically

Using the RSS Feed widget, you can choose between Tabs and Mixed feeds. Organize all your tabs by feed order, while making a mixed feed by mixing the RSS feeds.

A variety of RSS feed types 

It is possible to make the RSS Feed widget more compact by adjusting the length of the characters.

Set the Character Display Length

Several layout options are available for the RSS Feed widget so it can be customized to match your website's overall design.

Multiple Layouts Options

It's extremely easy to customize the RSS Feed widget with a variety of beautiful skins.

Multiple RSS Feed Skins

The RSS Feed widget provides full RTL support for those who write from right to left. Make your news accessible to more users from all over the world.

RSS Feed Full RTL Support

You can customize the RSS Feed widget to meet your needs. Colors, fonts, spacing, and anything else you want can be customized!

Totally Customizable

RSS Feed widget works on all devices. With this feature in a mobile-first world, you will stand out from your competition. 

Responsive Design

The RSS Feed widget does not require any coding. An intuitive dashboard allows you to customize your widgets by dragging and dropping.

Easy To Use RSS Feed Widget

Common Ninja's RSS Feed widget can be further customized with custom CSS.

CSS Customization

One line of code is all it takes to embed the RSS Feed widget on your website. The RSS Feed widget will automatically update with every change you make.

Easy To Embed RSS Feed on your website

The RSS Feed widget offers both Tabs and Mixed feeds. As you keep tabs organized by order of feed, the Mixed type mixes a variety of RSS feeds together.

RSS Feed Types 

RSS Feed widgets come with an animated "ticker" that mimics an old news ticker. You can use it to grab the user's attention right away.

RSS Feed Animated Ticker

Using the "auto-refresh" feature on RSS Feed widgets, the feed will keep refreshing and updating.

Automatic Feed Refresh

RSS Feed

Social Feeds

Allow users to register for courses and classes, save submissions, enable notifications, and more

The Course Registration Form Widget offers a variety of customizable fields to create the perfect course registration form for your needs. You can easily tailor the form to suit your requirements and objectives by selecting from a range of field types. To add a field, simply click on the "Add Field" option and choose from the available options. With our drag-and-drop functionality, you can also effortlessly adjust the field order to create the perfect registration form.

Customizable Fields for Course Registration Form

The Course Registration Form Widget simplifies the collection and organization of all registrant data in a clear and accessible format. This feature streamlines the tracking of registrations, ensuring that you can review and respond to registrants more quickly and effectively. With our widget, you can easily manage and access all the information submitted in the form, making it easier to keep track of your course registrants.

Easy Collection of Course Registrant Data

The Course Registration Form Widget's export functionality for registrant data to a CSV file offers significant benefits in terms of efficient registration organization and integration with other tools. This feature allows for easy transfer of registrant data to other applications or tools, making in-depth analysis and integration more accessible. For organizations seeking to maintain a comprehensive record of registrant information for data analysis, reporting, and management purposes, this feature is an invaluable asset. 

Export Course Registrant Data to CSV

By incorporating designated fields for course registration such as Personal Information, Course Selection, and Course Prefered Time, you can gather important information that can help you manage your courses more efficiently. By including fields such as Preferred course dates, special requirements or accommodations, and payment options, you can provide a more personalized and streamlined registration experience for your students.

Key Fields for Course Registration Form

Incorporating headings, descriptive text, and visuals into your course registration form enables a more engaging and intuitive registration experience for students. Including informative form elements can guide registrants through the process, promoting a seamless experience and increasing the chances of successful registrations. With the ability to customize the form with text, images, and other visuals, you can create a registration form that is not only functional but also visually appealing and easy to navigate.

Enhance Your Course Registration Form with Text and Images

With the Course Registration Form Widget, you have the option to personalize your registration form's header and footer, including the ability to add images. This feature offers an excellent opportunity to enhance your brand presence and create a professional, visually appealing form that seamlessly integrates with your website's overall design.

Personalize Headers & Footers

The Course Registration Form Widget also includes the option to enable notifications for both the form owner and the registrant. You can activate automated email notifications for each form submission, send them to multiple recipients, and also dispatch a confirmation email to the registrant upon successful registration. 

Receive Notifications for New Course Registration Submissions

The Course Registration Form allows you to enable the CAPTCHA anti-spam feature, which registrants must complete before submitting their registration. This functionality helps prevent bots and automated scripts from submitting spam entries through your registration form, ensuring that you receive authentic registrations from genuine students. 

Prevent Spam in Your Course Registration Form

The Course Registration Form Widget comes with a variety of beautiful skins that you can choose from to quickstart the design process and save time on extensive customization. These pre-designed skins cater to different aesthetics, allowing you to easily match your form with your website's look and feel.

Various Course Registration Form Styles

The Course Registration Form Widget provides comprehensive customization options, enabling you to tailor the design to meet your specific requirements. From adjusting colors and fonts to modifying field layouts, you have complete control over the form's appearance and functionality. With our widget's user-friendly interface, you can easily customize the form to match your website's design and create a seamless registration experience for your students.

Fully Customizable the Course Registration Form

The Course Registration Form Widget is fully responsive and will look great on any device. Having a form 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. With our widget, you can create a registration form that is perfectly responsive and provides a seamless registration experience on any device.

Perfectly Responsive Course Registration Form

The Course Registration Form Widget is simple to use and doesn't require any coding expertise. Within a few clicks, you can customize the form to your liking using our intuitive interface, making it an effortless experience.

Easy-to-Use Course Registration Form Widget

Our advanced editor is a robust tool that grants you full control over the Course Registration Form Widget's appearance. With this feature, you can effortlessly personalize every aspect of the widget's design, from colors and fonts to layout and positioning. For those looking to exercise their creativity further, direct CSS editing allows for even more extensive customization options.

Custom CSS for Course Registration Form Widget

To integrate the Course Registration Form Widget into your website, copy and paste the provided code snippet into your page's HTML code. The widget is designed to auto-update, which means any modifications you make in the Course Registration Form editor will be automatically reflected on your website.

Easy Embed of Course Registration Form Widget

The Course Registration Form widget allows students to register for a course online at their own convenience without having to visit the organizer's office or make a phone call.


Convenient Online Course Registration

Track the number of registrations and contact registered students with ease. This reduces the chances of registration mix-ups and also ensures that students receive all necessary communication from the organizer.

Effortless Tracking Course Registrations

The Course Registration Form widget helps reduce the time and effort required for manual registration processes. The organizer can use the time saved in managing other important tasks.

Streamline Your Course Registration

Course Registration Form

Forms

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

Popups, Bars & Buttons

User Engagement

The Contact Form features numerous fields, to select from and add to it —  from basic fields to more unique and special formats, enabling you to create forms for your specific needs and any purpose. Simply click on the “Add Field” option, and choose from a vast collection of field formats. Furthermore, you can easily arrange the order of the fields by dragging and dropping them.

Various Form Fields To Select From

The Contact Form allows you to manage and view all the entries (the information within the submitted forms) in an easy-to-read, simple display. This enables you to keep track of all communications and inquiries that are received from users — making it easier to respond quicker and more efficiently to their inquiries.

Easy Entry Collection

The Contact Form’s entry collection can be exported to a CSV file, allowing you to import it to other software or tools for further analysis or integration. This feature is particularly useful for businesses that need to keep a record of all interactions with their clients, and for data analysis and reporting purposes.

Export Contact Form Submissions to CSV

You can use your Contact Form to receive files and images from your users. This feature is especially useful for businesses and professionals who need to gather information or documentation from their clients or customers.

Use the Form To Receive Files and Images

By incorporating titles, descriptive text, and images into your form, you can create a comprehensive and user-friendly submission experience. Adding explanatory form elements can also help guide users through the submission process, resulting in a smoother and more efficient experience and ultimately increasing the likelihood of conversion.

Enrich Your Form With Content and Images

The Contact Form allows for the customization of the form’s header and footer, enabling you to also add images. This feature provides a great opportunity to enhance your brand’s image and create a more professional and visually appealing form that aligns with your website’s overall design and aesthetic.

Header & Footer Customization

The Contact Form features the ability to toggle notifications on, both for the form owner and for the submitting user. You can set automated email notifications on every form submission, to multiple email addresses and also send a confirmation email to the user upon successful submission.

Get Notified Of New Contact Form Submissions

The Contact Form features the ability to toggle on the CAPTCHA anti-spam feature, which your users will be required to complete before clicking on the submission button. This feature helps in preventing bots and automated scripts from submitting spam messages through your contact form — ensuring that you only receive genuine messages from actual users.

Block Spam From Your Contact Form

The Contact Form comes with the option to enable multiple submissions by a single user. Enabling this feature allows users to submit the form multiple times, which can be useful in situations where users need to update their information or provide additional details.

Multiple Submissions

The Contact Form widget comes with a variety of beautiful skins that you can choose from, to quickstart the design process and not spend much time on extensive customization.

The Contact Form widget features full customization options so you can edit the design to fit your needs.

The Contact Form widget is fully responsive and will look great on any device. Having a form 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 Contact Form widget is easy to use and requires no coding knowledge. With only a few clicks, you can modify the form however you wish using our user-friendly interface.

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Contact Form. With this feature, you can easily customize every aspect of the widget's look and feel, from the colors and fonts to the layout and positioning. But if you're feeling particularly creative, you can take your customization to the next level by editing the CSS directly.

Contact Form Custom CSS

To embed the Contact Form widget on your website, simply copy and paste the provided code snippet into your page’s HTML code. Additionally, the widget is designed to be auto-updating, meaning that any changes you make to the Contact Form editor will be reflected automatically on your website.

Easy To Embed Contact Form

With the simple and easy-to-use contact form, you can enable potential clients to reach you more efficiently and effortlessly, thereby increasing the likelihood of you receiving valuable inquiries and collecting good leads. This widget is an invaluable tool to help you grow your business and increase your revenue.

Get More Leads

The Contact Form widget will help you safeguard your email address from unwelcome and unsolicited emails from spammers, and other malicious and unwanted parties, since you won’t have to display your email address in a visible place, and thanks to the widgets CAPTCHA feature. This widget provides you with an additional layer of security and privacy that enables you to protect your business from potential threats.

Reduce Spam Emails

The Contact Form widget comes with features that allow you to track and manage submissions and messages. After the user fills out and submits the contact form, you will receive a real-time notification, allowing you to respond to inquiries promptly. Additionally, all form submissions are conveniently compiled and organized within a table, ensuring that no data is lost, with further options to manage and export the collected information.

Track and Manage Your Messages With Ease

Contact Form

Adds a clear notice about cookie usage on your website, improving compliance with data privacy laws.

Discover the best apps for Shift4Shop

Some of the best Common Ninja apps for Shift4Shop

Image Hotspot

Corner Button

RSS Feed

Course Registration Form

Call Button

Contact Form

Cookies Consent Bar

Scratch Card

Order Form

Currency Converter

Video Gallery

News Ticker

Common Ninja Search Engine