<p class="headings headings-small secondary-font font-weight-bold desc-block-title">Overview</p> <div class="primary-text regular-text text"><div>Allows you to create links that will automatically add the product to a customer&apos;s cart and as well as voucher with it and then can be shared in various social networking sites.</div></div> <p class="headings headings-small secondary-font font-weight-bold desc-block-title">Gallery</p>

Community developer

Voucher Link

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

Use the Scroll to Element Button widget when you want to guide visitors directly to an important section without forcing them to hunt for it. Instead of saying “see details below” and hoping people find the right spot, you place a button that scrolls smoothly to a specific block like pricing, features, FAQ, or a form. This creates a clear path from interest to action and keeps attention inside your designed flow. It is especially useful on landing pages, long sales pages, and documentation where critical information lives deeper down. By linking buttons to key sections, you remove ambiguity, highlight priorities, and make the experience feel more intentional and polished.

Scroll to Element Button

Popups, Bars & Buttons

Present your team members in a dynamic, shape-based animation

With a simple design, it’s easy to deliver the right information clearly, and in a stylish manner. 


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.

Easy To Embed 

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

Use the Team Members Blobs widget when you want visitors to connect with the people behind your brand in a way that feels modern and friendly. Instead of a plain grid, the animated blob layout adds personality and draws attention to faces, names, and roles without adding clutter. This helps humanize your business, builds trust fast, and reinforces transparency, especially for agencies, startups, service providers, and community driven products. A clear team section also answers common buyer questions about credibility and expertise. By presenting your staff in an engaging format, you increase time on page and make it easier for visitors to feel they are working with real, approachable professionals.

Team Members Blobs

Website Components

Add interactive, two-sided cards to your website with customizable flip animations.

The Flip Card widget allows you to present content on both the front and back of each card, doubling your available space without overwhelming the layout. You can use the front side to highlight key information and the back side for extended details, links, or calls-to-action. This layered format keeps your design clean while delivering more value per card.

Two-Sided Content Display

Choose from a variety of sleek animation styles to control how your cards flip—up, down, left, right, or with push effects. These transitions add a sense of interactivity and motion that enhances user engagement. With just a few clicks, you can match the animation to your site’s tone, whether playful, dynamic, or professional.

Smooth and Customizable Flip Animations

The widget lets you populate cards with a wide variety of fields, such as images, titles, descriptions, pricing, contact details, and ratings. This comprehensive setup makes it ideal for showcasing products, services, or team members in detail. You can mix and match fields to fit any use case or structure.

Support for Diverse Content Types

Enhance your cards with interactive elements like clickable buttons, email links, phone numbers, and coupon codes. These features make it easy for users to engage directly with your content. Whether it’s tapping a link or revealing a deal, the Flip Card promotes hands-on interaction.

Built-In Interactivity to Drive Action

Arrange multiple fields on the same horizontal line for a cleaner, more compact card layout. This option is great for pairing elements like ratings and prices, or phone and location info. It helps you display essential data in a space-efficient, visually balanced way.

Neatly Align Fields Side by Side

The Flip Card widget comes with multiple layout configurations to suit different website designs. Whether you're building a grid of product showcases or a vertical list of team profiles, you can choose a layout that complements your site’s flow. This flexibility ensures that your flip cards look organized and professional on any page.

Variety of Layout Options

Save time and effort with a collection of beautifully crafted skins designed to fit a wide range of styles. Whether your website is sleek and modern or more playful and bold, there’s a skin that works right out of the box. Each skin offers a polished look without requiring manual design work.

Choose from Pre-Styled Flip Card Skins

Customize every visual element of the Flip Card widget—colors, fonts, spacing, borders, and more—to create a cohesive design that fits your site perfectly. These styling options give you the freedom to personalize each card while maintaining full consistency with your brand identity.

Fully Customizable to Match Your Brand

Flip Cards are designed to be fully responsive, so they display perfectly across all screen sizes and devices. Whether your visitors are browsing from desktops, tablets, or smartphones, they’ll enjoy a seamless and interactive experience. This mobile-friendly design ensures maximum engagement everywhere.

Optimized for All Devices

You don’t need any coding skills to use or customize the Flip Card widget. With a clean and intuitive editor, anyone can adjust content, styling, and animations with just a few clicks. This makes it easy to set up and manage your cards without technical help.

No Coding Required – User-Friendly Design

For developers and designers who want extra control, the widget supports custom CSS. You can tweak specific visual elements or create entirely unique styles to match advanced branding needs. This flexibility is perfect for adding a personal or professional touch beyond the standard options.

Add Custom CSS for Advanced Control

The Flip Card widget can be embedded into any website with a simple line of code. Once added, all changes you make in the editor are automatically reflected live on your site. This hands-off maintenance ensures your content always stays up to date without extra effort.

Easy Embedding on Any Website

Flip Card's engaging animation draws users’ attention and encourages interaction, making your content more noticeable. This helps reduce bounce rates and increases the time visitors spend on your site. Interactive content like this can play a big role in improving user experience and engagement metrics

Boost Engagement with Flip Card Visual Interactivity

By using Flip Cards to emphasize calls-to-action, promotions, or special features, you can guide visitors toward key conversion points. The engaging format helps important content stand out without overwhelming the page. This focused approach contributes directly to lead generation and sales growth.

Drive Conversions with Interactive Callouts

Use Flip Cards to present important details—like features, pricing, or team bios—in a compact and attractive format. By making the information both accessible and engaging, you help visitors absorb content more effectively. This boosts the chances they'll take desired actions, such as signing up or making a purchase.

Highlight Key Information Creatively

Use the Flip Card Builder widget when you want interactive two sided cards tailored to your content without manual design work. A flip card lets you show a focused front view, such as a title or image, and reveal secondary details on the back only when users choose to explore. This keeps layouts clean while still offering depth. With a builder, you define fields, flip behavior, and styling to fit features, FAQs, team bios, products, or learning materials. The interaction increases engagement because visitors actively discover content. It also improves memory and clarity since each card is a distinct unit. By creating consistent flip card patterns across your site, you make information easier to scan and more enjoyable to explore.

Voucher Link

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

Scroll to Element Button

Team Members Blobs

Flip Card Builder

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Voucher Link

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

Team Members Blobs

Flip Card Builder

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine