<p class="headings headings-small secondary-font font-weight-bold desc-block-title">Overview</p> <div class="primary-text regular-text text"><div>Add a <b>full features code editor</b> in your back-office. <b>Tired of editing files via FTP</b> ? Create, edit, rename, move, copy/past or delete files and folders on the go with Code Editor.</div></div> <p class="headings headings-small secondary-font font-weight-bold desc-block-title">Gallery</p>

Community developer

Code Editor - Create and edit your files

Example 1

Example 2

Example 3

Example 4

Example 5

The Before & After Slider widget features the option to create horizontal or vertical sliders, enabling you to unleash the full power of your creativity. With the option to create either horizontal or vertical sliders, you'll have the flexibility to tailor your sliders to fit the needs of your project whether you're a designer, photographer, or business owner, the Before & After Slider widget is the perfect tool to help you showcase your work uniquely and engagingly.

Horizontal & Vertical Slider Direction

With the Before & After Slider widget, you can create as many sliders as you desire, giving you the ability to tell a complete visual story that is tailored to your needs whether you want to showcase the progression of a construction project, the transformation of a home renovation, or the change in the appearance of a person or animal over time.

Multiple Sliders

The Before & After Slider widget comes with full customization options, giving you the ability to easily edit the design to match the aesthetic of your website. You can change the colors of the slider, buttons, and labels to match your branding. You can also choose from different font options and adjust the font size, style, and color to create a cohesive and professional look. In addition to these design options, you can also customize the spacing of the widget to ensure it fits seamlessly into your website layout.

Fully Customizable

The Before & After widget is a valuable tool for any website. Not only is it fully responsive, meaning it will adjust seamlessly to fit the screen size of any device, but it also has a sleek and modern design that will enhance the overall look of your site. In a world where more and more people are accessing the internet through their phones and tablets, it is crucial to have a website that is optimized for mobile viewing. The Before & After widget will allow you to do just that, giving you an edge over competitors.

Perfectly Responsive Before & After

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

Easy To Use

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Before & After widget. With this feature, you can easily customize every aspect of the widget's look and feel, from the colors and fonts to the layout and positioning. But if you're feeling particularly creative, you can take your customization to the next level by editing the CSS directly. This gives you the ability to make even more advanced changes to the widget, allowing you to make it your own. Whether you want to make a few simple tweaks or go all out with advanced customizations, our advanced editor has you covered.

Before & After Custom CSS

To embed the Before & After widget on your website, simply copy and paste the provided code snippet into the HTML of your webpage. Additionally, the widget is designed to be self-updating, meaning that any changes you make to the Before & After Editor will be reflected automatically on your website without the need for any additional manual updates.

Easy To Embed Before & after

You have the ability to adjust the positioning of the labels on the Before and After Slider widget. This allows you to customize the location of the labels to fit best the design and layout of your website or application.

Label's Position

Regardless of whether your image is in the landscape, portrait, or square format, you have the ability to define the image ratio for optimal display.

Image Ratio

With the Before & After Slider, you can increase engagement on your website by offering an interactive feature for your users to interact with. More engagement increases interest and, subsequently, improves the decision-making process that will convert curious visitors into paying customers.

Increased Engagement Through Interaction

With the Before & After Slider widget you can convey a compelling story by using the right images. Demonstrate the changes global warming has on nature, show the powerful transformations of people, present interesting item restoration results and much more!

Compelling Visual Storytelling 

The Before & After Slider allows you to showcase the benefits of your product or service in the most effective way — visual, side-by-side comparison. Show how you’ve restored a mouthful of crooked teeth, or how your product has cleaned the same item, only better, or how you’ve restored a decrepit house into a glorious abode — the options are limitless!

Effective Showcase Presentation

Before & After Slider

Website Components

Images & Galleries

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

Multiple AdBlocker Detector Design Skins

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

Enhance Alert with Icons or Images

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

Tailored Message content for Ad Blocker Detection

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

Robust Detection of Various Ad Blockers

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

Convenient Refresh Button Post Ad Blocker Disabling

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

Fully Customizable AdBlocker Detector Widget

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

Perfectly Responsive AdBlocker Detector widget

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

Easy to use AdBlocker Detector widget

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

Enhanced Creativity with Custom CSS in AdBlocker Detector

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


Effortless Embedding of the AdBlocker Detector

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

Enhanced Revenue Protection with Adblock Detector

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

Boost in Website Performance Metrics

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

Protection of Content Value

AdBlocker Detector

Popups, Bars & Buttons

Display the latest posts from your Tumblr page

You can show your feed in a gallery format, with no other distractions to create a truly immersive experience for your visitors. 


An Immersive Experience

With a short, teasing sentence, and enticing images, it’s easy to encourage users to click on the feed to learn and read more about a particular topic. 


An Invitation to Explore

Style 3

Style 4

You can also present your feeds in a more detailed manner, to inform your users, and encourage them to read the desired posts. 


Detailed Information for Better Decisions

You can add a sense of movement to your Tumblr feed pages by using the "ticker" animation, which mimics a news ticker. You can use it to grab the user's attention immediately.

Ticker Animation

You can further customize the Tumblr Feed widget by displaying the time and date of the feeds.

Date & Time Display Settings

With the "auto-refresh" option toggled on, the Tumblr Feed widget automatically updates the feed with new posts.

Refresh automatically

The Tumblr Feed widget offers two feed types: Tabs and Mixed. Tabs are arranged based on feed order, while Mixed feeds are mixed together to create a diversified feed.

Multiple Feed Types

Customize the length of the characters in the Tumblr Feed widget to make it more compact.

Customize Character Display Length

In order to make sure the Tumblr Feed widget fits your overall design and style, it comes with multiple layout options.

Various Layouts

A variety of gorgeous skins are available for the Tumblr Feed widget, so customizing it isn't difficult.

Stunning Skins

The Tumblr Feed widget provides full RTL support for those who write from right to left. It will be easier for your news to be accessed by more people around the world.

RTL Supported

The Tumblr Feed widget allows you to customize the design to meet your needs. There are a lot of options for changing the colors, fonts, and spacing!

Totally Customizable

Any device will be able to use this Tumblr Feed widget. This feature will give you an edge over your competitors in a mobile-centric world. 

Perfectly Responsive

The Tumblr Feed widget is easy to install and requires no coding knowledge. Customize the widget in any way you like with our drag-and-drop dashboard.

Simple To Use Tumblr Feed Widget

The Tumblr Feed widget and all of Common Ninja's widgets can be customized with CSS.

Custom CSS

Simply copy and paste the code into your website to embed the widget. Whenever you make a change to your Tumblr Feed, the widget will automatically update.

Simple to Embed

You can group and collect various Tumblr feeds with the Tumblr Feed widget.

Group Several Tumblr Feeds

By grouping your Tumblr feeds on one page, your readers will have easier access to them. 

Better User Experience

Enhance your page's appearance by customizing the Tumblr Feed widget. Create a more appealing design by adding a gentle "ticker" animation.

Enhanced Design

Tumblr Feed

Social Feeds

A payment button that triggers a recurring payment form linked to PayPal or Stripe for easy subscription setup

The Recurring Payments widget comes with easy subscription period management where you can simply choose your preferable period from a drop-down menu. This user-friendly approach helps enhance the overall customer experience and fosters long-term relationships.

Subscription Period Management

The Subscription Button currently works with the Stripe and PayPal payment gateways, from which you can choose the one that fits your needs. Providing multiple payment options caters to a diverse range of customer preferences, further improving user experience.

Recurring Payments: Multiple Payment Gateway Integrations

The Recurring Payments feature offers the option to toggle email notifications and webhooks for both website owners and customers, ensuring effective communication and keeping everyone informed about transactions. This consistent communication helps build trust and rapport between your business and your customers.

Subscription Button Email Notifications

The Subscription Button widget enables viewing all the transactions that were made through the button, with the additional option that enables to export these transactions into a CSV file. This easy access to transaction data aids in tracking revenue and monitoring subscription trends.

Displaying and Exporting Transactions to a CSV File

The Subscription Button widget allows you to manually add taxes and shipping prices, ensuring your pricing listings remain accurate and transparent for your customers. Presenting clear and precise pricing information can help establish trust and encourage potential customers to subscribe.

Option To Add Taxes & Shipping Prices

The Subscription Button widget includes the option to add post-payment messages, which can be utilized to reassure users that their payment has been processed or to express gratitude for their subscription. These personalized messages can enhance customer satisfaction and increase the likelihood of long-term commitment.

Subscription Button Post-Payment Messages

The Subscription Payment 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. The diverse range of skins ensures that you can create a button that perfectly complements your website's design.

Multiple Skins for Subscription Payment Button

The Subscription Payment Button widget boasts extensive customization options, enabling you to tailor the design to your unique needs. Modify the colors, fonts, spacing, and more to create a personalized button that aligns with your brand. This level of customization allows you to create a cohesive visual experience for your customers.

Complete Customization of Subscription Payment Button

The Subscription Payment Button widget is fully responsive and adapts to any device, providing a superior experience for users in a mobile-first world and giving you a competitive edge. This responsive design ensures that your customers can access and manage their subscriptions effortlessly from any device.

Mobile-Friendly Subscription Payment Button

The Subscription Payment Button widget is designed for ease of use, requiring no coding knowledge. With our intuitive dashboard and drag-and-drop feature, you can customize the widget effortlessly and achieve your desired look. This streamlined process saves you time and allows you to focus on other aspects of your business.

Intuitive and User-Friendly Subscription Payment Button

Like all Common Ninja widgets, the Subscription Payment Button widget allows for custom CSS, enabling you to further personalize the design and unleash your creativity. The ability to add custom CSS grants you even greater control over your button's appearance, making it truly unique and engaging.

Subscription Payment Button Custom CSS

Easily integrate the recurring payments widget into your website by copying a single line of code. The Subscription Payment Button widget updates automatically with every change, ensuring your site remains up-to-date. This hassle-free embedding process simplifies the implementation of recurring payment options on your site, increasing overall efficiency.

Seamless Embedding of Recurring Payments Widget

By offering a subscription button, you make it easy for users to subscribe to a periodical payment plan, encouraging them to engage with your brand on a regular basis. By offering a seamless experience for signing up for recurring payments, you can significantly improve customer retention and satisfaction.

Enhanced User Engagement with a Subscription Button

Subscribers are a reliable source of revenue, providing a steady stream of income that can help you plan and grow your business. This financial stability allows you to focus on improving your products or services and meeting your customers' needs.

Stable Revenue Stream through Recurring Payments

By making it easy to access and subscribe to a payment plan, you can increase conversions and revenue. By simplifying the subscription process, you can attract a larger audience and convert more potential customers into loyal subscribers.

Higher Conversions with the Subscription Button

Subscription Button

Show off content in an inventive way using animated 3D card displays

It’s easy to follow information when it’s presented in an organized way, and when symmetry is applied, then the experience becomes even more enjoyable. 

Simple. Organized.

By presenting your products dynamically and engagingly, you'll leave a lasting impression on your audience and increase the chances of making a sale. Don't just settle for ordinary product presentations – choose a solution that will make a lasting impact on your audience and drive conversions.

Dynamic Product Display for a Lasting Impression

Turn things around and make your content a must-see destination for your visitors. By transforming your website's content into an engaging and attractive experience, you'll keep your visitors coming back for more and encourage them to share your content with their friends and followers.

Transform website content into an engaging experience for visitors

Using different layout options, you'll be able to find the perfect combination that speaks to your brand and engages your audience. Don't be afraid to get creative and think outside the box – sometimes the most unexpected layouts and styles can lead to the most compelling and practical designs.

Experimenting with Layouts and Styles for Website or Project

A simple but effective way to do that is by including a call-to-action button. A call-to-action (CTA) button is a button or link that prompts your visitors to take a specific action, such as making a purchase, signing up for a newsletter, or downloading a piece of content.

Call-to-Action Button for Encouraging Visitors to Take Next Step

The widget features a lovely 3D animation that will react to your user’s hovering motion, creating a fun, interactive experience for your users.

3D Animation

The widget has the option to toggle flipping on, which will enable users to click on an arrow and flip the card to show its backside, thereby enabling you to add more content to the card.

Card Flipping

The 3D Cards 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 3D Cards 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 3D Cards widget comes with a selection of beautiful icons that you can use to add to it and enrich its visual appearance.

A Selection of Beautiful Icons

The 3D Cards 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 3D Cards 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.

The 3D Cards 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 Animated Cards Widget

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

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

Easy To Embed

With the 3D Cards widget, you can instantly draw attention to relevant information on the cards thanks to the full customization, the 3D animation, and the option to add the “flip” option.

Draw Attention

The widget will enable you to increase conversions by allowing you to add a button to the card linking it to relevant pages (the checkout page, for example).

Increase Conversions

With a 3D animation that reacts to the user’s hover movement, as well as the option to click on an arrow and flip the card, you will be able to create an interactive experience for your users, making their time on your website more fun and entertaining.

Add Interactivity

3D Cards

Get Creative

Lists & Cards

Experience a vibrant display of visuals with the multiple rows feature in the Multi-Row Slider. You can effortlessly add many rows, each showcasing a series of images moving in a direction opposite to its adjoining rows. This creates a fascinating and cool effect on your website, potentially making the visual content more engaging for users.

Experience Multi-Row Displays with the Multi-Row Image Slider

Enhance user interaction with the Multi-Row Image Slider's "Stop on Hover" functionality. This feature allows users to hover over an image to pause the sliding motion temporarily, offering them the opportunity to view an image in more detail. This thoughtful addition caters to users' convenience, enabling a more leisurely and controlled browsing experience.

Hover-and-Hold Feature

Make the most of the Multi-Row Slider’s ability to incorporate links into each image. This feature serves as a gateway to additional content, encouraging users to explore further and engage more with your website. It's a user-centric addition that can potentially elevate the browsing experience, offering more depth and information with a simple click.

Link-Enabled Images

Offer users a bespoke browsing experience with the Multi-Row Image Slider's sliding speed control feature. This functionality enables you to dictate the speed at which images transition, providing an adaptable visual journey that can be modified to suit the overall ambiance of your website. It's a nuanced tool that allows you to fine-tune the user experience to perfection.

Customize Sliding Speed

The Multi-Row Image Slider widget is fully adaptable to your website's specific aesthetic needs. It allows you to modify various elements such as colors, fonts, and spacing to harmonize seamlessly with your existing design. Leveraging this feature, you can create a distinct visual appeal that resonates with your brand, enhancing the browsing experience on your website without the need for extensive technical know-how.

Tailorable Multi-Row Image Slider Design

Experience the versatility of the Multi-Row Image Slider, designed to deliver a consistent and seamless user experience across all devices, including desktops, laptops, tablets, and smartphones. In an era dominated by mobile browsing, this feature ensures that your website remains user-friendly and ahead in terms of functionality and design. Utilize the Multi-Row Slider to offer your visitors a swift and intuitive navigation experience, irrespective of the device they use.

Device-Responsive Multi-Row Image Slider

Implementing the Multi-Row Slider is a hassle-free process, requiring no coding expertise. Its user-friendly dashboard, complete with a drag-and-drop feature, facilitates easy customization with just a few clicks, making it a breeze to incorporate into your website and enhance the user engagement levels.

Easy To Use slider

Unleash your creativity with the Multi-Row Image Slider's custom CSS functionality. Whether you're a seasoned developer or someone with a knack for design, this feature grants you the autonomy to tweak the slider further to truly align with your website's theme. From adjusting the slider's dimensions to crafting entirely new styles, the possibilities are vast, helping you to forge a unique and engaging user experience on your site.

Multi Row Image Slider Custom CSS

Embedding the Multi-Row  Slider onto your website is a straightforward process, involving just the copy-pasting of a single line of code. This method not only facilitates easy integration but also automatically implements any changes you make to the slider, ensuring a continually updated and enhanced user experience. The ease of embedding means you can swiftly incorporate the Multi-Row Image Slider into various sections of your website, enhancing its visual appeal and functionality.

Easy To Embed Multi-Row Image Slider widget

The Multi-Row Image Slider offers an enriching visual journey for the users who visit your website. By engaging with contrasting slide directions, users are likely to find a renewed interest in browsing through the content showcased. This unique user experience could foster a positive and memorable interaction with your website, encouraging repeat visits.

Enhanced User Engagement with Multi-Row Image Slider

Implementing the Multi-Row Image Slider could be a significant upgrade to the aesthetic appeal of your website. Users can enjoy a refreshing change from the standard image sliders, as they navigate through rows of images that slide in opposite directions, offering a novel visual treat that is as pleasant as it is unique.

Code Editor - Create and edit your files

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

Before & After Slider

AdBlocker Detector

Tumblr Feed

Subscription Button

3D Cards

Multi-Row Image Slider

Website Search

Wake Up Notifications

Corner Pop-up Builder

Image Accordion

Reviews Trust Box

HIPAA Compliance Forms

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Code Editor - Create and edit your files

PrestaShop module

App Details

Pricing

Check Out the Before & After Slider Widget

App Info

Some of the best Common Ninja modules for PrestaShop

Before & After Slider

AdBlocker Detector

Tumblr Feed

Subscription Button

3D Cards

Multi-Row Image Slider

Website Search

Wake Up Notifications

Corner Pop-up Builder

Image Accordion

Reviews Trust Box

HIPAA Compliance Forms

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine