<p class="headings headings-small secondary-font font-weight-bold desc-block-title">Overview</p> <div class="primary-text regular-text text"><div>Offer your customers the ability to book and buy events online like:</div><div>- Trainings</div><div>- Seminars</div><div>- Events</div><div>- Tastings</div><div>- Cooking Events</div><div>- Yoga / Fitness Trainings </div><div>- Photo shootings</div><div>- Holiday Trips</div></div> <p class="headings headings-small secondary-font font-weight-bold desc-block-title">Gallery</p>

Community developer

Recurring Events Calendar PRO, Sell Your Events Online

A button that, when clicked, scrolls to a selected element on the webpage

Example 1

Example 2

Example 3

Example 4

The widget comes with an option to change the position of the button (right, left, center), which will allow you to customize it to fit your specific needs.

Easy Position Change

The widget features different arrow icons that you can choose from. Simply select the one that will complement your website’s design.

Different Icon Types

You can easily change the icon's direction as your needs require (Top, Right, Left, Bottom).

Icon Direction

The Scroll to Element Button 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 Scroll to Element Button widget comes with a variety of beautiful skins that you can choose from so you don’t have to spend much time on extensive customization.

Multiple Skins

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

Fully Customizable

The Scroll to Element Button 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 Scroll to Element Button widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget any way you’d like to with just a few simple clicks.

Easy To Use

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

Custom CSS

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

Easy To Embed

The Scroll to Element Button provides users with easier on-site navigation as with a simple click, they will be transformed to the desired section of the page. This is ideal for pages where there’s a lot of text, and scrolling may be an annoyance.

Easy Navigation

The improved navigation that the Scroll to Element Button offers will undoubtedly improve the users’ experience on your website, encouraging them to come and visit your website again.

Improved User Experience

With simple navigation to the desired section of the page, users will be able to engage with other elements on your website, for example, with call-to-action buttons, additional links, videos, images, and more.

More Engagement

Scroll to Element Button

Popups, Bars & Buttons

A designed stylish button with text and an icon that usually used for marketing and promotion purposes

The widget comes available with a variety of button animations that you can choose from to customize how your button will look. You may provide your audience with an immersive and engaging experience by using the animation elements of the Marketing Button. 

Different Animations

The Marketing Button widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style. You can choose the layout that best fits your marketing objectives and target audience preferences because each one has been meticulously designed to achieve maximum visibility and engagement. You can quickly explore and test which style works best for your website with the ability to flip between layouts.

Multiple Marketing Button Layouts

The Marketing Button widget comes with a selection of beautiful skins that you can use to add to it and enrich its visual appearance. The widget offers skins that you can use to alter the button's style to fit the identity of your website. By using these options, you can quickly and easily construct a marketing button that matches the general style of your website and has a professional appearance without having to spend hours designing it from scratch.

Marketing Button Multiple Skins

You can set the Marketing Button to display on your webpage or position it as a floating button at one of the page corners. With a well-placed Marketing Button, you can easily grab the attention of visitors and guide them toward taking desired actions, such as signing up for a newsletter or making a purchase.

Floating Button

You can fully customize the Marketing Button so that it meets your demands by changing the design. Customize anything you want, including the fonts, spacing, and colors! In order to create a unified and polished appearance, you may also select from a variety of font choices and modify the font's size, style, and color. You can alter the spacing in addition to these style choices to make sure it blends in with the rest of your website's design.

Each website can benefit from the Marketing Button. It has a clean and contemporary style that will improve the overall appearance of your site in addition to being fully responsive, which means it will shift fluidly to fit the screen size of any device. Having a website that is optimized for mobile viewing is essential in a world where more and more people are accessing the internet through their phones and tablets. The Marketing Button will allow you to do just that, providing you an edge over the competition.

No coding expertise is necessary to use the Marketing Button. With only a few mouse clicks, you can modify the widget however you wish using our user-friendly interface. This implies that even individuals without coding knowledge may quickly and simply build a button with a professional appearance that connects with their website, enhancing their online presence and audience engagement.

You have total control over how the Marketing Button appears thanks to our robust advanced editor. This feature makes it simple to change the widget's appearance in every way, from the layout and positioning to the colors and fonts. Yet, if you're feeling extremely inventive, you can enhance your customization by making changes straight to the CSS. This enables you to customize the widget even more by making more sophisticated changes. Our powerful editor will help you whether you want to make a few minor adjustments or go all out with complex changes.

Simply copy and paste a code snippet into the HTML of your webpage to integrate the marketing button on your website. It is also self-updating, so any modifications you make to the Marketing Button Editor will be automatically reflected on your website without the need for any further manual updates.

Easy To Embed 

With a well-designed marketing button that stands out, you can encourage users to take action and increase conversions on your website, as users will be more inclined to engage with your content. In addition to drawing users' attention, a good marketing button conveys a captivating message that persuades them to click and complete the intended action, such as downloading a resource, subscribing to a newsletter, or buying something.

Increase Conversions with the Marketing Button

The widget enables you to place a marketing button in a prominent location on your website, which can improve the user experience by making it easy for users to find it and click on it. The widget further improves user experience by providing an easy-to-use design that makes it simple for consumers to engage with the marketing button and complete the desired activity.

Improve User Experience

With the Marketing Button, you can improve the navigation on your website, and make it easier for your users to reach the desired page quicker. Strategically positioned marketing buttons on your website can direct visitors to particular pages or actions, making it simpler for them to locate what they're looking for and raising the likelihood of a successful transaction.

Use a Marketing Button to Enhance Navigation

Marketing Button

Boost Sales

Simple. Informative. Elegant.

Style 2

Sometimes there’s a need to add more information. Long pieces of text can be daunting, but by using the right layouts, icons, fonts, and colors, it’s easy to add a lot of information in an easy-to-understand manner. 


Detailed Information — Easy Navigation

Style 4

Style 5

Some information doesn’t need to be long, it needs to be presented in a visually appealing manner, with little text and navigational buttons. 


Clear, Concise & Stylish

The Team Members app features a selection of different blob shapes that you can choose from to make your pages truly unique. 

Multiple Blob Types

The Team Members app features various layouts for you to choose from to better customize the blobs to fit your website and its design needs.

Various Layouts

The Team Members app features different color filters that you can use and match with your team members to make them stand out or, on the contrary, to present a unity.

Vivid Color Filters

The Team Members app features a whopping 16 blend modes so that you can customize your blobs even more and make your team members' page truly unique.

Extensive Blend Modes

The Team Members app features gentle blob animation, the speed of which can be regulated and adapted to complement the page’s design.

Gentle Animation

The Team Members app enables you to add links to the following: a personal website, an email address, LinkedIn, Facebook, Twitter & GitHub. Once you add a link, a relevant icon will automatically appear under the portrait.

Social Media Link & Icons

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

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

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

With features like color filters, layouts and animation, the Team Members app can make your team members stand out in a visually appealing way.

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.

Increase Trust

The Team Members app 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!

Enhance Design

Team Members Blobs

Website Components

Display Bluesky posts in a responsive, customizable slider that auto-updates and enhances user engagement.

Enhance your Bluesky Feed Slider with interactive hover effects. As users scroll through the slider, subtle animations highlight posts under the cursor, creating a lively and engaging experience.

Dynamic Hover Effects

Easily adjust the Bluesky Feed Slider’s design to fit your preferences. Customize colors, fonts, layouts, and more to align with your website’s branding, ensuring your Bluesky content stands out.

Extensive Customization Options

The Bluesky Feed Slider adapts seamlessly to any screen size, ensuring your content looks fantastic on desktops, tablets, and mobile devices. It offers a flawless viewing experience for all visitors.

Fully Responsive Design

Keep your slider up-to-date effortlessly with its auto-refresh feature. The Bluesky Feed Slider syncs automatically with your feed, displaying your most recent posts without requiring manual updates.

Auto-Updating Feed Content

Allow visitors to engage directly with your Bluesky posts by making them clickable. Each post in the slider can lead users to your Bluesky content, encouraging interaction and boosting engagement.

Interactive Clickable Posts

The Bluesky Feed Slider is designed for ease of use, offering a straightforward interface for customization and application. Even those without technical expertise can implement it seamlessly.

Simple and Intuitive Setup

For advanced users, the Bluesky Feed Slider supports custom CSS. This option provides full creative freedom, allowing you to fine-tune the widget’s appearance and functionality to match your website perfectly.

Advanced Customization with CSS

Embedding the Bluesky Feed Slider is simple and doesn’t require any coding knowledge. Its user-friendly design makes adding it to your website quick and effortless.

Hassle-Free Integration on Any Website

The Bluesky Feed Slider Widget allows you to display your Bluesky posts in a sleek, scrolling slider format, making your content visually appealing and engaging for visitors.

Showcase Bluesky Posts in a Dynamic Slider

Featuring your Bluesky posts in a stylish slider enhances your website’s aesthetics while emphasizing your activity on the platform, leaving a strong impression on visitors.

Strengthen Your Brand with a Modern Design

The widget is fully responsive, ensuring your Bluesky content looks and functions beautifully on all devices, including desktops, tablets, and smartphones.

Seamless Mobile-Friendly Design

Bluesky Feed Slider

Social Feeds

New!

Customizable measurement guides with responsive layouts and multi-category support.

Easily display size charts for different product categories (e.g., shirts, shoes, shorts) using intuitive tab navigation. This allows your customers to toggle between sizing tables without leaving the page, streamlining their shopping experience.

Multi-Category Support with Tabs

Enhance clarity with visuals that show how to measure chest, waist, inseam, foot length, and more. These illustrations help users take accurate measurements, reducing errors and helping them find the perfect fit.

Visual Measurement Diagrams

Update your size chart directly within the preview using intuitive inline editing. This allows you to click and modify sizing values on the spot without switching views or navigating away. It’s a fast and efficient way to keep your sizing table accurate and up to date.

Inline Editing for Quick Size Updates

Tailor the table headers and accompanying text for each product type to match your brand tone and product line. This feature ensures your sizing table communicates clearly to your audience and stays on-brand.

Custom Table Titles and Descriptions

Showcase clear measurement illustrations—like where to measure chest, waist, or foot length—using built-in example images. These visuals make the sizing process easier for users to understand at a glance. You can also upload your own custom images to match your product line and brand style.

Visual Illustrations with Custom Image Upload

The Size Chart widget offers a variety of layout styles to fit seamlessly into your website’s design. Choose from table formats, tabbed views, or sectioned layouts depending on your needs and the complexity of your sizing information. This flexibility ensures that your sizing table looks professional and stays user-friendly across different devices and design themes.

Varied Size Chart Layouts

Easily match your size chart to your brand identity with a wide selection of beautifully designed skins. The Size Chart widget lets you pick a style that aligns with your overall website aesthetics, saving time on customizations while keeping your pages visually cohesive. No matter if your site is bold, minimalist, or playful, there’s a skin ready to fit perfectly.

Select from Multiple Size Chart Design Skins

Personalize every element of the Size Chart widget to reflect your unique brand voice and visual style. You can adjust colors, fonts, spacing, and more to create a sizing guide that feels completely integrated with your website. With this level of flexibility, your size chart won’t just be functional—it’ll enhance the overall customer experience.

Fully Customizable Size Chart Widget

Designed for full responsiveness, the Size Chart widget ensures a seamless viewing experience across all devices. Whether your visitors are shopping on a desktop, tablet, or mobile phone, your sizing table will adjust elegantly to fit the screen. This adaptability is key to maintaining a smooth and professional shopping experience everywhere.

Perfectly Responsive Size Chart

The Size Chart widget is built with simplicity in mind, making it easy for anyone to set up and customize—no coding skills required. With a straightforward, user-friendly editor, you can quickly create, update, and manage your sizing tables. This approachability saves time and empowers all users to maintain professional-looking charts effortlessly.

Easy To Use Size Chart Widget

For those who want even greater control, the Size Chart widget supports custom CSS styling. This option is perfect for developers and advanced users who want to fine-tune every aspect of the sizing table’s appearance and behavior. It opens up unlimited possibilities to ensure your size chart is truly one-of-a-kind

Custom CSS for Enhanced Creativity

Adding the Size Chart widget to your site is quick and easy, requiring only a single line of embed code. Once installed, any updates you make within the editor are automatically reflected on your live site. This means you can keep your sizing information fresh and accurate with minimal effort.

Effortless Embedding of the Size Chart on Any Website

Accurate sizing information means fewer surprises when orders arrive. By offering a clear and consistent measurement guide, businesses can significantly reduce the volume of returns due to incorrect sizing. This saves time, money, and hassle for both store owners and customers.

Reduce Return Rates

Displaying an easy-to-read sizing table or fit chart helps demonstrate that your store is detail-oriented and customer-focused. Visitors appreciate transparency, and knowing exactly what to expect in terms of fit builds trust and improves satisfaction.

Boost Customer Trust with Clear Sizing Information

A visually clean and well-organized measurement guide adds polish to your product pages. The Size Chart widget’s sleek design and customization options ensure it fits seamlessly into your website, contributing to a cohesive and professional brand appearance.

Strengthen Brand Image Through Professional Presentation

Size Chart

A button placed at the bottom of a webpage that, when clicked, scrolls the page back to the top

The Back to Top Button widget comes with an option to change the position of the button (right, left, center), which will allow you to customize it to fit your specific needs. This flexibility ensures that the button blends seamlessly with the overall design of your website, making it an essential tool for improving user experience and navigation.

Easy Button Position Change

The Back to Top Button widget features different arrow icons you can choose from. Simply select the one that will complement your website’s design. This customization option provides the flexibility to match the button to your website’s aesthetic, creating a seamless and visually appealing user interface.

The Back to Top Button widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style. With this versatility in design options, you can seamlessly integrate your brand's aesthetic into your website while maintaining a polished look.

Back to The Top button Multiple Layouts

The Back to Top Button widget comes with a variety of beautiful skins that you can choose from so you don’t have to spend much time on extensive customization. And even if you decide to customize the widget further, its user-friendly interface makes it easy for you to personalize it to match your website's unique style and aesthetic.



Multiple Skins for the Back to Top button

The Back to Top Button widget is designed to be fully customizable, allowing you to adjust the design to match the look and feel of your website. With various customization options at your fingertips, you can easily change the colors, fonts, spacing, and other elements to create a button that fits seamlessly into your website design. Whether you're looking to match your brand colors, create a unique look, or personalize your website, the Back to Top Button widget provides you with all the tools you need to get the job done. Additionally, with the ability to preview your changes in real time, you can easily experiment with different styles and design elements until you find the perfect combination that fits your needs and enhances the user experience on your website.

Fully Customizable Widget

The Back to Top Button widget is designed to provide a seamless user experience on any device. With its fully responsive design, the button will look great and function smoothly on desktop computers, laptops, tablets, and smartphones. This is especially important in today's mobile-first world where more and more people are using their smartphones and other mobile devices to browse the web. By ensuring that your website is optimized for all devices, you'll improve the user experience for your visitors and stay ahead of your competitors in terms of functionality and design. With the Back to Top Button widget, you'll be able to provide your visitors with a fast, easy, and intuitive way to navigate your website no matter what device they use.

Perfectly Responsive Widget

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

Easy To Use Widget

In addition to the built-in customization options, the Back to Top Button widget allows you to add your custom CSS to enhance the button further and make it truly unique. Whether you're a seasoned developer or simply looking to get creative, the ability to add custom CSS gives you the power to take your website design to the next level. With custom CSS, you can change the button's size, shape, and positioning, or even create entirely new styles from scratch. The possibilities are endless, and with some creativity, you can make the Back to Top Button widget your own. This level of customization allows you to create a button that fits perfectly with the look and feel of your website and enhances the overall user experience for your visitors. Whether you're looking to create a sleek, modern design or a more traditional, classic look, the Back to Top Button widget and its custom CSS capabilities give you the tools you need to make it happen.

Back to Top button Custom CSS

You can embed the Back To Top button on your website easily by copying a single line of code. The Back to Top Button widget will also be updated automatically with every change you make.
Copy the code for the button and paste it into your website's HTML code. The code should be placed in the appropriate section of your website, such as the footer or header.



Easy To Embed Back to Top button

The Back to Top button provides users with easier on-site navigation as with a simple click, they will be transformed back to the top of the page. This is ideal for pages where there’s a lot of text, and scrolling back up may be an annoyance.

Easy Navigation with Back to Top button

The improved navigation that the Back to Top button offers will undoubtedly improve the users’ experience on your website, encouraging them to come and visit your website again. Additionally, the added convenience of quickly returning to the top of the page with just one click can save time and effort for the user, further enhancing their overall experience on your website.

With simple navigation to the top of the page, users will be able to engage with other elements on your website, for example, with call-to-action buttons, additional links, videos, images, and more. This, in turn, can lead to increased engagement, higher conversion rates, and ultimately, a boost in overall website success.

Use a Back to Top button for More Engagement

Back to Top Button

Easily create and manage online menus with customizable layouts, categories, and styling options

The Restaurant Menu Widget allows you to categorize your menu into clear and distinct sections, such as appetizers, main courses, or desserts. Each section can feature its own title, helping diners quickly navigate and find what they’re looking for. Additionally, you can add an image or icon to each section, enhancing the visual appeal and ensuring your menu looks polished and professional.

Create Organized Menu Sections

The Restaurant Menu Widget lets you organize your dishes by assigning them to categories, such as vegetarian, gluten-free, or spicy. Each category is represented by a unique icon, making it easy for customers to identify specific options at a glance. This feature enhances clarity, helps diners make informed choices, and creates a visually engaging menu experience.

Assign Dishes to Categories with Customizable Icons

The Restaurant Menu Widget enables you to enrich each dish with a description, an eye-catching image, and a clearly displayed price. These details provide diners with all the information they need to make confident and informed choices. By combining visuals and pricing, you create an engaging and professional menu presentation that boosts customer satisfaction

 Showcase Dishes with Detailed Information and Visual Appeal

The Restaurant Menu Widget offers versatile design options with three distinct menu layouts, allowing you to choose the overall structure that best fits your website’s style. Additionally, each dish card can be displayed using one of four unique layouts, giving you the flexibility to highlight your dishes in the most appealing way. These customization options ensure your menu looks professional, aligns with your brand, and delivers a seamless browsing experience for your customers.

Customize Your Menu and Dish Layouts for a Unique Look

The Restaurant Menu Widget provides a selection of beautifully designed skins to match your website's style seamlessly. These skins save you time on design adjustments while ensuring a professional and cohesive menu appearance.

Choose from Stunning Design Skins

With extensive customization options, the Restaurant Menu Widget allows you to tailor every aspect of your menu. Adjust colors, fonts, spacing, and more to create a menu that reflects your brand's identity and style.

Fully Customizable Restaurant Menu Widget

The Restaurant Menu Widget is built to be fully responsive, ensuring it displays beautifully on any device. Whether your customers are browsing from a desktop, tablet, or smartphone, your menu will look great and remain user-friendly.

Fully Responsive Design for All Devices

Designed with simplicity in mind, the Restaurant Menu Widget requires no coding skills to set up and customize. Its intuitive interface allows anyone to create and update menus effortlessly, making it accessible for all skill levels.

Easy-to-Use Restaurant Menu Widget

For users looking to take customization further, the Restaurant Menu Widget supports custom CSS. This feature allows designers and developers to fine-tune the widget’s appearance and functionality, ensuring it perfectly aligns with their vision.

Custom CSS for Advanced Design Control

Embedding the Restaurant Menu Widget on your website is simple and hassle-free. With just one line of code, you can integrate it seamlessly into your site, and any updates you make are reflected instantly, keeping your menu always up to date.

Quick and Easy Embedding on any website

The Restaurant Menu Widget offers an intuitive and visually appealing way to present your menu online. By making your menu easily accessible, you enhance customer satisfaction and encourage diners to explore your offerings. This convenience can lead to increased engagement and more orders.

Recurring Events Calendar PRO, Sell Your Events Online

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

Scroll to Element Button

Marketing Button

Team Members Blobs

Bluesky Feed Slider

Size Chart

Back to Top Button

Restaurant Menu

Social Media Links

TikTok Carousel

Video Slider

Social Proof

Real Estate Listings

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Recurring Events Calendar PRO, Sell Your Events Online

PrestaShop module

App Details

Pricing

Check Out the Scroll to Element Button Widget

App Info

Some of the best Common Ninja modules for PrestaShop

Scroll to Element Button

Marketing Button

Team Members Blobs

Bluesky Feed Slider

Size Chart

Back to Top Button

Restaurant Menu

Social Media Links

TikTok Carousel

Video Slider

Social Proof

Real Estate Listings

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine