<p>- When hashing URL&apos;s ID, check if already exists resource with this alias</p>

Jan Peca 1.0.1-pl (41 KB)Other VersionsNeed help installing this extra?

UrlShortener

Present a carousel display featuring images and text cards

Example 1

Example 2

Example 3

Example 4

Example 5

The Card Carousel widget comes with the option to change the carousel’s card sizes — from small, to large, vertical, or horizontal, you make the widget fit your specific needs. 


Card Size

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

Arrows & Pagination 

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


Slider Speed & Time Per Slide

The Card Carousel widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style.
In addition to its visually appealing design, the Card Carousel widget offers versatility in its layout options. You can select from multiple layouts to ensure that it complements your website's overall look and feel. The ability to customize the layout makes it easy to create a seamless and cohesive experience for your visitors.

Multiple Card Carousel Layouts

The Card Carousel widget comes with various pre-made skins you can choose from to speed up your work.
To save you time and effort, the Card Carousel widget also comes with various pre-made skins for you to choose from. These skins are designed to provide a quick and easy way to customize the look and feel of the Card Carousel widget to match your brand and style. The pre-made skins make it simple to achieve the desired aesthetic without starting from scratch.

Card Carousel widget Multiple Skins

The Card Carousel widget features full customization options to edit the design to fit your needs. Change the colors, the fonts, the spacing, and anything else! You can choose from many premade skins to kick-start your design process. This feature saves you time and effort by providing a variety of ready-made skins that you can use as a starting point for your design. The premade skins have been carefully crafted to suit different website styles and themes, and you can easily customize them to match your brand's colors, fonts, and overall aesthetic. This way, you don't have to start from scratch when designing your Customizable Card Carousel widget; you can pick a skin closest to your desired design and make minor adjustments to make it perfect for your website. Furthermore, having a variety of premade skins also means that you have a more comprehensive range of options to choose from, ensuring that you'll find one perfect for your website.

Fully Customizable Card Carousel Widget

The Card  Carousel widget is fully responsive and will look great on any device. This feature will put you ahead of your competitors in a mobile-first world. With more and more people accessing the internet through their smartphones and tablets, your website must be optimized for mobile devices.

Perfectly Responsive Card Carousel

The Card Carousel 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 Widget

As with all of Common Ninja's widgets, the Card Carousel widget also provides the option to add custom CSS, which allows you to take your customization to the next level and be even more creative. Custom CSS will enable you to create custom styles and design elements that are unavailable through built-in customization options.

Custom CSS

Embedding the Card Carousel widget on your website is easy, simply copy a single line of code, and paste it into the HTML of your webpage. This allows you to quickly and easily add the widget to your website without any complicated setup or installation process. Once the widget is embedded, it will automatically update with every change you make, so you don't have to worry about manually updating the Quotes widget every time you change. This feature can save you a lot of time and effort and ensure that your Card Carousel is always up-to-date and accurate.

Easy To Embed Card Carousel

With the Card Carousel widget, you can enhance your website’s design by selecting beautiful cards, and with the ability to change their sizes, and the slider’s options, you will be able to create a Card Carousel that is perfect for your website.

Enhance Design with Card Carousel

A major benefit of the Card Carousel is that it doesn’t take up much space. Unlike card galleries that take up a lot of space, the Card Carousel can show as many cards as you want, from within a fixed position, and in an interactive manner. Additionally, you can create different carousels for different categories, and avoid building additional pages for different categories. 

Save Space

The Card Carousel widget is a perfect way to grab visitors' attention and encourage them to interact with your website.
With its eye-catching design and intuitive navigation, the Card Carousel widget allows you to showcase multiple pieces of content in an engaging and compact format. Whether you want to highlight products, services, or other important information, the Card Carousel is a great way to grab visitors' attention and encourage them to engage with your website. 

Use Card Carousel Increased Engagement

Use the Card Carousel widget when you need to present several related items that each combine an image, title, text, and button. It behaves like a sliding strip of mini landing cards, perfect for services, features, blog highlights, or product categories. Visitors can scan through options horizontally, which is comfortable on mobile and desktop, and click directly into deeper pages from each card. This structure keeps content organized and avoids overwhelming users with long vertical lists. It is especially helpful on homepages or overview pages where you want to introduce multiple paths and let visitors choose the one that matches their interests, without clutter or confusion.

Card Carousel

Get Creative

Lists & Cards

Displays varying prices based on selected item quantities.

With the Pricing Slider, you can effortlessly input specific details tailored to your offerings. Easily define the item names, set the cost per unit, and select the appropriate currency, ensuring the widget aligns with your business's exact requirements.

Adjustable Pricing Information

The Pricing Slider allows for a straightforward discounting approach. Simply input a fixed percentage off, and designate the minimum quantity required for the discount to activate. This ensures customers are rewarded when purchasing in larger quantities.

Use Linear Discount

Diversify your discounting strategy with the Pricing Slider. You can establish multiple discount tiers, assigning specific percentages to particular quantity ranges. This provides flexibility in incentivizing bulk purchases and can cater to varied purchasing behaviors.

Set Intervals Discount

The Pricing Slider goes beyond mere numbers; it offers a narrative. Utilize variables to generate a description that adjusts in real-time based on the slider's position. As users modify the quantity, the description seamlessly updates, providing them with a comprehensive understanding of the price, discount, and items involved. This enhances clarity and ensures users are always informed of their selections.

Dynamic Contextual Descriptions

The Pricing Slider enhances user clarity with a tooltip that appears above the slider, detailing the precise item count. Integrate a prefix or suffix to this tooltip, providing context and clarity to the displayed number, ensuring users always grasp the quantity's significance.

Interactive Slider Tooltip

Explore the array of skins with the Pricing Slider Widget. A variety of styles are at your fingertips, allowing swift customization. Seamlessly align the Pricing Slider's aesthetic with your website for a harmonious look and feel.

Elegant Skins Selection

Dive deep into customization with the Pricing Slider Widget. Whether it's adjusting color tones, fonts, or spacing, the widget is crafted to blend with your site. Ensure the Pricing Slider perfectly mirrors your website's ambiance.

Full Customization

The Pricing Slider Widget is crafted for today's diverse device landscape. It adapts gracefully from desktop to mobile, promising a stellar viewing experience. With the Pricing Slider, your site remains modern and user-centric across all devices.

Optimal Responsive Design

The Pricing Slider Widget prioritizes ease of use. No coding knowledge? No problem. Its intuitive drag-and-drop feature ensures any user can customize the Pricing Slider effortlessly.

Easy to use

The Pricing Slider Widget supports custom CSS, enhancing its adaptability. Harness this feature to further mold its appearance. Let your creativity flow and make the Pricing Slider uniquely yours.

Enhanced with Custom CSS

Integrating the Pricing Slider Widget into your website is straightforward. Simply use the provided code for swift incorporation. As you tweak the Pricing Slider, your website will automatically reflect those changes, ensuring visitors always see the most updated version.

Easy To Embed

The Pricing Slider offers a straightforward view of various price points. This clarity helps website visitors understand cost structures quickly. Making informed choices becomes easier with a clear presentation of prices.

Clear Price Visualization

Interactive widgets like the Pricing Slider can engage users more effectively. By offering a hands-on pricing tool, visitors are likely to spend more time exploring your offerings.

Enhanced Site Interaction

Interactivity can impact decision-making. The Pricing Slider's simple design can lead visitors to make quicker purchase decisions. With such clarity, enhancing your website's conversion rate becomes more feasible.

Improved Conversion Potential

Use the Pricing Slider widget when your price changes based on quantity, usage, or tiers and you want visitors to experiment with options interactively. A slider lets users move through ranges and immediately see updated costs, which is more intuitive than static tables for some models. This is ideal for volume based SaaS, bulk orders, credits, or metered services. Visitors can discover the price that fits their situation without guessing or contacting sales. The interaction itself also teaches them how your model works. Clear, responsive pricing builds trust and supports more confident purchase decisions before they ever speak with your team.

Pricing Slider

Boost Sales

Website Components

Add a customizable, responsive Google-powered search bar to enhance website navigation and usability.

The Website Search Widget includes a floating button, ensuring the search function is always accessible without disrupting the user’s browsing experience. Positioned strategically on your site, the button allows visitors to initiate a search from any page, streamlining navigation. This design element enhances usability and keeps your website clean and uncluttered.

Convenient Access with the Floating Button

The Search Bar Widget is designed for seamless integration, allowing you to embed it on your website with minimal effort. With just a single line of code, you can activate the search functionality powered by Google’s robust search engine. This streamlined process ensures compatibility with any website builder or platform, saving time and making it accessible to all users, regardless of technical expertise.

Effortless Setup and Integration

The Search Widget ensures users receive accurate and contextually relevant search results tailored to your website’s content. Powered by Google’s sophisticated algorithms, the widget provides fast and precise responses, helping visitors find what they need effortlessly. This capability enhances user satisfaction and keeps them engaged with your site longer.

Deliver Precise and Relevant Results

The Website Search Widget offers three distinct search bar layouts—box, line, and box with an external button—allowing you to choose a design that complements your website's style. Each layout is crafted for usability and aesthetics, ensuring a seamless fit within your site's visual theme. This flexibility ensures your search bar looks professional while enhancing the overall user experience.

Customize Your Search Bar Design

The Search Bar Widget provides multiple layout options for displaying search results, including inline, popup, and other configurations. Whether you prefer results to appear seamlessly within the page or in a dedicated popup window, you have full control over how they are presented. This flexibility ensures the search experience aligns perfectly with your website’s design and functionality.

Flexible Layouts for Displaying Search Results

The Google Search Widget allows you to customize the search icon to align with your website’s branding. Choose from various styles, colors, and sizes to create a cohesive look that complements your site’s design. This level of personalization ensures the search feature integrates seamlessly with your visual identity while maintaining a professional appearance.

Personalize the Search Icon to Match Your Brand

With a range of design skins, the Search Widget enables you to pick a look that matches your website’s branding. These ready-made skins reduce the need for customization while delivering a polished and professional appearance. Whether your site features a minimalist or bold design, there’s a skin to suit your needs.

Select from Multiple Google Search Widget Design Skins

The Website Search Widget provides robust customization options, including adjustable colors, fonts, spacing, and more. This ensures you can tailor the widget to meet your specific requirements and maintain a consistent brand aesthetic. The customization flexibility helps you create a search feature that is both functional and visually cohesive.

Fully Customizable Website Search Widget

Designed to be fully responsive, the Search Widget adapts flawlessly to all devices, including desktops, tablets, and smartphones. This ensures your visitors enjoy a seamless search experience no matter how they access your site, improving usability and engagement across all platforms.

Perfectly Responsive Search Widget

The Website Search Widget is user-friendly and doesn’t require any coding knowledge. Its intuitive interface allows for simple setup and customization, making it accessible for all website owners. With just a few clicks, you can integrate a professional search tool into your site.

Easy-to-Use Website Search Widget

For advanced users, the Search Widget supports custom CSS, enabling unique styling and deeper customization. This feature is perfect for developers or designers who want to fully align the widget with their creative vision and functional requirements.

Custom CSS for Enhanced Creativity

Embedding the Search Widget on your website is quick and straightforward, requiring just a single line of code. Once integrated, updates to the widget are applied automatically, saving time and effort while ensuring your website always features the latest version.

 Effortless Embedding of the Search Widget

By offering a search bar tailored to your site’s content, you allow visitors to discover relevant pages, products, or blog posts effortlessly. This improved accessibility encourages deeper interaction with your site, helping users stay longer and explore more.

Improve User Engagement Through a Tailored Search Bar

When users find what they’re searching for quickly, they’re more likely to take action—whether it’s making a purchase, signing up, or reading more articles. A well-integrated search feature simplifies the user journey, leading to higher conversions and better results for your business.

Boost Conversions with a Website Search Widget

The widget leverages Google’s powerful search engine, ensuring fast and accurate results. This means your visitors can trust the results they receive, and you can rest assured your site offers the best search experience possible, matching their expectations.

Seamless Integration with Google Search Capabilities

Use the Website Search widget when your site has enough content that visitors need a fast way to find what they want. A Google powered search bar delivers familiar, accurate results and removes frustration from browsing menus or scrolling. This is essential for content heavy sites, documentation, ecommerce catalogs, and platforms with many pages. Visitors can type a few words and jump directly to relevant sections, which improves experience and reduces bounce. Better search also increases discovery of deeper pages that might otherwise stay hidden, supporting more time on site and higher conversions. When users trust they can find answers quickly, they explore more confidently and are more likely to complete actions like signup, purchase, or contact.

UrlShortener

MODX extra

App Details

Pricing

App Info

Some of the best Common Ninja extras for MODX

Card Carousel

Pricing Slider

Website Search

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine

UrlShortener

MODX extra

App Details

Pricing

Check Out the Card Carousel Widget

App Info

Some of the best Common Ninja extras for MODX

Card Carousel

Pricing Slider

Website Search

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine