<p class="headings headings-small secondary-font font-weight-bold desc-block-title">Overview</p> <div class="primary-text regular-text text"><div>Single Sign-On (SSO Login) Module into Stores with existing IdP credentials like ADFS, Azure AD, Okta, Onelogin, AWS Cognito, GSuite/Google Apps, and many more with protocols like SAML, OAuth2.0, OpenID connect, CAS, LDAP, WS-Fed, Radius, etc.</div></div> <p class="headings headings-small secondary-font font-weight-bold desc-block-title">Gallery</p>

Community developer

Single Sign-On (SSO) | SAML, OAuth, LDAP | SSO Login

Detects ad blockers on websites, enhancing ad revenue security.

Choose from a range of beautifully crafted skins for the AdBlocker Detector widget to match your brand and website's look. This feature greatly reduces the time and effort needed for customization while enhancing your site's visual appeal. Whether your website sports a contemporary, minimalist, or traditional design, there's a perfect skin to align with it, ensuring a consistent and attractive user interface.

Multiple AdBlocker Detector Design Skins

Improve your interaction with users who have ad blockers enabled by employing a personalized message accompanied by your choice of icons or images. This feature of the AdBlocker Detector allows you to create a visually engaging alert, informing users that their ad blocker is detected. You have the option to select from a range of icons or upload your own image, crafting a unique and attention-grabbing notification on your website.

Enhance Alert with Icons or Images

When the AdBlocker Detector identifies a visitor using an ad blocker, it presents a customized message. This message can be a polite reminder or an informative alert, informing users about the impact of ad blockers on your site. Utilize this feature to communicate the importance of advertising in supporting your content, while maintaining a professional and consistent tone across your site. This not only educates visitors about the effects of ad blocking but also underscores the value of your content and encourages more responsible web-behavior.

Tailored Message content for Ad Blocker Detection

The AdBlocker Detector widget is engineered to identify a wide range of ad blockers used by visitors. This feature ensures that your website is equipped to detect and respond to numerous ad-blocking tools, from the most common to more niche varieties. The ability to recognize multiple ad blockers is crucial in effectively managing how ad blocking impacts your site's revenue and user experience, ensuring that you have comprehensive insights and control over the advertising display and engagement on your website.

Robust Detection of Various Ad Blockers

The AdBlocker Detector includes a handy refresh button feature. This button becomes visible to users once they have disabled their ad blocker, assisting them in easily refreshing the page. The addition of this refresh button streamlines the process for users, enabling them to immediately see your content without ad block interference. It's a user-friendly approach that simplifies the user's action to comply with your request, enhancing the overall experience on your website and encouraging compliance with your ad-display policies.

Convenient Refresh Button Post Ad Blocker Disabling

With extensive customization options, the AdBlocker Detector can be tailored to your specific design preferences. Adjust colors, fonts, spacing, and more to fit the unique aesthetic of your site. This level of customization provides unparalleled flexibility, allowing you to create an AdBlocker Detector that is not only effective but also uniquely yours.

Fully Customizable AdBlocker Detector Widget

The AdBlocker Detector is designed to display elegantly across all devices. Its responsive design is essential in today's mobile-centric world, ensuring a consistent user experience whether on a desktop, tablet, or smartphone.

Perfectly Responsive AdBlocker Detector widget

This widget is crafted for ease of use, requiring no coding skills for customization. Its intuitive interface simplifies the customization process, allowing for quick and easy adjustments. This accessibility makes the AdBlocker Detector an ideal choice for website owners of all technical backgrounds.

Easy to use AdBlocker Detector widget

For those who desire even more creative control, the AdBlocker Detector offers the option to add custom CSS. This feature caters to developers and designers looking to apply a unique touch, enabling deeper customization to match the specific style and interaction needs of your website.

Enhanced Creativity with Custom CSS in AdBlocker Detector

Embedding the AdBlocker Detector on your website is straightforward, involving just a single line of code. This ease of integration, combined with automatic updates, simplifies maintenance and ensures your website always displays the most current version of the widget without additional effort.


Effortless Embedding of the AdBlocker Detector

The Adblock Detector widget plays a crucial role in safeguarding your digital advertising revenue. By identifying visitors using ad blockers, it enables you to take appropriate actions, such as requesting users to whitelist your site. This proactive approach helps maintain the flow of ad revenue, which is essential for the financial sustainability of many websites.

Enhanced Revenue Protection with Adblock Detector

By addressing the impact of ad blockers, the Adblock Detector can positively influence key website performance metrics. Understanding and managing ad-block usage helps in maintaining healthy traffic levels and engagement rates, crucial factors in the overall performance and ranking of your website.

Boost in Website Performance Metrics

The Adblock Detector aids in protecting the value of your content. By identifying users who bypass ads, you can ensure that the effort and resources put into creating content are adequately compensated through advertising revenue, keeping the content accessible and sustainable.

Protection of Content Value

AdBlocker Detector

Website Components

Popups, Bars & Buttons

Display a restaurant menu in a stylized and adjustable list format

Example 1

Example 2

Example 3

Example 4

The Restaurant Menu List widget features a selection of beautiful icons that will fit any requirement — is the meal vegetarian? Is it spicy? Is the drink alcoholic? Make this information instantly visible.
The Restaurant Menu widget allows you to easily add the prices of your delicious dishes and supplementary, informative symbols to indicate whether the food is spicy, vegetarian, etc. 

Multiple Icons To Select From

The Restaurant Menu List widget features six layouts with varying image sizes and text layouts, supporting horizontal and vertical design to ensure that the widget fits your design requirements.

Restaurant Menu List Widget Multiple Layouts

You can add images to the Restaurant Menu List to whet the users’ appetite with photos of your delicious meals.

Restaurant Menu List Images

The Restaurant Menu List 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 Restaurant Menu List 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 Restaurant Menu widget

The Restaurant Menu List 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 Restaurant Menu widget

The Restaurant Menu List 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 Restaurant Menu widget any way you’d like to with just a few simple clicks.

Easy To Use Restaurant Menu Widget

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

Custom CSS

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

Easy To Embed Restaurant Menu widget

The Restaurant Menu List widget features the option to enable a gentle animation that the user will see when first accessing the Restaurant Menu List, to make the page less static and more appealing.

Gentle Intro Animation

With the Restaurant Menu List widget, you can increase conversions by providing all the relevant information in one place, including the meal’s description, its price, dietary specifications, images and links to more information.

Increase Conversions

The Restaurant Menu List widget’s extensive customization options will allow you to design it as you desire, to make it fit your overall website design.

Enhance Design using a Restaurant Menu widget

By providing all the information in an organized, concise manner, with the ability to click on relevant links, you will make your users’ journey easier, shorter and better.

Improve User Experience

Restaurant Menu List

Lists & Cards

Displays a series of videos from multiple sources , in a slideshow format

The Video Slider widget supports an array of video hosting platforms, including YouTube, SoundCloud, Facebook, Vimeo, Twitch, Streamable, Wistia, DailyMotion, Mixcloud, Vidyard, and Kaltura. By displaying videos from various platforms, you can offer your website users a diverse selection of video content that caters to different preferences, enabling you to capitalize on the unique advantages of each hosting platform.

Multiple Video Hosting Platforms Support

The Video Slider widget features the option to adjust the video sizes within the slider — from small to large, vertical or horizontal, you can tailor the widget to meet your specific requirements. The ability to customize the size and orientation of your video slider is an essential feature that can improve your website's visual appeal and usability. By having the option to modify the size of the video slider widget, you can ensure its seamless integration into your website's layout without disrupting the overall design. Additionally, you can choose between vertical or horizontal orientations, depending on the type of video content you wish to display and your website's layout.

Customizable Video Size

The Video Slider widget incorporates hover effects, adding an extra layer of visual flair to elevate the user experience on your pages. This interactive feature not only enhances the aesthetic appeal but also fosters a dynamic, user-centric environment that keeps visitors intrigued and engaged.

Video Slider Hover Effect

The Video Slider widget features two layout styles — carousel and grid. Select from these options to tailor the widget to your website's design. Whether you need a fluid, continuous carousel for a cinematic experience or a structured grid for easy browsing, the Video Slider provides the flexibility to align with your design vision.

Video Slider Layout Styles

The Video Slider widget introduces an immersive and elegant Lightbox feature, allowing users to open and view videos in a responsive overlay on your website. This sophisticated functionality offers an enhanced, distraction-free video-watching experience, seamlessly blending with your site's design and maintaining user engagement.

Open video in a popup

The Video Slider widget offers complete customization, letting you adapt its design to fit your website's look. You can readily tweak colors, fonts, spacing, and more, ensuring a seamless integration with your site. A real-time preview function lets you experiment until you find the ideal design combination, enhancing user experience while achieving your aesthetic goals.

Fully Customizable Video Slider Widget

The Video Slider widget is designed to be fully responsive, delivering an optimized user experience across all devices, from desktops to mobiles. In today's mobile-first world, its adaptability ensures a smooth, intuitive website navigation for all visitors, giving your site a competitive edge in terms of functionality and design.


Perfectly Responsive Video Slider

The Video Slider widget is simple to use and does not require any coding expertise. Our intuitive dashboard, complete with drag-and-drop functionality, empowers you to customize the widget to your liking with just a few clicks.



Easy to use

The Video Slider widget lets you go beyond built-in options by incorporating custom CSS for a truly unique touch. This feature empowers you to adjust size, shape, and position or create new styles from scratch. This extensive customization promotes perfect alignment with your site's aesthetic and enhances the user experience.

Video Slider Custom CSS

Easily embed the Video Slider widget on your website by copying a single line of code. The Video Slider will update automatically with each modification you make. Copy the code for the widget and paste it into your website's HTML code. Place the code in the appropriate section of your website, such as the footer or header.

Easy To Embed Video Slider

The Video Slider widget, along with its captivating animation effects, will effortlessly grab users' attention toward your content. In a world where visuals matter, this tool becomes an essential asset for cutting through the digital noise and making your content stand out.

Capture Attention with Video Slider

The Video Slider widget offers extensive customization options, allowing you to tailor the widgets to your preferences and seamlessly integrate them with your website's overall design. Its user-friendly interface enables even beginners to create eye-catching widgets with minimal effort.

Enhance Your Website Design with Video Slider

Leverage the power of video to tell compelling stories about your brand, products, or services, which can create a stronger emotional connection with your audience and boost customer loyalty. Moreover, such rich storytelling can stimulate curiosity, encouraging users to explore more about what you have to offer, ultimately driving higher conversion rates.

Engage Users with Rich Storytelling

Video Slider

Media

New!

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

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.

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

Images & Galleries

Multiple Layouts

The app features the option to enable a gentle animation that the user will see when first accessing the Info List, to make the page less static and more appealing.

You can add images to increase association with specific information, or to make certain information more recognizable, visually.

Images

The 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.

The app features star rating icons (five stars) that you can use, should you desire. You can then, customize how many stars are highlighted to indicate a level of proficiency, popularity or anything else.

Rating

The 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 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.

The 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 items List

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

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

The app is fully customizable and therefore can be customized to fit any design to complement your website. 

Enhance Design

With the app, you can make the user’s journey easier, more focused and more engaging, which in turn, will undoubtedly improve the user’s experience and increase conversions.

The app will allow you to focus your message in an organized way that includes visual hierarchies which will eventually lead to the Call-to-Action button and encourage users to act.

Encourage to Act

Info List

Multiple Floating Corner Pop-up Layouts

Positioning is effortless with the Corner Pop-up Builder. Whether it's the left, center, or right corner, website owners have the flexibility to choose the ideal spot. This adaptability ensures the pop-up complements the site's layout and doesn't obstruct crucial content.

Flexible Corner Placement Options

The Corner Pop-up Builder offers unparalleled design freedom. Incorporate various elements like headlines, sub-headlines, text blocks, and visuals, arranging them to convey your message effectively. The builder's flexibility ensures your pop-up aligns with your communication goals.

Element Flexibility and Customization

With the Corner Pop-up Builder, you're not limited to just text and visuals. It's designed to integrate other widgets, be it countdown timers, sliders, or any other feature available on Common Ninja. This capability transforms your corner pop-ups into multi-functional tools, enhancing your website's interactivity and dynamism.

Elevate Your Corner Pop-ups with Embedded Features

The Corner Pop-up Builder boasts a selection of pre-designed skins, enabling you to infuse style into your corner pop-ups without delving deep into customization. Pick a skin that resonates with your brand's aesthetic, and you're set.

Stylish Skins at Your Fingertips

With the Corner Pop-up Builder, tailor your pop-up content to dynamically adapt based on visitor interactions or set criteria. This introduces a layer of personalization to your corner pop-ups, elevating the user experience and fostering increased engagement.

Adaptive Content Display

Dictate the timing of your floating pop-ups using the builder's adaptable timing feature. Whether you want it to manifest instantly upon page load, after a specific duration, or as a visitor contemplates exiting, you have the strategic advantage of guiding user interactions.

Tailored Pop-up Display Timing

Crafting your ideal corner pop-up is straightforward with the Corner Pop-up Builder. There's no need for coding expertise; its intuitive drag-and-drop interface facilitates effortless customization, bringing your vision to life in mere moments.

User-Friendly Pop-up Creation

The Corner Pop-up Builder is a haven for customization. From colors and fonts to spacing, website owners have the tools to make the pop-up truly their own. Every detail can be fine-tuned to align with the site's unique design and branding.

The Corner Pop-up Builder is engineered for full responsiveness, guaranteeing your pop-ups maintain their allure across devices. In an era that values mobile optimization, this feature ensures you deliver a consistent user experience, irrespective of the device in use.

Perfectly responsive display on Any Device

In line with Common Ninja's suite of widgets, the Corner Pop-up Builder empowers you with custom CSS capabilities. This feature grants you the liberty to infuse a personal touch, allowing for even more inventive pop-up designs.

Get Creative with Custom CSS

Integrating the corner pop-up you've crafted with the builder into your website is a cinch. It's as straightforward as copying and pasting a singular code line. Moreover, any modifications made within the builder are instantaneously reflected on your site, ensuring your pop-ups remain current without additional exertion.

Simple Corner Pop-up Integration

The Corner Pop-Up Builder is designed with the website visitor in mind. Instead of bombarding them with full-screen pop-ups, this widget offers a more subtle approach. By placing content in the corner of the website, site owners can share important information without disrupting the browsing flow. This delicate balance ensures that visitors aren't overwhelmed, potentially leading to better user retention and reduced bounce rates.

Enhanced User Experience

With the Corner Pop-Up Builder, site owners are not limited in their design choices. They have the freedom to design corner pop-ups that reflect their brand's unique style and voice. This means every pop-up can be a creative expression, tailored to fit the aesthetics and message of the website.

Creative Freedom

The Floating Corner PopUp Builder isn't just for text. Site owners can integrate various types of content and media into their corner pop-ups. Whether it's images, videos, or interactive elements, this widget provides the flexibility to be as creative as one wishes, enhancing the site's dynamic appeal.

Versatile Content Integration

Corner Pop-up Builder

Present team members in a stylized and adjustable list format

The widget features six layouts with varying image sizes and text layouts, supporting both horizontal and vertical design to make sure that the Team Members widget fits your design requirements.

Team Members List Multiple Layouts

The Team Members widget features the option to enable a gentle animation that the user will see when first accessing the Team Members List, to make the page less static and more appealing.

You can add images of your team members to make them instantly recognizable and further increase trust in your company.

Add Images to the Team Members List

The Team Members Widget comes with various beautiful skins that you can choose from, so you don’t have to spend much time on extensive customization.

Multiple Team Members List Skins 

The Team Members List 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 Team Members Widget

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

The Team Members List 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 Team Members Widget

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

Easy To Embed Team Members Widget

The Team Members widget comes available with a list of popular social networks, the icons of which will be displayed in a visually appealing manner on the card. You can add links to websites, emails, LinkedIn profiles, Facebook profiles, and GitHub profiles. Additionally, you display positions and make them visible on the cards so the user better knows who’s who in the company. 

Positions & Links to Popular Social Networks

The widget enables you to show your team in a nice, structured, and easy-to-read way. You can further customize the list, to make team members stand out.

Make Your Team Members Stand Out

By showing the team behind the company and by adding social buttons with links to their social media profile, you can easily increase trust in your company.

Show your team members to Increase Trust

The Team Members widget enables you to create beautiful team member pages by offering you a wide range of customization options that you can employ. Make your page stand out and set the right tone — professional, fun, glamorous, or anything else!

Single Sign-On (SSO) | SAML, OAuth, LDAP | SSO Login

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

AdBlocker Detector

Restaurant Menu List

Video Slider

Image Hotspot

Info List

Corner Pop-up Builder

Team Member List

Back to Top Button

Vimeo Carousel

Agenda

Tilted Image

Video Gallery

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Single Sign-On (SSO) | SAML, OAuth, LDAP | SSO Login

PrestaShop module

App Details

Pricing

Check Out the AdBlocker Detector Widget

App Info

Some of the best Common Ninja modules for PrestaShop

AdBlocker Detector

Restaurant Menu List

Video Slider

Image Hotspot

Info List

Corner Pop-up Builder

Team Member List

Back to Top Button

Vimeo Carousel

Agenda

Tilted Image

Video Gallery

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine