<p class="headings headings-small secondary-font font-weight-bold desc-block-title">Overview</p> <div class="primary-text regular-text text"><div>Allow your customers to download beautiful looking PDF Quotations of their shopping carts with one simple click or email or save a quote for a later purchase.</div></div> <p class="headings headings-small secondary-font font-weight-bold desc-block-title">Gallery</p>

Community developer

Cart Quotation Wizard

Add interactive areas on images that reveal extra information when clicked or hovered over.

Example 1

Example 2

Example 3

Example 4

Example 5

You can make your Image Hotspot clickable and link it to any URL. By making your image hotspot clickable and linking it to a specific URL, you can improve the user experience and increase conversions on your website. 

Linkable & Clickable

The Image Hotspot widget is a versatile and useful tool that can enhance any design project. With a total of 10 beautifully crafted icons to choose from, you have the flexibility to tailor your design to fit your specific vision. These icons can be easily applied to any design direction, making it easy to incorporate them into your work. Whether you are creating a website, marketing materials, or any other type of design project, the Image Hotspot widget has something for everyone. Its sleek and modern appearance is sure to elevate your design and add a touch of sophistication.

Awesome Icon Options

By animating your hotspot with a gentle motion, you can effectively draw your audience's attention toward it. This way you can make the hotspot more visible and engaging for your viewers, leading to increased interaction and engagement with your content.

Animation

By including a video within your hotspot's tooltip, you can add an extra layer of information and interactive elements to your content. This can be particularly useful if you are trying to convey complex ideas or concepts, as a video's visual element can help clarify and illustrate your points in a way that text alone may not be able to do. Additionally, including a video can help break up text-heavy content and provide a more engaging experience for your viewers. With the ability to add videos to your hotspots, you can enhance the user experience and increase engagement with your content.

Embed Video

There is the option to customize and alter the appearance of the hotspot tooltips. This allows you to tailor the style to fit the aesthetic of your website and create a more cohesive and visually pleasing experience for your users.

Tooltip

With the Image Hotspot widget, you have complete control over the look and feel of your design. You can easily customize various elements such as the colors, fonts, and spacing to match your brand or personal style. Whether you want to create a sleek, modern design or a more traditional look, the Image Hotspot widget has you covered. With its wide range of customization options, you can easily tweak and adjust every aspect of your design to get the perfect look for your project.

Fully Customizable

The Image Hotspot 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 Image Hotspot widget will allow you to do just that, giving you an edge over competitors.

Perfectly Responsive

The Image Hotspot 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 Image Hotspot 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 Hotspot widget on your website, simply copy and paste the provided code snippet into the HTML of your webpage. The widget will seamlessly integrate into your website, allowing you to highlight specific areas of an image with interactive hotspots easily. Additionally, the widget is designed to be self-updating, meaning that any changes you make to the hotspots will be reflected automatically on your website without the need for any additional manual updates.

Easy To Embed

The Image Hotspot widget allows you to add interactive elements to your website and make static images more engaging for your visitors. Users can access additional information, images, or even links to other pages by clicking on designated hotspots within the image. This can make your website more interactive and encourage visitors to explore your site more.

Add Interactivity Using Image Hotspot

The Image Hotspot widget is valuable for adding additional information to an image without covering it up. By creating hotspots on the image, you can add text, links, or other multimedia elements to provide context or additional details about the image. This is especially helpful for displaying maps, diagrams, or product images where you want to highlight specific areas or features.

Add Text Without Obstructing the Image

The Image Hotspot widget is a valuable tool for any e-commerce store looking to showcase their products in a visually appealing and organized manner. By using this widget, you can display multiple items in one place and attach relevant information, such as prices and descriptions, directly to the images.

Implement Visual Storytelling

Image Hotspot

Website Components

Images & Galleries

Showcasing Multiple Locations

The Google Maps widget can provide a handy list of all your locations. This means your visitors can quickly see all the places you operate from, and select the one they're interested in, offering an easy and fast way to access information about each location.

Accessible Location List

With the Google Maps widget, each location can be so much more than just a pin on a map. You can enhance each spot with a descriptive card that includes an image and some text, allowing your visitors to get a better sense of what each location offers before they even set foot in the door.

Enriched Location Display

With Google Maps widget, you're not just sharing a location, but offering valuable information. For each location, you can display working hours, provide a link to a dedicated website, and even share a contact phone number. This ensures your visitors have all they need to reach out or plan a visit.

Providing Comprehensive Information

The Google Maps widget lets you add a touch of personalization to your website. You can choose from a variety of beautiful map skins, ensuring the map not only provides essential information but also aligns perfectly with your site's aesthetic and branding.

Multiple Map Skins

The Google Maps widget allows you to break away from the standard pin style. You can choose from a variety of pin styles to mark your locations, adding an extra layer of customization and visual appeal to your map. This can help your site stand out and make the



Diverse Pin Styles

The Google Maps widget includes a handy direction button feature. With just a click, your visitors can open up directions from their current location to any of the spots on your map. This makes planning a visit or journey to your locations as easy as a simple click.

One-Click Directions

The Google Maps widget is fully customizable, allowing you to tweak its design to match your website's style. You can easily adjust elements like colors, fonts, and spacing to create a widget that fits seamlessly with your site. The real-time preview feature lets you experiment and refine until you land on the perfect design that enhances your users' experience.

The Google Maps widget is designed for optimal performance across all devices. Its responsive design ensures it works flawlessly on desktops, laptops, tablets, and smartphones. This adaptability provides a consistent and intuitive user experience, crucial in the mobile-centric world, giving your website a competitive edge.

Perfectly Responsive Google Maps

The Google Maps widget is designed for simplicity, requiring no coding skills. Its user-friendly dashboard, coupled with easy drag-and-drop features, lets you tailor the widget to your preference in a matter of clicks.

Easy to use

With the Google Maps widget, you can dive deeper into customization using your own CSS. Whether you're a seasoned developer or a creative enthusiast, this feature allows you to modify aspects like size, shape, and position, or even invent new styles. This flexibility ensures the widget seamlessly aligns with your website's aesthetic, elevating your visitors' experience.

Use Custom CSS

Effortlessly incorporate the Google Maps widget into your website with just a single line of code. Each change you make to the widget will automatically reflect on your website. Simply copy the provided code for the Google Maps widget and insert it into your website's HTML code. You can position this code in the most suitable area of your website, whether that's the footer, header, or any other section.

Easy to embed on any website

With a maps widget, your visitors can quickly and effortlessly find your physical location. No need to leave your site to search for an address, it's all right there, simplifying their user journey.

Ease of Location Discovery

Having a maps widget on your site shows you have nothing to hide. It's a sign of trustworthiness and transparency, assuring your visitors that you're a real entity with a physical presence.

Increased Trust and Transparency

Implementing a maps widget can contribute to local SEO. As search engines understand your site's relevance to a location, you can potentially rank higher in local search results, attracting more visitors.

Boosted SEO Value

Google Maps

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

Team Members Blobs

Display the latest posts from your YouTube channel

Example

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!

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.

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 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

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.

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.

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

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. 

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.

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

Customizable widget to manage and display your online course catalog effectively.

The Course Listings widget comes with predefined fields for key details such as course name, description, start date, and price. This setup ensures that all essential information is neatly presented for potential students.

Dedicated Course Information Fields

Tailor your course listings with flexible custom fields. Add extra information like prerequisites, course format, or certification details to meet your institution’s specific needs.

Adaptable Custom Fields

Every course listing features a Full Details Card, offering a comprehensive overview of the course content, prerequisites, and instructor information. Students gain valuable insights to determine their suitability for the course and interest in enrolling.

Detailed Curse Information

Enhance your course listings with interactive visual elements. Incorporate images, videos, and other multimedia to create an engaging and informative experience for prospective students.

Interactive Visual Elements

Adapt the presentation of courses with customizable display options. Choose which fields appear in the preview lists and detailed course cards to provide potential students with essential information at a glance and in-depth insights when needed.

Versatile Courses Display

Offer advanced search capabilities and filters to users. Allow students to find courses by category, level, duration, and more, making it easy for them to find the right course.

Advanced Search and Filter Options

Provide customizable sorting options for users. Let students sort courses by name, date, popularity, and other criteria, making navigation intuitive and user-friendly.

Personalized Sorting Features

The widget provides a variety of beautiful skins, enabling you to align the design with your brand and website aesthetics. This reduces customization time and ensures a cohesive and attractive interface.

Select from Multiple Course Listings Design Skins

Enjoy extensive customization capabilities with the Course Listings widget. Modify colors, fonts, spacing, and other elements to create a widget tailored to your website’s look and functionality.

Fully Customizable Course Listings Widget

The Business Listings widget is user-friendly and requires no coding expertise for customization. Its intuitive dashboard makes it simple to integrate and modify, making it accessible for all users.



Easy-To-Use Business Listings Widget

The Course Listings widget is fully responsive, ensuring an elegant display on any device. This feature is crucial for providing a consistent user experience across desktops, tablets, and smartphones.

Perfectly Responsive Course Listings

Add custom CSS to the Course Listings widget for deeper customization. This feature is ideal for developers and designers who want to apply a unique touch, allowing for fine-tuned adjustments to match your website’s style.

Custom CSS for Enhanced Creativity

Embedding the Course Listings widget is straightforward, requiring just a single line of code. This ease of integration ensures that users of all technical levels can set it up quickly, with automatic updates reflecting every change made.

Cart Quotation Wizard

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

Image Hotspot

Google Maps

Team Members Blobs

YouTube Feed

Tumblr Feed

Course Listings

Job Application Form

Yelp Reviews

Diagrams

Engagement Toolbox

Corner Pop-up Builder

Social Proof

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Cart Quotation Wizard

PrestaShop module

App Details

Pricing

Check Out the Image Hotspot Widget

App Info

Some of the best Common Ninja modules for PrestaShop

Image Hotspot

Google Maps

Team Members Blobs

YouTube Feed

Tumblr Feed

Course Listings

Job Application Form

Yelp Reviews

Diagrams

Engagement Toolbox

Corner Pop-up Builder

Social Proof

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine