<p class="headings headings-small secondary-font font-weight-bold desc-block-title">Overview</p> <div class="primary-text regular-text text"><div>This module allows you to pay by credit card in the Redsys TPV, with the option of tokenize credit cards (save customer credit card data so they won&apos;t need to introduce it in every purchase) and to do recurring payments.</div> </div> <p class="headings headings-small secondary-font font-weight-bold desc-block-title">Gallery</p>

Community developer

Recuredsys

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

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

Shape Variety at Your Fingertips

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



Flexible Connection Choices

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

Dynamic Connector Animations

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

Informative Labels and Tooltips

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

Directional Arrow Options

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

Embed Images Within Shapes

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

Diverse Aesthetic Skins

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

Complete Customization Control

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

User-Friendly Interface

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

Adaptable Responsiveness

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

Customize with CSS

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

Effortless Integration

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

Diversified Content Presentation

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

Enhance Content Retention

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

Increas Professionalism and Credibility

Diagrams

Get Creative

Website Components

Display the latest posts from your YouTube channel

Example 1

Example

Example 3

The YouTube Feed widget comes with a “ticker” animation that imitates an old news ticker and adds a sense of action to your page. Use it to immediately grab the user’s attention.

Ticker Animation

There are various options for displaying the date and time of the feeds — an option that will enable you to further customize the YouTube Feed widget according to your needs, and the preferences of your visitors.

YouTube Feed Date & Time Display Settings

The YouTube Feed widget has the “auto-refresh” option which, when toggled, keeps refreshing and updating the feed with new posts.

Auto Refresh

Two different feed types are available in the YouTube Feed widget — Tabs and Mixed. The Tabs type keeps all your tabs organized by order of feed, while the Mixed type, mixes the various YouTube feeds to create a diverse feed.

Different Feed Types

You can easily customize the characters' length to save space and make the YouTube Feed widget more compact.

Customize Character Display Length

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

YouTube Feed Multiple Layouts

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

YouTube Feed Multiple Skins

The YouTube Feed widget provides full RTL support for those who write from right to left. Make your news accessible to more users from all over the world.

Full RTL Support

The YouTube Feed 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 YouTube Feed 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 YouTube Feed

The YouTube Feed 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 YouTube Feed Widget

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

Custom CSS

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

Easy To Embed YouTube Feed

The YouTube Feed widget allows users to choose between Tabs and Mixed feeds. In the Tabs type, you arrange all your tabs according to their feed order, whereas in the Mixed type, you mix different YouTube feeds to create a diverse feed.

Different YouTube Feed Types 

The YouTube Feed widget has an "auto-refresh" option that keeps refreshing and updating the feed when toggled.

YouTube Feed Automatic Refresh

Using the YouTube Feed widget, you can add an animated "ticker" to your page to simulate an old news ticker. Grab the user's attention immediately with it.

YouTube Feed

Social Feeds

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

Example 2

Example 4

Example 5

The Notification Bar widget features advanced display rules — like when or where to display the widget — that you can set and customize. The rules include action triggers like “on exit”, “time delay”, “page scroll” and more.

Customizable Display Rules

The Notification Bar widget comes with two position options — you can either show it at the top of the screen or at its bottom.

Top or Bottom Notification Bar

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

Sticky Feature Bar

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

Add a Button to the Notification Bar

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

Show an Icon

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

Multiple Button Templates

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

Shaking Button Animation

The Notification Bar widget comes with a variety of beautiful skins that you can choose from so you don’t have to spend much time on extensive customization.

Multiple Skins

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

Fully Customizable Widget

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

Perfectly Responsive Notification Bar

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

Easy To Use Notification widget

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

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

Easy To Embed on your website

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

Notify Site Visitors

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


Draw Attention

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

Encourage Action

Notification Bar

Popups, Bars & Buttons

Boost Sales

notification bar 1

Add a Telegram chat button to your website, allowing users to start a chat using Telegram.

The Telegram Chat Button widget features multiple button icons for you to choose from that can complement your design and deliver the message you want to deliver.

Multiple Icons

The Telegram Chat widget allows you to change the chat’s background to make it fit your website’s design, make your chat stand out, or reinforce brand awareness via well-crafted company backgrounds.

Change Chat Background

The Telegram Chat widget can toggle the messages’ time on or off. Keep it on to show users just how fast your replies are, or remove it entirely for a more minimal, visually pleasant chat design.

Toggle Time On or Off

The Telegram Chat widget features full customization options to edit the design to fit your needs — change the colors, fonts, spacings, and anything else!

The Telegram Chat widget is perfectly responsive and will look great on any device. This feature will put you ahead of your competitors in a mobile-first world.

Perfectly Responsive

The Telegram Chat 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 want it 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 Telegram Chat widget and be even more creative.

You can embed the Telegram Chat widget 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 

Allow users to contact you by Telegram chat for support or for more information that’s not readily available on your website and improve their experience.

Provide Support & Helpful Information With Telegram Chat

You can expedite your users’ decision-making process by providing quick answers to their questions in a Telegram Chat. The more informed they are, the better decisions they are going to make.

Decision-Making Made Faster

Make your users feel important and well taken care of by offering them a more personalized communication method with a Telegram Chat widget.

Provide a Personalized Experience

Telegram Chat

User Engagement

Telegram Button template 6

Telegram Button template 5

Telegram Button template 4

Telegram Button template 3

Telegram Button template 2

Telegram Button template 1

Displays multiple logos in a scrolling or rotating manner

The Logo Slider widget features the ability to pause on hover and add various effects like scale, shadow, opacity, highlight and more!

Hover Effects 

You can customize the carousel layout any way you want to including changing its direction and speed!

Carousel Direction & Speed 

The Logo Slider widget features the ability to make logos clickable for easier navigation. 

Clickable Logos

The Logo Slider widget has two layout options — a carousel (slider) and a grid, enabling you to select the best design for your brand. 

Two Layout Options

The Logo Slider 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!

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

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

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

Showcasing logos of companies that work with you and trust you is an easy way to elicit trust in potential new customers and establish your company’s credibility.

Establish Credibility And Trust with a Logo Slider

By showcasing partners, clients, and other companies that you are working with, you give a quick and clear indication to your readers as to what industry your company is in, thereby reinforcing your website’s message and design.

Grab Attention

With the Logo Showcase carousel, you can improve your design and make it more pleasing to the reader’s eye. Adding the logo slider can serve as a break between paragraphs and sections and can be used to create contrasting or complementing color schemes.

Enhance Design

Logo Slider

Images & Galleries

Show events or important moments in the order they occurred, using pictures and text

The Timeline widget allows you to choose either vertical or horizontal timelines to help you tailor the design to your specific needs. 

Vertical & Horizontal Timelines

The Timeline widget's feature of incorporating images into individual timeline items not only enhances its visual appeal and captivates your audience but also helps convey complex ideas or events more effectively, contributing to an overall more engaging and comprehensible user experience.

Ability To Add Images

The Timeline widget provides you with an array of trigger options for displaying items, including "always," "never," "on hover," and "scroll to view," empowering you to create a tailored user experience that enhances content accessibility and engages your audience by controlling when and how the information is revealed.

Item Visibility Controls

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

Multiple Timeline Layouts

The Timeline 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 Timeline Widget Skins

You can fully customize the Timeline widget 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.

Fully Customizable Timeline

The Timeline widget 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 Timeline widget will allow you to do just that, providing you an edge over the competition.

Perfectly Responsive Timeline Widget

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

Easy To Use Timeline Widget

You have total control over how the Timelin appears thanks to our robust advanced editor. This feature makes it simple to change the Timeline'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.

Timeline Widget Custom CSS

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

Easy To Embed Timeline Widget

With the Timeline widget, you can organize and present information in chronological order, making it easier for your users to understand the content on your website. It is particularly useful for websites that deal with historical information, or for websites that try to convey a narrative through an engaging timeline. 

Better Organization and Navigation

The Timeline widget can help make your website more interactive and engaging for users, encouraging them to explore the content and spend more time on your site.

Improved User Engagement

The Timeline widget can add a visually appealing element to the website, making it more attractive and memorable for visitors.


Increased Visual Appeal 

Timeline

Showcases videos in a rotating or sliding manner

The Video Carousel widget supports a variety of video hosting platforms, including YouTube, SoundCloud, Facebook, Vimeo, Twitch, Streamable, Wistia, DailyMotion, Mixcloud, Vidyard, and Kaltura.
With the ability to display videos from multiple platforms, you can provide your website's users with a diverse range of video content catering to different user preferences. This, allows you to leverage the strengths of each hosting platform.

Multiple Video Hosting Platforms

The Video Carousel widget comes with the option to change the carousel’s video sizes — from small, to large, vertical, or horizontal, you make the widget fit your specific needs.
The ability to customize the size and orientation of your video carousel is a valuable feature that can enhance your website's visual design and usability. By having the option to change the size of the video carousel widget, you can ensure that it fits seamlessly into the layout of your website, without disrupting the overall design. Moreover, you can choose between a vertical or horizontal orientation, depending on the type of video content you want to showcase and the layout of your website.

Video Size

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

Arrows & Pagination 

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

Recuredsys

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

Diagrams

YouTube Feed

Notification Bar

Telegram Chat

Logo Slider

Timeline

Video Carousel

Slide-In Panel

Audio Player

World Clock

Social Media & RSS Feeds

Tripadvisor Reviews

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Recuredsys

PrestaShop module

App Details

Pricing

Check Out the Diagrams Widget

App Info

Some of the best Common Ninja modules for PrestaShop

Diagrams

YouTube Feed

Notification Bar

Telegram Chat

Logo Slider

Timeline

Video Carousel

Slide-In Panel

Audio Player

World Clock

Social Media & RSS Feeds

Tripadvisor Reviews

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine