Get in touch with us https://madehtml5.github.io/ DONATE МЕ IMPORTANT Add permission to install without ftp account All setings are showing on video, any other suport only payed!

madehtml5.github.io

No FTP request by https://madehtml5.github.io/

The Events Board Widget allows easy listing and management of events on your website.

With the Event Listings Board, you can utilize dedicated fields specifically designed to display crucial event-related information. Easily input event titles, dates, locations, and descriptions to create detailed and informative listings that attract potential attendees.

Customizable Event Fields

The Event Listings widget provides the liberty to modify or add fields in the event listings, adapting to the unique details or requirements of each event. Incorporate multi-selection options, yes/no fields, and in-depth descriptions to ensure a thorough presentation of event information.

Adaptive Event Fields

Adapt the presentation of event listings with customizable display options. Choose which fields appear in the preview lists and detailed event cards to provide site visitors with essential information at a glance and in-depth insights when needed.

Tailored Event Views

Every event listing features a Full Details Card, offering a complete overview of the event details, requirements, and organizer information. Attendees gain valuable insights to determine their interest and availability for the event.

Comprehensive Event Insights

Incorporate images or event logos to enhance the visual appeal and recognition of each event listing. These visual elements can help bolster the event's or organizer's brand presence within each listing, making the Event Listings widget a visually engaging addition to your website.

Visual Enhancements Feature

The Events Board widget allows visitors to apply filters, streamlining the search process. By sorting listings based on various event criteria, attendees can efficiently find events that align with their interests, availability, and preferences.

Filtered Event Search

Event seekers can sort available events based on criteria like event type, location, or organizer. This feature enhances user navigation, allowing attendees to quickly identify and plan for events that meet their preferences.

Sortable Event Listings

Each event listing can integrate a map to display the event's location or the organizer’s headquarters. This feature helps attendees to consider the geographical aspect when planning to attend events.

Interactive Location Insights

Select from a range of skins to ensure the Events Listing widget aligns with your website’s design and branding. The customization ensures a consistent and professional presentation of event listings.

Select from Multiple Skins

The Events Listing Widget is engineered for ease of integration and is compatible with diverse website platforms. It ensures that adding a dynamic and organized event listing section to your site is hassle-free and efficient.

User-Friendly Events Listing Integration

The Event Listings Widget bestows users with broad customization choices, ensuring each event listing resonates with your brand and caters to your audience's specific needs. Tweak event fields, fine-tune display settings, and select from an array of design options to craft a distinct and engaging event exploration experience on your website. Every element can be personalized, guaranteeing that your event listings are not only informative but also visually harmonious with your website's design.

Total Customization Mastery

The Events Board widget is a valuable addition to any website. Not only is it fully responsive, meaning it will adjust seamlessly to fit the screen size of any device, but it also boasts a sleek and modern design that will enhance the overall look of your site. In a digital era where a growing number of people are accessing the internet through their phones and tablets, it's crucial to have a website that is optimized for mobile viewing. The Events Board widget enables you to do just that, providing you with a competitive edge.

Perfectly Responsive Events Board

Obtain complete mastery over the styling of your event listings with the flexibility of CSS. Tailor the appearance and ambiance of the listings to ensure they harmoniously meld with your website's aesthetic and design elements.

Advanced CSS Customization

The Event Listings widget is meticulously crafted to ensure compatibility and ease of integration with a variety of website builders and platforms. Its intuitive design facilitates a quick and hassle-free setup, enabling you to enhance your website with a comprehensive events listing section without encountering technical or compatibility challenges.

Effortless Installation Across Platforms

The Event Listings widget facilitates an interactive space on your website where visitors can explore upcoming events. This added feature can keep your audience engaged and informed. With an organized listing, users can easily browse through and plan their participation.

Enhanced User Engagement with Event Listings

The widget not only lists events but also contributes to improving your site’s search engine visibility. By integrating the Event Listings widget, you’re adding fresh, regularly updated content to your site which is favorable for SEO. This continual update can help improve your site's ranking on search engine results pages.

SEO Boost with Event Listings

By offering a dynamic list of upcoming events, you are providing a reason for visitors to return to your site. The Event Listings widget can be a draw for your target audience, encouraging repeat visits. Over time, this increased engagement can lead to higher traffic and potentially, a larger audience base.

Increased Website Traffic with the  Events Board

Use the Event Listings widget when you host multiple events and need a straightforward board style view that focuses on clarity more than calendar layout. Each entry can show title, date, location, and a short description with links to details or registration. This works well for organizations that run talks, meetups, classes, or series where listing format is more intuitive than monthly grids. Visitors can scroll and filter to find events that fit their schedule and interests. A concise, searchable events board reduces friction, improves attendance, and lets your community see at a glance how active and varied your offerings are.

Event Listings

Lists & Cards

Add a WhatsApp chat button to your website, allowing users to start a chat using WhatsApp.

Example 1

Example 2

Example 3

Example 4

Example 5

The WhatsApp Chat Button widget features multiple button icons for you to choose from that can complement your design and deliver the message you want to deliver.

Multiple Icons

The WhatsApp Chat widget allows you to change the chat’s background to make it fit your website’s design, make your chat stand out, or reinforce brand awareness via well-crafted company backgrounds.

Change Chat Background

The WhatsApp Chat widget features the ability to toggle the messages’ time on or off. Keep it on to show users just how fast your replies are, or remove it entirely for a more minimal, visually pleasant chat design.

Toggle Time On or Off

The WhatsApp Chat widget features full customization options so you can edit the design to fit your needs — change the colors, fonts, spacings and anything else!

Fully Customizable

The WhatsApp Chat widget is perfectly 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 WhatsApp Chat 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 want it 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 WhatsApp Chat widget and be even more creative.

Custom CSS

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

Easy To Embed

Allow users to contact you by WhatsApp chat for support or for more information that’s not readily available on your website and improve their experience.

Offer Support & Helpful Information with a WhatsApp Chat

You can expedite your users’ decision-making process by providing quick answers to their questions in a WhatsApp Chat. The more informed they are, the better decisions they are going to make.

Speed up the Decision-Making Process

Make your users feel important and well taken care of by offering them a more personalized communication method with a WhatsApp Chat widget.

Provide a Personalized Experience

Use the WhatsApp Chat widget when you want visitors to contact you through a channel they trust and use every day. Many buyers prefer sending a quick WhatsApp message instead of filling forms or calling, especially on mobile. This widget places a clear entry point on your pages so they can ask about pricing, availability, or product fit with a single tap. The conversation moves to WhatsApp, where you can continue in a personal, informal style that often converts better than email. It works well for local businesses, service providers, and online stores that rely on fast replies to close deals and reassure new customers.

WhatsApp Chat

User Engagement

Whatsapp Button template 6

Whatsapp Button template 5

Whatsapp Button template 4

Whatsapp Button template 3

Whatsapp Button template 1

Whatsapp Button template 2

Displays a clear cookie notice on your website to support compliance with data privacy requirements.

The Cookie Banner widget shows a clean, easy to understand consent notice. The text is short and direct, so visitors immediately know that your site uses cookies. This helps you present cookie information without overwhelming users or interrupting the browsing experience.

Clear and simple Cookie Banner

The Cookie Banner includes a simple acknowledgement button, such as “Got it,” so users can confirm they’ve seen the notice in one click. The action is obvious and fast, which keeps the consent flow smooth and avoids unnecessary steps for visitors who just want to continue browsing.

Easy consent acknowledgement button

You can select from different button shapes for the Cookie Banner acknowledgement button. Pick a rounded, square, or other style that matches your site’s UI, so the banner feels consistent with your overall design.

Choice of button shapes

The Cookie Banner comes with a variety of ready made skins you can apply right away. Each skin is designed to fit different website styles and color schemes, helping the banner blend naturally into your layout while staying noticeable enough for visitors to interact with it.

Multiple Cookie Banner design skins

The Cookie Banner stays visible until a visitor acknowledges it. This ensures every user sees the cookie notice before continuing to browse, helping you present consent in a consistent and reliable way across your site.

Persistent cookie notice until consent

You can include an icon or image inside the Cookie Banner to support the message visually. This lets you match the banner to your brand style or add a simple visual cue that makes the notice easier to spot without changing the layout of your page.

Add an icon or image to the Cookie Banner

The Cookie Banner allows you to add a link directly in the consent text. You can point it to your privacy policy, cookie policy, terms of use, or any relevant page, giving visitors a clear path to read more details if they want.

Flexible links to privacy or policy pages

The Cookie Banner widget is built for quick setup. You can edit the text, design, and behavior through simple controls, without writing any code. Updates take a few clicks and apply immediately, so the banner stays accurate as your site changes.

Easy to set up and manage without code

The Cookie Banner widget includes a wide range of design settings so you can make it fit your site naturally. You can adjust colors, fonts, spacing, button styles, and layout structure to match your brand and UI. The controls are simple to use, so you can fine tune the banner until it feels like part of the page, not an external add on.

Fully Customizable Cookie Banner

The Cookie Banner works smoothly on desktops, tablets, and phones. Its layout and text scale automatically, keeping the notice clear and the buttons easy to tap on smaller screens. This ensures visitors can review and acknowledge cookie consent comfortably, no matter which device they are using.

Responsive Cookie Banner on Any Device

For advanced styling, the Cookie Banner supports custom CSS. You can use it to control precise visual details such as margins, animations, hover states, typography rules, or breakpoint behavior. This gives developers and designers full flexibility when the built in settings are not enough.

Custom CSS Support for Cookie Banner

Installing the Cookie Banner takes a single line of embed code. Copy the snippet from the editor and paste it into your website’s HTML or platform embed area. After embedding, any updates you make in the Cookie Banner editor appear on your live site automatically, so there is no need to re install the widget after changes.

Easy to Embed Cookie Banner

A Cookie Banner ensures users see a straightforward notice about cookies the first time they visit. It explains that cookies are in use and provides clear actions, so visitors understand what they are agreeing to without searching for it.

Make cookie consent clear for visitors

Many privacy laws require informing users about cookies and, in some cases, collecting consent before non essential cookies run. A Cookie Banner helps you present that notice and record user choices in a standard, repeatable way.

Support privacy compliance

Instead of handling cookies differently across pages or platforms, a Cookie Banner gives you one place to manage the message, layout, and behavior. Visitors get the same experience everywhere, which reduces confusion.

Keep your site experience consistent

Use the Cookie Banner widget when your site uses analytics, advertising, or other tracking that requires clear disclosure. A short, persistent banner that explains cookie usage and lets visitors acknowledge or manage consent helps you meet privacy rules while keeping the experience straightforward. It brings the key message to the front instead of leaving it buried in a policy link.

This is especially relevant for websites with European visitors, ad integrations, or detailed tracking setups. A clear consent banner supports trust by making data collection transparent, and it helps reduce legal and usability issues with visitors who care about privacy.

Cookie Banner

Popups, Bars & Buttons

Experience seamless 360 panorama viewing with interactive hotspots and customizable settings.

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

Use the Virtual Tour widget when space itself is part of your product and you want people to explore it remotely in an immersive way. Interactive 360 views with hotspots let visitors look around at their own pace and focus on details that matter to them. This is powerful for hotels, real estate, campuses, museums, venues, and showrooms. Instead of static galleries, a virtual tour creates the feeling of being there, which helps build confidence before booking or visiting. Hotspots can reveal extra information, photos, or links, turning the tour into an informative experience that answers questions as users move through the environment.

Virtual Tour

Get Creative

Media

Images & Galleries

Embed player for Lottie files to add customizable animations

The Lottie Player widget comes with the option to add URLs to the animations and make them clickable. This functionality provides an interactive experience for users, potentially increasing user engagement and conversion rates.

Linkable Lottie Animations

The Lottie Player widget enables the toggle of a “reverse animation” option that will reverse the animation, offering additional creative possibilities and enhancing the versatility of your animations.

Reverse Animation

The Lottie Player comes with advanced control that enables the control of speed, and toggling the option to loop, providing further customization options to ensure your animations align with your brand and website vision.

Animation Speed & Loop Controls

The widget features the option to choose when to play the Lottie animation, be it on hover, scroll, view, or auto-play, allowing for seamless integration into your website's user experience.

“When To Play” Controls

The Lottie Player 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 by ensuring your animations display flawlessly across platforms.

Perfectly Responsive Lottie Player

The Lottie Player 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 Lottie Player any way you’d like to with just a few simple clicks, making it accessible to users of all skill levels.

As with all of Common Ninja’s apps, you can add custom CSS to customize the Lottie Player widget and be even more creative, giving you full control over the appearance and style of your animations.

Lottie Player Custom CSS

You can embed the Lottie Player widget on your website easily by copying a single line of code. The Lottie Player widget will also be updated automatically with every change you make, ensuring a hassle-free experience and consistently up-to-date content.

Easy To Embed Lottie Player

With the Lottie Player, you can add professional, beautiful, and eye-catching animations to your website, making it more appealing to users and increasing the user’s engagement with your website. Furthermore, these animations can effectively communicate your brand message, helping you build a stronger connection with your audience.

Improved User Engagement with Lottie Animations

Lottie animations are lightweight and optimized for the web, which means they won't slow down your website's load times. In today’s world, when every loading speed second counts, the faster loading times can be what separates you from the competition. Additionally, improved performance can lead to a better user experience and higher search engine rankings.

Faster Page Load Time

Lottie animations are designed by professional animators, resulting in high-quality and visually appealing animations. You will be able to save time and money on creating beautiful animations, and make use of what other professionals have created. Plus, these animations are easily customizable, allowing you to align them perfectly with your brand identity and website aesthetics.

High-Quality Animations

Use the Lottie Player widget when you want high quality animations on your site without slowing it down. Lottie files are lightweight, scalable, and crisp on all devices, making them ideal for micro interactions, illustrated scenes, and animated icons. This widget lets you embed and control those animations with options for looping, triggering, and styling. It is perfect for breathing life into hero sections, onboarding flows, loading states, or success messages. Engaging motion can draw attention to important elements and explain ideas more intuitively than static images. At the same time, the efficient format keeps performance strong, which is important for both user experience and search visibility.

Lottie Player

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.

Easy to embed on any website

Implement the Ratio widget to transform data into compelling visual stories. Visitors can easily absorb and interact with information, presented through creative and intuitive infographics. This visual touch not only enhances understanding but also adds an aesthetic element to your site.

Visual Engagement with Ratio Widget

With the Ratio Widget, your data speaks for itself. Infographics make the interpretation of complex information simple, aiding in clearer communication with your audience. Website visitors can quickly grasp the essential points, resulting in an efficient information transfer.

Express Information Clearly

Integrating the Ratio Widget enables your content to reach a wider audience. The eye-catching design of ratio infographics encourages sharing, increasing the visibility of your content. This expanded reach can result in enhanced brand awareness and audience growth.

Amplify Content Reach with Infographic

Use the Ratio widget when you need to communicate relationships between numbers in a highly visual, infographic style way. Custom icons, segments, and tooltips transform dry statistics into clear comparative views that visitors can understand at a glance. This is helpful for product benefits, market data, resource allocation, or any scenario where part to whole or group comparisons matter. Interactive elements invite users to hover and learn more without cluttering the main view with heavy labels. A well built ratio graphic strengthens your message and supports more persuasive storytelling around why your solution or insight is meaningful.

Ratio

Display important messages and notifications in a designed bar, at the top or bottom of the screen

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

Customizable Display Rules

The Notification Bar widget comes with two position options — you can either show it at the top of the screen or at its bottom.

Top or Bottom Notification Bar

Use the Notification Bar widget when you need to share important information without interrupting the browsing experience. A slim bar at the top or bottom of the screen can highlight announcements, shipping updates, policy changes, discounts, or calls to action in a way that stays visible but not intrusive. This is especially effective for time sensitive messages, site wide updates, and targeted campaigns. Visitors do not need to search for details because the bar keeps them in view as they scroll. A well written notification bar reduces confusion, increases clicks on key offers, and helps guide users smoothly toward the next step while keeping your page clean.

No FTP request by https://madehtml5.github.io/

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Event Listings

WhatsApp Chat

Cookie Banner

Virtual Tour

Lottie Player

Ratio

Notification Bar

Charts & Graphs

Headline With Background Image

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

No FTP request by https://madehtml5.github.io/

OpenCart extension

App Details

Pricing

Check Out the Event Listings Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Event Listings

WhatsApp Chat

Cookie Banner

Virtual Tour

Lottie Player

Ratio

Notification Bar

Charts & Graphs

Headline With Background Image

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine