Whatsapp Business API Integration [Advanced] ✪ Safely and seamlessly integrate Whatsapp Business Official API with OpenCart via messagebird.com ✪ Send order summary, order status update and generic notification to your customer. TRY T..

HP Web Design

Whatsapp Business API Integration [Advanced]

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

Example 1

Example 2

Example 3

Example 4

Example 5

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

The Notification Bar widget features the “sticky” option, which can pin your notification bar and fix it to a position of your choosing. That way, when the user scrolls, down or up, they’ll still see the notification bar.

Sticky Feature Bar

You can add a button to the Notification Bar widget, and add a link to it to improve navigation, encourage action and improve conversions.

Add a Button to the Notification Bar

The Notification Bar widget comes with a selection of beautiful icons that you can use to add to the notification bar and enrich its visual appearance.

Show an Icon

To enable the process of customization quicker, you can choose one of the many button templates available.

Multiple Button Templates

The Notification Bar widget comes with a playful “shaking” button animation, with which you can draw attention to the button and encourage users to click on it.

Shaking Button Animation

The Notification Bar 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 Notification Bar 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 Widget

The Notification Bar widget is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors.

Perfectly Responsive Notification Bar

The Notification Bar 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 Notification widget

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

Custom CSS

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

Easy To Embed on your website

The Notification Bar widget lets you notify your site visitors of important information. Whether it’s about updates, changes in pricing or policy, or promotions and discounts — your site visitors will certainly notice it.

Notify Site Visitors

The Notification Bar widget comes with full customization options, a “sticky” feature as well as a “shaking” button animation, and further templates and skins — all of which will serve to draw the attention of your visitors to the message you are trying to convey.


Draw Attention

With the Notification Bar widget, you can easily tailor a message that will drive your users to action. The Notification Bar widget features the ability to add a button, link it, and make it extra visible with animation. Whether you want your users to sign up, purchase something, or perform another action, the widget will surely help you with that.

Encourage Action

Notification Bar

Popups, Bars & Buttons

Boost Sales

notification bar 1

Create interactive, customizable maps with color coding, tooltips, and easy website embedding.

The Interactive Maps widget offers a selection of over 250 maps of world countries. This extensive library allows you to choose the exact map that fits your needs, making it easy to create detailed and customized data visualizations for any region across the globe.

Extensive Map Selection

The Interactive Maps widget allows you to set custom color coding categories and assign them to each polygon on the map. This feature makes it easy to visually distinguish between different data sets, regions, or categories by using a variety of colors. Whether you're highlighting states, counties, or any other geographic areas, this option provides a clear and effective way to represent your data in a visually engaging manner.

Customizable Color Coding for Interactive Maps

The Interactive Maps widget includes an option to display a legend, making it easy for users to understand the color coding and data categories on the map. The legend enhances clarity by providing a quick reference, ensuring that your audience can easily interpret the data represented in the map’s color-coded regions.

Integrated Legend Display for Interactive Maps

The Interactive Maps widget allows you to set custom links for each polygon, directing users to external webpages. This feature is ideal for providing additional information, resources, or related content, making your map not just a visual tool but an interactive gateway to deeper engagement with your audience.

Link Polygons to External Webpages

The Interactive Maps widget offers a variety of beautiful design skins, allowing you to choose a look that seamlessly aligns with your website's aesthetics. Whether your site has a modern, minimalist, or traditional style, there’s a skin that will enhance the visual appeal of your map while saving you time on customization.

Multiple Design Skins for Interactive Maps

The Interactive Maps widget enables you to create custom tooltips for each polygon, complete with a header image and text. This feature allows you to provide rich, detailed information when users hover over different regions, enhancing the interactivity and depth of your map. It’s a powerful way to deliver context and insight directly within the map itself.

Add Tooltips with Image and Text for Each Polygon

The Interactive Maps widget provides extensive customization options, letting you adjust colors, fonts, spacing, and more to suit your specific needs. This flexibility ensures that your map not only functions well but also complements the unique design of your website.

Fully Customizable Interactive Maps

Designed for responsiveness, the Interactive Maps widget ensures your map displays elegantly on any device, from desktops to smartphones. This feature is crucial for providing a consistent user experience, regardless of how visitors access your site.

Perfectly Responsive Interactive Maps

The Interactive Maps widget is user-friendly, requiring no coding skills for customization. Its intuitive dashboard allows you to easily tailor the map to your preferences, making it accessible for users of all technical levels.

Easy-to-Use Interactive Maps Widget

For those seeking deeper customization, the Interactive Maps widget supports custom CSS. This feature is perfect for developers and designers who want to apply a unique style or add advanced functionality to the map, allowing for a truly personalized experience.

Custom CSS for Advanced Styling

Embedding the Interactive Maps widget on your website is straightforward, requiring just a single line of code. The widget automatically updates with any changes you make, ensuring that your map is always current without any extra effort.

Effortless Embedding of Interactive Maps

Empower your website with visually appealing data representation using Interactive Maps. These maps allow users to easily interpret complex data through color-coded regions, improving user engagement and understanding.

Enhance Data Visualization with Interactive Maps

Transform complex datasets into easily digestible visuals with Interactive Choropleth Maps. This tool helps website visitors quickly grasp insights by representing data through color variations across geographic regions.

Simplify Complex Information Using Interactive Choropleth Maps

Utilize the power of Interactive Choropleth Maps to present data in a way that aids decision-making. The ability to highlight and compare different regions at a glance makes it easier for users to draw meaningful conclusions.

Drive Decisions with Interactive Choropleth Maps

Interactive Maps

Get Creative

Website Components

New!

Add a customizable, responsive Google-powered search bar to enhance website navigation and usability.

The Website Search Widget includes a floating button, ensuring the search function is always accessible without disrupting the user’s browsing experience. Positioned strategically on your site, the button allows visitors to initiate a search from any page, streamlining navigation. This design element enhances usability and keeps your website clean and uncluttered.

Convenient Access with the Floating Button

The Search Bar Widget is designed for seamless integration, allowing you to embed it on your website with minimal effort. With just a single line of code, you can activate the search functionality powered by Google’s robust search engine. This streamlined process ensures compatibility with any website builder or platform, saving time and making it accessible to all users, regardless of technical expertise.

Effortless Setup and Integration

The Search Widget ensures users receive accurate and contextually relevant search results tailored to your website’s content. Powered by Google’s sophisticated algorithms, the widget provides fast and precise responses, helping visitors find what they need effortlessly. This capability enhances user satisfaction and keeps them engaged with your site longer.

Deliver Precise and Relevant Results

The Website Search Widget offers three distinct search bar layouts—box, line, and box with an external button—allowing you to choose a design that complements your website's style. Each layout is crafted for usability and aesthetics, ensuring a seamless fit within your site's visual theme. This flexibility ensures your search bar looks professional while enhancing the overall user experience.

Customize Your Search Bar Design

The Search Bar Widget provides multiple layout options for displaying search results, including inline, popup, and other configurations. Whether you prefer results to appear seamlessly within the page or in a dedicated popup window, you have full control over how they are presented. This flexibility ensures the search experience aligns perfectly with your website’s design and functionality.

Flexible Layouts for Displaying Search Results

The Google Search Widget allows you to customize the search icon to align with your website’s branding. Choose from various styles, colors, and sizes to create a cohesive look that complements your site’s design. This level of personalization ensures the search feature integrates seamlessly with your visual identity while maintaining a professional appearance.

Personalize the Search Icon to Match Your Brand

With a range of design skins, the Search Widget enables you to pick a look that matches your website’s branding. These ready-made skins reduce the need for customization while delivering a polished and professional appearance. Whether your site features a minimalist or bold design, there’s a skin to suit your needs.

Select from Multiple Google Search Widget Design Skins

The Website Search Widget provides robust customization options, including adjustable colors, fonts, spacing, and more. This ensures you can tailor the widget to meet your specific requirements and maintain a consistent brand aesthetic. The customization flexibility helps you create a search feature that is both functional and visually cohesive.

Fully Customizable Website Search Widget

Designed to be fully responsive, the Search Widget adapts flawlessly to all devices, including desktops, tablets, and smartphones. This ensures your visitors enjoy a seamless search experience no matter how they access your site, improving usability and engagement across all platforms.

Perfectly Responsive Search Widget

The Website Search Widget is user-friendly and doesn’t require any coding knowledge. Its intuitive interface allows for simple setup and customization, making it accessible for all website owners. With just a few clicks, you can integrate a professional search tool into your site.

Easy-to-Use Website Search Widget

For advanced users, the Search Widget supports custom CSS, enabling unique styling and deeper customization. This feature is perfect for developers or designers who want to fully align the widget with their creative vision and functional requirements.

Custom CSS for Enhanced Creativity

Embedding the Search Widget on your website is quick and straightforward, requiring just a single line of code. Once integrated, updates to the widget are applied automatically, saving time and effort while ensuring your website always features the latest version.

 Effortless Embedding of the Search Widget

By offering a search bar tailored to your site’s content, you allow visitors to discover relevant pages, products, or blog posts effortlessly. This improved accessibility encourages deeper interaction with your site, helping users stay longer and explore more.

Improve User Engagement Through a Tailored Search Bar

When users find what they’re searching for quickly, they’re more likely to take action—whether it’s making a purchase, signing up, or reading more articles. A well-integrated search feature simplifies the user journey, leading to higher conversions and better results for your business.

Boost Conversions with a Website Search Widget

The widget leverages Google’s powerful search engine, ensuring fast and accurate results. This means your visitors can trust the results they receive, and you can rest assured your site offers the best search experience possible, matching their expectations.

Seamless Integration with Google Search Capabilities

Website Search

Present a carousel display featuring creative banners items

The Creative Card Carousel widget comes with the option to change the carousel’s cards sizes — from small, to large, vertical, or horizontal, you make the widget fit your specific needs.

Card Size

With the option to change the arrow types of the slider, and the pagination icons below, you can further customize the widget and make it fit your design requirements.

Arrows & Pagination

The widget comes with the options to control the speed at which the cards slide, and how much time should be spent on the cards. You can use these options to tailor your user’s experience.

Slider Speed & Time Per Slide

The Creative Card Carousel widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style.

Multiple Layouts

The widget comes with a variety of pre-made skins you can choose from to speed up your work.

The Creative Card Carousel 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 Creative Card Carousel widget is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors.

Perfectly Responsive

The Creative Card Carousel widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget any way you’d like to with just a few simple clicks.

Easy To Use

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

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

Easy To Embed

With the Creative Card Carousel widget, you can enhance your website’s design by selecting beautiful cards, and with the ability to change their sizes, and the slider’s options, you will be able to create a Creative Card Carousel that is perfect for your website.

Enhance Design with Creative Card Carousel

A major benefit of the Creative Card Carousel is that it doesn’t take up much space. Unlike Card grids that take up a lot of space, the Creative Card Carousel can show as many banners as you want, from within a fixed position, and in an interactive manner. Additionally, you can create different carousels for different categories, and avoid building additional pages for different categories.

Save Space on your webpage

The Creative Card Carousel widget is a perfect way to grab the attention of visitors and encourage them to interact with your website, and with the CTA button, you can improve your conversion rates.

Increased Engagement & Conversions

Creative Card Carousel

Lists & Cards

Add customizable Trust Badges to your website to boost trust and improve conversions.

The Trust Badges widget offers a diverse gallery of professionally designed badges, allowing you to easily find the perfect fit for your website. Whether you need badges for security, shipping, or customer guarantees, the selection ensures you can quickly implement trustworthy icons without needing to design them from scratch. This feature saves time and ensures your site has high-quality visuals that boost customer confidence.

