<p class="headings headings-small secondary-font font-weight-bold desc-block-title">Overview</p> <div class="primary-text regular-text text"><div>Loading time Reduce of your shop , Fast and optimized pages lead to higher visitor engagement, retention, and conversions , <b>All in one Speed</b> and <b>SEO</b>. caching solutions, image and database optimization, minfy HTML/JS and GZIP are all pages.</div></div> <p class="headings headings-small secondary-font font-weight-bold desc-block-title">Gallery</p>

Community developer

GTmetrix Pro - Speed optimization

Present images and text with a variety of animated effects and transitions for an engaging visual display

Example 1

Example 2

Example 3

Example 4

Example 5

The widget comes with over 24 different hover effects that you can choose from to enhance your users’ visual experience. These hover effects enhance the user's experience by surprising and delighting them, and they also stimulate interaction with the content and further exploration of your website.

Various Hover Effects

The Image Hover Effects widget comes with a variety of animations that you can add to your hover effects to make them even more stunning. You may provide your audience with an immersive and engaging experience by using the loading animations.

Different Loading Animations

You may fully customize the Image Hover Effects widget to change the style to suit your needs. 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

When links are added to photos, users can click on a button to be redirected to another website or resource. By offering more information or relevant content in a visually beautiful and engaging manner, can enhance user experience.

Linkable Images

Apply filters to images to augment their appearance with a trendy aesthetic. In combination with animation effects, it will create a stunning visual display.




Color Overlay image filters

Any website would benefit from the widget Image Hover Effects. 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. You may use the widget to accomplish just that, providing you an advantage over rivals.

Perfectly Responsive

The use of the Image Hover Effects widget is simple and doesn't require any coding expertise. With only a few mouse clicks, you can modify the widget however you wish using our user-friendly interface. As a result, even people without coding knowledge can quickly and easily develop designed elements with a professional appearance that interact with their website and increase their online visibility and audience engagement.

Easy To Use

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Image Hover Effects 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.

Custom CSS

To embed the Image Hover Effects 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 Image Hover Effects editor will be reflected automatically on your website without the need for any additional manual updates.

Easy To Embed 

With the Image Hover Effects widget, you can improve the aesthetics of your website by adding visual interest through the use of effects such as color overlays, transitions, and animations. These effects can help to draw attention to important elements of your website, such as calls to action or featured products.

Enhance Aesthetics

With the Image Hover Effects widget, you can highlight important content on your website and draw attention to it. And, with the interactive features, you can certainly increase engagement. Furthermore, the widget allows you to easily customize the design and placement of the highlighted content, making it an effective tool for improving user experience and increasing conversions.

Increase Engagement

With the Image Hover Effects widget, you can provide a better user experience by adding visual interest, improving navigation, and highlighting important content. In addition, the widget's compatibility with various platforms and devices ensures that your website's aesthetics remain consistent and visually appealing for all visitors.

Provide a Better User Experience

Image Hover Effects

Get Creative

Images & Galleries

The Donation Form offers a wide range of fields to choose from, allowing you to tailor the form to your specific needs. From basic fields like name and email to specialized input options, you can build a donation experience that suits your organization. Simply click “Add Field” and arrange them easily using drag-and-drop functionality.

Customize Your Donation Form with Various Field Options

With the Online Donation Form, you can efficiently manage and view all submitted donations in an organized display. This feature allows you to track donor information and contributions with ease, making it simple to monitor fundraising progress. Having all donation records in one place helps streamline donor relations and financial reporting.

Effortless Donation Tracking and Entry Management

The Fundraising Form supports file and image uploads, making it easy for donors to submit additional documents when needed. Whether it's proof of payment, sponsorship details, or any supporting material, this feature adds flexibility to your donation collection process. It’s particularly useful for organizations that require extra documentation from contributors.

Accept File and Image Uploads with Your Donation Form

The Online Donation Form allows you to accept payments directly, providing donors with a seamless and secure contribution process. Whether you’re raising funds for a nonprofit, a personal cause, or a community project, this integration ensures smooth transactions. With secure payment processing, donors can confidently support your mission.

Secure Payment Collection Directly Through the Donation Form

Incorporate headings, descriptions, and images into your Fundraising Form to create a more informative and engaging donation experience. Adding context to your form helps donors understand the cause and increases the likelihood of contributions. This feature allows you to communicate your message effectively while keeping the form visually appealing.

Enhance Your Form with Text and Images for Better Engagement

The Donation Form allows you to personalize the header and footer by adding custom text, images, or branding elements. This feature ensures that your form aligns with your website’s overall aesthetic and reinforces your organization's identity. A well-branded form builds credibility and trust with potential donors.

Customizable Header & Footer for a Branded Donation Experience

Enable CAPTCHA verification on your Online Donation Form to prevent spam and fraudulent submissions. This feature ensures that only real donors can complete the form, keeping your records clean and reliable. By blocking automated bots, you can maintain the integrity of your donation process.

Protect Your Donation Form from Spam and Bots

The Fundraising Form allows you to export all donor submissions to a CSV file, making it easy to import data into other tools or software. This feature is perfect for nonprofits and organizations that need to analyze donation trends or integrate donor data into CRM systems. Keeping an organized record helps with reporting and future outreach efforts.

Export Donation Data to CSV for Easy Record-Keeping

With the Fundraising Form, you have the option to enable multiple submissions, allowing donors to contribute more than once. This is useful for ongoing campaigns where donors may want to make additional contributions over time. Providing flexibility encourages continued support for your cause.

Allow Multiple Donations from a Single Donor

Stay updated with every contribution by enabling automated email notifications on your Donation Form. You can receive alerts for each new donation and even send confirmation emails to donors as a receipt. This feature ensures timely communication and acknowledgment of contributions.

Receive Instant Notifications for New Donations

The Online Donation Form is designed for ease of use, requiring no technical knowledge to set up and customize. With an intuitive interface, you can adjust the form’s design, fields, and settings in just a few clicks. This accessibility ensures that anyone can create a professional donation form without any coding experience.

User-Friendly Donation Form with No Coding Required

The Donation Form comes with various pre-designed skins, allowing you to instantly apply a polished look without extensive customization. Whether your website has a modern, classic, or minimalist design, there’s a skin that fits your brand. This feature helps you set up a visually appealing form in no time.

Choose from Multiple Pre-Designed Skins for Quick Setup

With complete customization options, the Fundraising Form allows you to modify colors, fonts, spacing, and layout. Adjust the design to align with your brand’s identity and website aesthetics. This flexibility ensures that your donation form integrates seamlessly with your site.

Fully Customizable Design to Match Your Brand

The Online Donation Form is fully responsive, ensuring a smooth donation experience across all devices. Whether accessed on a smartphone, tablet, or desktop, the form adjusts perfectly to the screen size. Mobile optimization is crucial for capturing donations from users on the go.

Mobile-Optimized Donation Form for Any Device

For those with design expertise, the Donation Form supports custom CSS, allowing for deeper styling modifications. This feature is perfect for developers and designers looking to create a unique donation experience. With full control over the form’s appearance, you can make it truly stand out.

Advanced Customization with CSS for Unique Styling

Embedding the Fundraising Form on your website is simple—just copy and paste a single line of code. The form updates automatically with any changes made in the editor, ensuring a hassle-free experience. This effortless integration allows you to focus on fundraising while the form takes care of itself.

Easy Integration: Embed the Donation Form with One Click

A smooth and user-friendly Online Donation Form makes it easier for supporters to contribute. By reducing friction in the donation process, you can encourage more visitors to complete their contributions. This helps maximize fundraising efforts and increase financial support for your cause.

Increase Donations with a Seamless Online Donation Form

A well-designed Fundraising Form gives donors confidence in your organization. With secure payment options and a visually appealing layout, your website will appear more credible and trustworthy. This encourages more people to donate, knowing their contributions are in safe hands.

Enhance Donor Trust with a Professional Fundraising Form

Many donors prefer to give via their smartphones, and a fully responsive Donation Form ensures a seamless experience on any device. Whether on a desktop, tablet, or phone, supporters can easily make contributions without technical issues. This accessibility increases overall donation potential.

Expand Your Reach with a Mobile-Friendly Donation Form

Donation Form

Forms

New!

The Personality Quiz widget creates interactive quizzes with custom results, flexible design, and easy embedding.

The Personality Quiz widget generates tailored results based on users’ answers, categorizing them into specific personality types. This feature allows you to define unique result profiles that reflect different traits, ensuring each participant receives feedback that aligns with their responses. By offering personalized insights, the quiz creates a more engaging and meaningful experience for users.

Customized Personality-Based Results

The Personality Quiz widget supports both text and image-based answer choices, giving you the flexibility to design engaging and visually appealing quizzes. This versatility allows you to create a more immersive experience, making the quiz both informative and interactive. Whether you want to use images to illustrate personality traits or stick to text-based responses, this feature adapts to your needs.

Flexible Answer Format Options

The Personality Quiz widget allows you to personalize the quiz header, including the title, description, and header image. This customization helps set the right tone and context, making the quiz more engaging and visually appealing. Aligning these elements with your brand or theme ensures a cohesive and professional presentation.

Customizable Quiz Introduction

The Personality Quiz widget offers two question types: multiple-choice selection and open-ended text responses. This flexibility allows you to create quizzes that range from structured personality categorizations to more in-depth, reflective answers. By incorporating different question formats, you can craft a more engaging and personalized experience for users.

Diverse Question Formats for Interactive Quizzes

Choose from a variety of visually appealing design skins to match your brand and website style. The Personality Quiz widget offers effortless customization, allowing you to create a polished and professional look without extensive design work. This ensures your quiz blends seamlessly with your site's aesthetics while maintaining an engaging experience.

Multiple Personality Quiz Design Skins

The Personality Quiz widget includes an integrated lead capture form, enabling you to collect user information as they engage with the quiz. This feature helps build a valuable database of potential leads, turning engagement into a strategic marketing tool. By gathering emails and other details, you can nurture participants into future customers and grow your business.

Turn Quiz Participation into Lead Generation

Incorporate images into your Personality Quiz to create a visually engaging and intuitive experience. Adding images alongside questions or answer choices makes the quiz more dynamic, appealing to different learning and engagement styles. This feature improves question clarity and increases user interaction, making the quiz more enjoyable.

Enhance Personality Quizzes with Images

The Personality Quiz widget is designed for easy use, requiring no coding skills for setup and customization. Its intuitive dashboard allows you to create and personalize quizzes with just a few clicks. Whether you're a beginner or an experienced user, this hassle-free configuration makes it simple to add interactive quizzes to your site.

Effortless Personality Quiz Setup

The Personality Quiz widget offers extensive customization options, allowing you to tailor its appearance to match your website perfectly. Modify colors, fonts, and layout to create a cohesive and branded experience. This flexibility ensures that your quiz not only engages users but also aligns seamlessly with your site's design.

Fully Customizable Personality Quiz Widget

Designed to be fully responsive, the Personality Quiz widget adapts flawlessly to any screen size. Whether users access your quiz from a desktop, tablet, or smartphone, they will enjoy a consistent and engaging experience. This ensures accessibility and usability, keeping participants engaged no matter how they interact with your site.

Seamless Responsiveness Across Devices

For those who want complete creative control, the Personality Quiz widget supports custom CSS. This feature is perfect for developers and designers looking to fine-tune the quiz’s appearance and functionality. By applying custom styling, you can ensure the quiz integrates seamlessly with your website's unique design.

Advanced Customization with Custom CSS

Embedding the Personality Quiz widget on your website is simple and requires just a single line of code. Once added, the widget automatically updates with any changes you make, ensuring your quiz stays current without extra effort. This hassle-free setup allows you to focus on engagement while the quiz seamlessly integrates with your site.

Effortless Personality Quiz Integration

Integrating a Personality Quiz into your website captivates visitors by offering interactive and personalized content. This engagement encourages users to spend more time on your site, exploring their unique traits, which can lead to higher retention rates and increased interaction with other site features.

Increase User Engagement with Personality Quiz

Well-crafted Personality Quizzes have a natural tendency to go viral, as users enjoy discovering and sharing insights about themselves. This virality can significantly increase your website's traffic and brand exposure, contributing to overall business growth.

Boost Content Virality with Engaging Quizzes

Incorporating lead capture forms within the Personality Quiz allows you to collect user information seamlessly. This strategy builds a database of potential leads who have already interacted with your content, facilitating more effective follow-up marketing efforts.

Enhance Lead Generation Efforts

Personality Quiz

User Engagement

Create interactive content sliders to showcase images, text, and buttons with customizable options.

The Card Slider widget includes hover effects that bring an extra layer of interactivity to your content. These effects make your images and cards come to life when users hover over them, creating a more engaging and enjoyable browsing experience. The subtle animations draw attention to your content, encouraging users to interact with the slider and explore your website further.

Hover Effects for Enhanced Interactivity

The Card Slider widget provides full control over the slider's speed and the number of loops. You can fine-tune the rotation speed of the cards to match the pace that best suits your content and audience. Additionally, you can decide how many times the slider should loop, whether you want it to run continuously or stop after a set number of cycles. This level of customization allows you to create a viewing experience that is both engaging and comfortable for your users.

Adjustable Slider Speed and Loops

The Card Slider widget allows you to easily add buttons to each card, providing clear and actionable calls to action. Whether you want visitors to learn more, make a purchase, or sign up for a service, these buttons make it simple to guide users toward the next step. Fully customizable in terms of text, color, and style, the buttons can be tailored to align perfectly with your website’s branding and objectives, enhancing both functionality and user engagement.

Add Buttons to Each Card

The Card Slider widget offers a selection of beautifully crafted design skins, enabling you to match the slider with your website’s branding effortlessly. These pre-designed skins reduce the time and effort needed to customize the slider, providing a polished look that enhances your site's overall appearance.

Select from Multiple Card Slider Design Skins

The Card Slider widget is fully customizable, allowing you to modify its design to suit your specific requirements. You can adjust colors, fonts, spacing, and other elements to create a slider that not only looks great but also aligns perfectly with your website’s branding and style.

Fully Customizable Card Slider Widget

The Card Slider widget is designed to be fully responsive, ensuring it displays beautifully on any device. Whether your visitors are using a desktop, tablet, or smartphone, the slider adapts to provide a seamless and consistent user experience across all screen sizes.

Perfectly Responsive Card Slider

The Card Slider widget is user-friendly, requiring no coding expertise for customization. Its intuitive interface allows you to easily adjust settings and design elements with just a few clicks, making it accessible for users of all technical levels.

Easy To Use Card Slider Widget

For those looking to add a personal touch, the Card Slider widget supports custom CSS. This feature allows developers and designers to apply unique styles and functionality, ensuring the slider perfectly matches your site’s design vision and interaction needs.

Custom CSS for Enhanced Creativity

Embedding the Card Slider widget on your website is straightforward, requiring just a single line of code. Once integrated, the widget updates automatically with any changes you make, ensuring your site always displays the most current version of the slider without extra effort,

Effortless Embedding of the Card Slider on Any Website

With the Card Slider, you can showcase multiple pieces of content in a compact space, improving your website's layout. This not only helps in organizing your content effectively but also ensures that important messages or promotions are prominently displayed without overwhelming the visitor.

Enhance Content Organization

Use the Card Slider to feature your most important products or services prominently on your homepage or landing pages. This focused presentation can increase visibility and drive more traffic to your high-priority offerings, ultimately leading to higher sales or engagement.

Highlight Key Products or Services

By strategically placing call-to-action buttons on each card within the Card Slider, you can drive visitors to take desired actions, such as signing up, purchasing, or exploring more content. This targeted approach can significantly boost conversion rates and help you achieve your business goals.

Increase Conversion Rates

Card Slider

Lists & Cards

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.

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.

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

Details at a Glance

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

Direct Links

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

Collapsable Details

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

Popup Display

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

Multiple Agenda Layouts

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

Stylish Agenda Skins

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

Fully Customizable Agenda

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

Fits Every Screen

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

Simple Setup, Smooth Scheduling:

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

Style It Your Way with Custom CSS

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

Easy To Embed

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

Increase Attendance

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

Save Time

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

Enhance Professionalism

Agenda

Showcase the company's various office locations in a stylized and adjustable list format

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


Simple. Informative. Elegant.

Style 2

With a few tweaks, it’s easy to compress a lot of information into the cards while also keeping a certain visual style. 


GTmetrix Pro - Speed optimization

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

Image Hover Effects

Donation Form

Personality Quiz

Card Slider

Before & After Slider

Agenda

Company Branch List

Instagram Slider

Size Chart

Video Carousel

Team Members Blobs

All In One Chat

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

GTmetrix Pro - Speed optimization

PrestaShop module

App Details

Pricing

Check Out the Image Hover Effects Widget

App Info

Some of the best Common Ninja modules for PrestaShop

Image Hover Effects

Donation Form

Personality Quiz

Card Slider

Before & After Slider

Agenda

Company Branch List

Instagram Slider

Size Chart

Video Carousel

Team Members Blobs

All In One Chat

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine