Community developer

Zero Featured Categories - Thumbnail &amp; Subcategories

A flexible widget that visually tracks user scroll progress on any webpage

The Scroll Progress widget offers both a progress bar and a floating circle indicator, giving you flexibility in how you display scroll progress. The progress bar provides a clear, linear visual, while the floating circle offers a compact, modern alternative. You can use either option or combine both for a more dynamic user experience.

Dual Progress Indicators: Bar & Floating Circle

The Scroll Progress widget lets you adjust the progress bar’s position (top or bottom) and starting point (left or right) for complete flexibility. This allows you to seamlessly integrate it into your website’s layout. With these options, you can ensure the progress bar aligns perfectly with your design and user experience preferences.

Adjustable Progress Bar Placement

The Scroll Progress widget allows you to turn the progress indicator into a clickable button that jumps to the top or bottom of the page. This enhances navigation by giving users a quick way to move through long content. With this feature, browsing becomes more seamless and user-friendly.

Scroll Navigation with Actionable Indicator

Easily customize your Reading Progress Indicator with a selection of pre-designed skins. These ready-made styles help you achieve a professional look in seconds, saving you time on design adjustments.

Pre-Designed Reading Progress Indicator Skins

Modify every aspect of the Page Scroll Tracker, from colors and sizes to positioning and styles. With complete control over the design, you can ensure it aligns perfectly with your website’s aesthetics and branding.



Fully Customizable Page Scroll Tracker

The Scroll Bar Progress widget adapts seamlessly to all screen sizes, ensuring a smooth experience on desktops, tablets, and mobile devices. This guarantees that users can track their progress effortlessly, regardless of the device they’re using.



Responsive and Mobile-Friendly Scroll Bar Progress

Designed for simplicity, the Scroll Progress widget is easy to configure without any coding skills. With an intuitive interface, you can customize and implement the widget in just a few clicks.

Easy-to-Use, No Coding Required

For those who want extra control, the Page Scroll Tracker supports custom CSS. This feature allows developers and designers to fine-tune the widget’s appearance and functionality to match their unique requirements.

Custom CSS for Advanced Customization

Embedding the Reading Progress Indicator is quick and effortless, requiring just a single line of code. Any changes you make are automatically updated, ensuring your website always displays the latest version without manual adjustments.

Hassle-Free Embedding & Automatic Updates

The Scroll Progress widget provides a visual cue that encourages visitors to continue reading and exploring your content. By displaying real-time progress, it keeps users engaged and reduces bounce rates. This helps create a more interactive experience, leading to longer session durations on your site.

Enhance User Engagement with the Scroll Progress Widget

A Reading Progress Indicator gives users a clear understanding of how much content remains on a page. This reduces frustration, especially for long articles or blog posts, as users can manage their reading time efficiently. By setting clear expectations, you create a smoother and more enjoyable browsing experience.

Improve Readability with a Reading Progress Indicator

With a Scroll Progress widget, visitors are more likely to finish reading your content. Seeing a visual representation of progress encourages them to reach the end, boosting content consumption. This can lead to higher interaction rates, such as more shares, comments, or conversions.

Increase Completion Rates for Blog Posts and Articles

Scroll Progress

User Engagement

Website Components

New!

Effortlessly present detailed event agendas; fully customizable with rich features.

When checking out an event on the Agenda Widget, it's always handy to catch the essentials first. For every item, the widget shows the location, the time, and the person taking the lead. It's like a quick snapshot, ensuring attendees know exactly where to be and when.


Details at a Glance

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

Direct Links

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

Collapsable Details

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

Popup Display

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

Multiple Agenda Layouts

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

Stylish Agenda Skins

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

Fully Customizable Agenda

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

Fits Every Screen

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

Simple Setup, Smooth Scheduling:

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

Style It Your Way with Custom CSS

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

Easy To Embed

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

Increase Attendance

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

Save Time

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

Enhance Professionalism

Agenda

Customizable widget to manage and display business listings on your site.

The Business Listings widget includes predefined fields for essential business details such as name, description, address, contact information, and hours of operation. This ensures that all critical information is well-organized and easily accessible.

Predefined Business Information Fields

Tailor the widget to your specific needs by adding customizable fields. You can include additional details like services offered, business categories, or special promotions to provide comprehensive information.

Customizable Information Fields

Gain valuable insights into business performance and user engagement with built-in analytics. Track views, clicks, and interactions to optimize your listings and understand user behavior.

Detailed Analytics and Insights

Enhance your business listings with visual content. Include images, videos, and other multimedia elements to make your listings more engaging and informative for potential customers.

Visual Content Integration

Customize the display of your business listings to match your website's style. Adjust layout, colors, fonts, and more to create a visually appealing and cohesive presentation.

Flexible Display Customization

Offer advanced search and filter options to users. Allow them to easily find businesses by category, location, services, and other criteria, improving the overall user experience.

Advanced Search and Filter Capabilities

Provide users with customizable sorting options for the business listings. Let them organize businesses by name, date added, popularity, or other parameters for easier navigation.

Custom Sorting Options

Easily integrate the Business Listings widget into your website without any coding knowledge. The simple setup process ensures that users of all technical levels can quickly embed and configure the widget.

Easy Integration Without Coding

Incorporate an interactive map into your business listings. Display business locations on a map to provide users with a visual representation of where each business is located, enhancing navigation and user experience.

Interactive Map Integration

Choose from a variety of ready-to-use design templates for your business listings. These templates save time and effort while ensuring a professional and attractive presentation.

Ready-to-Use Design Templates

Ensure that your business listings look great on any device. The widget's responsive design adapts to desktops, tablets, and smartphones, providing a consistent user experience.

Responsive Design for All Devices

Add custom CSS to the Business Listings widget for advanced styling options. This feature allows developers and designers to apply unique touches and match the widget’s appearance to the website's overall style.

Custom CSS for Advanced Styling

Embed the Business Listings widget seamlessly on any website platform. The widget's compatibility ensures that it integrates smoothly, regardless of the platform you use.

Seamless Embedding on Any Platform

Implementing the Business Listings widget on your website significantly boosts business visibility. By showcasing an organized business directory, potential customers can easily find and explore the businesses you list, leading to increased interest and engagement.

Boost Business Visibility with Business Listings

The Business Listings widget simplifies business discovery for users by organizing listings into an intuitive and searchable format. This ease of navigation allows users to quickly find businesses that match their needs, improving their overall experience.

Simplify Business Discovery for Users

The Business Listings widget enhances your online business directory by displaying businesses prominently on your website. This feature helps attract a wider audience and improves your site's reach.

Enhance Your Online Business Directory

Business Listings

Easily create and customize website sections with Section Builder. Multiple layouts and designs.

The Section Builder widget offers a selection of 9 unique layouts, each divided into columns with different structures. This variety allows you to organize your content in a way that best fits your website and meets your specific needs. Whether you need a simple one-column layout or a complex multi-column structure, the Section Builder provides the flexibility to create the perfect design.

Diverse Layout Options for Perfect Organization

The Section Builder allows you to embed other widgets within your sections to enhance functionality and interactivity. By incorporating elements like social media feeds, maps, or forms, you can create dynamic and engaging content that encourages user interaction and enriches the overall user experience.

Enhance Sections with Embedded Widgets

The Section Builder widget offers versatile text formatting options, allowing you to use various text types such as titles and paragraphs. This flexibility enables you to create well-structured and visually appealing content sections that effectively communicate your message and enhance readability on your website.

Versatile Text Formatting Options

The Section Builder widget allows you to easily add buttons to your content sections, enhancing user interaction and engagement. These buttons can link to any page or action, providing a seamless way to guide visitors and improve navigation on your site.

Easily Add Buttons for Enhanced Interaction

The Section Builder widget offers a variety of pre-built content templates, making it easy to create professional-looking sections quickly. These templates are designed to fit different needs and styles, allowing you to choose a layout that best suits your content and enhances the visual appeal of your website

Utilize Pre-Built Content Templates

The Section Builder comes with extensive customization capabilities, allowing you to modify its design to suit your specific requirements. You have the freedom to alter colors, fonts, spacing, and various other elements. This level of customization offers unparalleled flexibility, allowing you to craft a Section Builder that is not only functional but also uniquely tailored to the aesthetic of your website.

Fully Customizable Section Builder Widget

The Section Builder widget is designed to be fully responsive, ensuring it displays elegantly on any device. In an era where mobile optimization is crucial, this feature is key to delivering a consistent user experience regardless of the device being used.

Perfectly Responsive Section Builder

The Section Builder widget is designed with user-friendliness in mind, requiring no coding expertise for customization. Its intuitive dashboard simplifies the customization process, allowing you to tailor the Section Builder to your preferences with just a few clicks. This ease of use makes it accessible for anyone to integrate and modify the Section Builder, regardless of their technical background, enhancing the functionality of your website without the need for specialized knowledge.

Easy to Use Section Builder Widget

The Section Builder widget offers the option to add custom CSS, aligning with Common Ninja’s commitment to flexibility. This feature is ideal for developers and designers seeking to apply their unique touch, allowing for deeper customization of the Section Builder's look and functionality. It provides an avenue for creative expression, ensuring the widget can be finely tuned to match the specific style and interaction needs of your website.

Custom CSS for Enhanced Creativity

Embedding the Section Builder on your website is simple, requiring just a single line of code. This ease of integration makes it accessible for users of all technical levels. Additionally, the widget updates automatically with every change, ensuring your website always displays the most current version without any extra effort.

Effortless Embedding of the Section Builder on Any Website

The Section Builder widget allows you to create visually appealing content sections, improving the overall look of your website. By utilizing different layouts, you can design sections that match your brand’s style, attracting more visitors and enhancing your site's professional appearance.

Enhance Website Aesthetics with Section Builder

The Content Section Creator offers a range of pre-designed layouts that you can quickly customize to fit your needs. This saves you time compared to designing sections from scratch, allowing you to focus on creating high-quality content without worrying about the technical details.

Save Time with Easy-to-Use Layout Options

The Section Builder widget provides extensive customization options, allowing you to tailor each section to your exact specifications. Whether you want to adjust colors, fonts, or layouts, this flexibility helps you create unique sections that reflect your brand’s identity and meet your specific needs.

Achieve Flexibility and Customization with Section Builder

Section Builder

Embed Medium posts on your site; customizable, auto-updating.

The Medium Feed widget features a smooth scrolling animation, reminiscent of a news ticker, bringing a dynamic flair to your webpage. This aesthetic element ensures that your Medium articles are not only read but are also visually engaging. It’s an effective way to captivate visitors right from their first glance.

Medium Feed Scrolling Animation

Personalize your Medium Feed with customizable date and time stamps for each post. This feature allows for a tailored presentation, ensuring your feed aligns with the aesthetic and informational needs of your site. Your audience will appreciate the clear, chronological organization of your insightful articles.

Custom Timestamps

Medium Feed ensures your website’s content is always current, thanks to its auto-update feature. Your embedded Medium blog posts will refresh automatically, eliminating the need for manual updates. Visitors are greeted with your latest insights and stories every time they visit your site, ensuring a continuously fresh and engaging experience.

Auto-Update Feature

Medium Feed offers two distinct content presentation styles: Categorized and Integrated. In the Categorized style, articles are sorted based on specific topics or themes, while the Integrated style blends all your posts, offering a rich and diverse content mix to your visitors. This adaptability ensures your feed aligns with your content strategy and audience preferences.

Varied Content Presentation

Adjusting the display length of your Medium articles is a breeze with Medium Feed. This feature allows for a concise and clean presentation, ensuring your webpage remains visually appealing and easy to navigate. Visitors can quickly scan through your content, with the option to delve deeper into the articles that pique their interest.

Adjustable Content Length

Elegance meets ease with Medium Feed's assortment of pre-designed themes. Bypass the hassle of color coordination and font selection by opting for one of our professionally crafted skins. Each theme is designed to cater to different aesthetics, whether you're inclined towards a modern, vibrant, or minimalist style, ensuring your Medium articles are displayed in a manner that resonates with your brand identity.

Diverse Feed Layout Options

Medium Feed doesn't just showcase your content; it amplifies the aesthetic appeal of your website. Choose from an array of skins, each meticulously designed to offer both visual allure and functional elegance. It’s about effortlessly merging your insightful Medium posts with the distinct character and style of your website, creating a harmonious and engaging user experience.

Beautiful Medium Feed Skins

Medium Feed embraces global content creators, offering comprehensive RTL support for languages written from right to left. This inclusive feature ensures that your Medium articles are accessible and visually appealing to a broader audience, breaking down language and orientation barriers to connect diverse readers.

Comprehensive RTL Support

Customization is at the core of the Medium Feed widget. Tailor every element, from colors and fonts to slider aesthetics and button styles, ensuring perfect harmony with your website’s design. Achieve a professional and cohesive look that elevates your Medium content, enhancing both visual appeal and user engagement, with an easy-to-navigate interface.

Medium Feed Total Customizable

Medium Feed stands out with its fully responsive design, ensuring your embedded Medium articles are accessible and visually optimized on any device. Whether your audience is viewing your content on a desktop, tablet, or smartphone, the widget adjusts gracefully, offering a seamless reading experience. In a mobile-dominated world, Medium Feed ensures your website and content are always at their best, catering to every screen size with ease and elegance.

Adaptive Medium Feed Design

Medium Feed is engineered for simplicity and ease of use, requiring no coding skills. Its intuitive drag-and-drop interface empowers you to personalize the widget to your liking, ensuring a perfect fit for your website and an enhanced experience for your audience.

User-Friendly Medium Feed

Medium Feed takes customization to new heights with its advanced editor. Beyond the intuitive design options, users with a knack for styling can directly edit the CSS, achieving a truly personalized look. Whether it’s a subtle refinement or a complete aesthetic overhaul, Medium Feed's flexibility caters to every creative impulse, making each integration unique.

Personalized Styling with Custom CSS

Integrating Medium Feed into your website is a breeze. A single line of code is all it takes to have your Medium articles elegantly displayed. Quick and straightforward, the embedding process is designed for efficiency. As you update your Medium blog, the widget automatically syncs, ensuring your website always features your latest insights without requiring manual updates.

Effortless Medium Feed Embedding

With the Medium Feed widget, your website becomes a dynamic hub of content. Your audience will have instant access to your latest thought-provoking articles directly on your site, ensuring that they stay engaged and informed. It streamlines the reading process, allowing visitors to immerse in your content without having to navigate away.

Enhance Engagement with Medium Feed

Position yourself as a thought leader in your niche. By embedding the Medium Feed widget on your site, visitors instantly see your wealth of knowledge and insights, establishing your brand’s authority. Your compilations of writings stand as a testament to your expertise, enriching visitor experience.

Strengthen Brand Authority

The Medium Feed makes sharing your insightful articles a breeze. Visitors can easily peruse your content and share it within their networks, amplifying your reach and influence. Every article displayed is a potential touchpoint to connect with new audiences and broaden your impact.

Efficient Content Sharing

Medium Feed

Display a business's hours and your opening hours

Example 1

example 2

Example 3

Example 4

Example 5

The Opening Hours widget enables you to add several working hours to each day (this feature is especially useful if your offices close for lunch and continue to work afterward).

Multiple Working Hours Per Day

The Opening Hours widget allows you to choose a timezone as well as the time format you wish and adapt the time elements to fit your country’s standards.  

Advanced Time Editing

The Business Hours widget features a notification bar that can be used to provide more information in an eye-catching way for a better user experience.

Notification Bar

The Opening Hours widget features an automatic status box that provides an automated message regarding your current status, based on the working hours you’ve defined and the timezone you’ve chosen.

Automatic Status Box

The Opening Hours widget features two layout styles from which you can choose — the default and most commonly used style with the day on the left and the business hours on the right, and the Column style, which puts the hours in a column-like design.

Two Layout Styles

The Opening Hours widget features the ability to easily toggle between working days and rest days. This is especially useful to businesses whose working days change periodically. 

Easy Work Day Toggle

The Opening Hours widget features the ability to change the first day of the week, enabling users from other parts of the world, where the first day of the week is not Monday, to customize the table to fit their needs.

First Day of the Week

The Opening Hours widget features multiple lovely skins for you to choose from. These skins will complement most design color schemes and will enable you to quickly and effortlessly set up a beautiful business hours table.

Multiple Skins 

The Opening Hours widget features full customization options so you can edit the design to fit your needs. Change the colors, the fonts, the spacing and anything else!

Fully Customizable

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

Fully Responsive

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

Easy To Use

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

Custom CSS

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

The Opening Hours widget enables you to provide your users with easy access to important information about your business. This will save them time and improve their experience.

Provide Easy Access to Information

A business hours table displays professionalism and is a necessary element to have on any business page — without it, you’ll be sending the wrong message to your users.

Display Professionalism with Opening Hours Widget

An opening hours table can improve your website’s design by complementing it or, on the contrary, contrasting it.

Zero Featured Categories - Thumbnail & Subcategories

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

Scroll Progress

Agenda

Business Listings

Section Builder

Medium Feed

Opening Hours

Back to Top Button

Image Poll

Glassdoor Reviews

Blogger Feed

Restaurant Menu

Flip Cards

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Zero Featured Categories - Thumbnail &amp; Subcategories

PrestaShop module

App Details

Pricing

Check Out the Scroll Progress Widget

App Info

Some of the best Common Ninja modules for PrestaShop

Scroll Progress

Agenda

Business Listings

Section Builder

Medium Feed

Opening Hours

Back to Top Button

Image Poll

Glassdoor Reviews

Blogger Feed

Restaurant Menu

Flip Cards

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Zero Featured Categories - Thumbnail & Subcategories