Access a Wide Gallery of Professional Trust Badges

The Trust Badges widget allows you to upload your own custom-designed badges, giving you full creative control over the trust symbols displayed on your site. This feature is perfect for businesses that want to maintain a unique visual identity or emphasize specific guarantees. By uploading your own badges, you ensure that every element on your website, including trust indicators, aligns perfectly with your brand’s image.

Upload Your Own Custom Trust Badges

The Trust Badges widget provides a variety of layout options, allowing you to display your badges in a way that best suits your website’s design. Whether you prefer horizontal, vertical, or grid layouts, you can arrange the badges to complement your site’s structure and visual flow. This flexibility ensures that trust elements are prominently showcased without disrupting the overall user experience.

Choose from Multiple Trust Badge Layouts

The Trust Badges widget offers a range of beautifully designed skins, making it easy to find a style that aligns with your brand and website’s look. Whether your site has a modern, minimalist, or traditional design, the skins reduce the need for extensive customization, allowing you to quickly add badges that seamlessly match your site's visual appeal.

Select from Multiple Trust Badge Design Skins

With the Trust Badges widget, you have complete control over customization. You can modify the colors, fonts, sizes, and spacing to ensure the badges fit perfectly with your website’s branding. This extensive flexibility allows you to create trust badges that not only enhance security and trust but also maintain your site’s unique aesthetic.

Fully Customizable Trust Badges

The Trust Badges widget is designed to be fully responsive, ensuring that your badges look great on all devices, whether it’s a desktop, tablet, or smartphone. This guarantees that your trust indicators are always visible and appealing, delivering a consistent experience to users regardless of the device they are using.

Perfectly Responsive Trust Badges

The Trust Badges widget is built with simplicity in mind, requiring no coding skills to customize or integrate. With an intuitive dashboard, you can easily add or modify badges to suit your preferences, making it accessible for users of all technical levels while enhancing your website’s credibility without any hassle.

Easy-to-Use Trust Badges Widget

For those looking for even more control, the Trust Badges widget supports custom CSS. This feature allows developers and designers to further personalize the look and functionality of the badges. Whether it's adjusting spacing, animations, or other design elements, custom CSS ensures the badges can be tailored to fit your exact vision.

Embedding the Trust Badges widget is straightforward and requires just a single line of code. This simple integration ensures that anyone can add the widget to their website quickly, without the need for technical expertise. Plus, the widget automatically updates with every change, ensuring that your trust badges are always up-to-date without extra effort.

Effortless Embedding of Trust Badges on Any Website

Displaying Trust Badges on your website reassures customers about the security of their purchases and the credibility of your brand. This leads to increased confidence, encouraging more customers to complete their transactions.

Boost Customer Trust with Trust Badges

Trust Badges like "Money Back Guarantee" or "Secure Checkout" establish your brand as reliable and transparent. This can enhance your reputation, resulting in long-term customer loyalty and positive word-of-mouth for your business.

Build Brand Credibility

By integrating Trust Badges, you address customer concerns about payment security and product quality. This can directly lead to higher conversion rates, as customers are more likely to follow through with their purchases when they feel confident in your site.

Increase Conversion Rates

Trust Badges

User Engagement

Easily craft, customize, and integrate flow charts on your website.

The Diagrams widget offers a versatile range of shapes to represent your information best. Choose from rectangles, ellipses, or triangles to create distinct visuals. Whether you're outlining a process, highlighting key points, or showcasing a hierarchy, these shapes ensure your diagrams are both functional and aesthetically pleasing.

Shape Variety at Your Fingertips

Tailor the connections between your shapes with a variety of connector types. Whether you prefer the artistic curves of bezier, the simplicity of a straight line, or the elegance of smooth steps, the Diagrams widget has you covered. This feature allows you to design diagrams that are both clear in conveying information and visually engaging.



Flexible Connection Choices

Breathe life into your diagrams with animated connectors. This feature gives the illusion of data streaming from one shape to another, adding a dynamic touch to your visuals and making your diagrams more engaging for the audience.

Dynamic Connector Animations

Enhance the clarity of your diagrams with the addition of labels and tooltips. Attach descriptive labels to your connectors to provide context, and use tooltips on shapes to offer additional information on hover. This ensures that your audience receives a comprehensive understanding of the content, all while interacting with the diagram.

Informative Labels and Tooltips

Add clarity to the flow of your diagrams with customizable connector arrows. The Diagrams widget lets you set arrows at the start, end, or both ends of your connectors. This ensures that your audience can easily follow the direction and flow of information, making your diagrams more intuitive and user-friendly.

Directional Arrow Options

Elevate the visual appeal of your diagrams by embedding images directly into your chosen shapes. Whether it's a logo, an icon, or any relevant image, this feature enhances the informational and visual value of your diagrams. By combining imagery with textual content, you can create a more immersive and informative experience for your website visitors.

Embed Images Within Shapes

Tailor the look of your diagrams with a variety of skins. Whether you're aiming for a modern, classic, or unique aesthetic, the Diagrams widget offers multiple designs to align with your website's theme and your personal preferences.

Diverse Aesthetic Skins

Dive into a world of endless possibilities with the Diagrams widget. Designed to be fully customizable, it empowers you to tweak every aspect, from shapes and connectors to skins and animations. This ensures that your diagrams not only serve their purpose but also resonate with your brand and vision, making your website truly stand out.

Complete Customization Control

Experience simplicity at its best with the Diagrams widget. Designed with users in mind, its intuitive interface ensures that creating and modifying diagrams is a breeze, even for those new to the world of web design.

User-Friendly Interface

Ensure a seamless viewing experience across devices with the Diagrams widget. Whether accessed from a desktop, tablet, or smartphone, the widget adjusts perfectly, guaranteeing that your diagrams look impeccable every time.

Adaptable Responsiveness

Unleash your creativity and tailor the Diagrams widget to your exact specifications using custom CSS. This feature allows for deeper customization, ensuring that your diagrams not only function well but also align perfectly with your website's design.

Customize with CSS

Embedding the Diagrams widget into your website is as simple as copying and pasting a code. With its straightforward integration process, you can quickly enhance your site with interactive diagrams without any technical hurdles.

Effortless Integration

Relying solely on text can make content monotonous. By integrating diagrams and flow charts, site owners can diversify their content presentation, catering to a broader audience. Some visitors prefer visual explanations over textual ones, and offering both can cater to varied learning styles, ensuring a more inclusive user experience.

Diversified Content Presentation

Visual aids, such as diagrams and flow charts, are known to improve content retention among users. By presenting information visually, site owners can ensure that their content is not only understood but also remembered by visitors. This can lead to better brand recall and a stronger connection with the audience.

Enhance Content Retention

A well-organized website with clear visuals, like diagrams and flow charts, can elevate the site's professionalism. Visitors often associate such visual aids with thorough research and expertise, enhancing the site's credibility and making them more likely to trust and return to your content.

Increas Professionalism and Credibility

Diagrams

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.

Whatsapp Business API Integration [Advanced]

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Notification Bar

Interactive Maps

Website Search

Creative Card Carousel

Trust Badges

Diagrams

Course Listings

Payment Button

Flip Card Builder

Bracket Maker

3D Cards

LinkedIn Feed Carousel

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Whatsapp Business API Integration [Advanced]

OpenCart extension

App Details

Pricing

Check Out the Notification Bar Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Notification Bar

Interactive Maps

Website Search

Creative Card Carousel

Trust Badges

Diagrams

Course Listings

Payment Button

Flip Card Builder

Bracket Maker

3D Cards

LinkedIn Feed Carousel

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine