Elfsight  1.0.0-pl (34 KB)Other VersionsNeed help installing this extra?

Instagram Testimonials

A designed stylish button with text and an icon that usually used for marketing and promotion purposes

Example 1

Example 2

Example 3

The widget comes available with a variety of button animations that you can choose from to customize how your button will look. You may provide your audience with an immersive and engaging experience by using the animation elements of the Marketing Button. 

Different Animations

The Marketing Button widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style. You can choose the layout that best fits your marketing objectives and target audience preferences because each one has been meticulously designed to achieve maximum visibility and engagement. You can quickly explore and test which style works best for your website with the ability to flip between layouts.

Multiple Marketing Button Layouts

The Marketing Button widget comes with a selection of beautiful skins that you can use to add to it and enrich its visual appearance. The widget offers skins that you can use to alter the button's style to fit the identity of your website. By using these options, you can quickly and easily construct a marketing button that matches the general style of your website and has a professional appearance without having to spend hours designing it from scratch.

Marketing Button Multiple Skins

You can set the Marketing Button to display on your webpage or position it as a floating button at one of the page corners. With a well-placed Marketing Button, you can easily grab the attention of visitors and guide them toward taking desired actions, such as signing up for a newsletter or making a purchase.

Floating Button

You can fully customize the Marketing Button so that it meets your demands by changing the design. Customize anything you want, including the fonts, spacing, and colors! In order to create a unified and polished appearance, you may also select from a variety of font choices and modify the font's size, style, and color. You can alter the spacing in addition to these style choices to make sure it blends in with the rest of your website's design.

Fully Customizable

Each website can benefit from the Marketing Button. 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. The Marketing Button will allow you to do just that, providing you an edge over the competition.

Perfectly Responsive

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

Easy To Use

You have total control over how the Marketing Button appears thanks to our robust advanced editor. This feature makes it simple to change the widget's appearance in every way, from the layout and positioning to the colors and fonts. Yet, if you're feeling extremely inventive, you can enhance your customization by making changes straight to the CSS. This enables you to customize the widget even more by making more sophisticated changes. Our powerful editor will help you whether you want to make a few minor adjustments or go all out with complex changes.

Custom CSS

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

Easy To Embed 

With a well-designed marketing button that stands out, you can encourage users to take action and increase conversions on your website, as users will be more inclined to engage with your content. In addition to drawing users' attention, a good marketing button conveys a captivating message that persuades them to click and complete the intended action, such as downloading a resource, subscribing to a newsletter, or buying something.

Increase Conversions with the Marketing Button

The widget enables you to place a marketing button in a prominent location on your website, which can improve the user experience by making it easy for users to find it and click on it. The widget further improves user experience by providing an easy-to-use design that makes it simple for consumers to engage with the marketing button and complete the desired activity.

Improve User Experience

With the Marketing Button, you can improve the navigation on your website, and make it easier for your users to reach the desired page quicker. Strategically positioned marketing buttons on your website can direct visitors to particular pages or actions, making it simpler for them to locate what they're looking for and raising the likelihood of a successful transaction.

Use a Marketing Button to Enhance Navigation

Marketing Button

Popups, Bars & Buttons

Boost Sales

Progress Bar

The Stories widget features multiple layouts for you to choose from. The right layout will help you send the right message and will also complement your design.

Multiple Layouts

The Stories 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 Stories 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 Stories 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.

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

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

The Stories widget includes the option to choose the shape of its frame. You can choose from three options: circle, square, or card. This allows you to customize the stories' appearance to fit your website's aesthetic.

Story shape

The Stories widget offers full RTL (Right-To-Left) support, making it accessible to users who write from right to left. This feature expands the reach of your news and makes it more accessible to a broader range of users from around the globe.

Full RTL Support

Stories will enable you to create eye-catching content that will keep your users engaged, entertained and glued to their screens for long periods of time. If the time spent on your site is a KPI then this widget will do wonders to improve it.

Increase Time on Site

With the Stories widget, you can promote products & services in a creative, out-of-the-box way. Use clever combinations of text and images to focus the users’ attention on features and benefits you’d like to highlight.

Promote Products & Services

The Stories widget, as the name suggests, enables you to tell stories. Use it on your blog to create a captivating story with visual aids.

Tell Stories

Stories

Website Components

Effortlessly explore your Vimeo video collection using intuitive arrow buttons and dot indicators. These navigation tools make it simple for visitors to browse through your carousel, creating a seamless and engaging user experience.

Smooth Navigation with Arrows and Dots

The Vimeo Carousel Widget offers extensive design flexibility, letting you fine-tune its appearance to align with your website’s branding. Modify colors, fonts, spacing, and other elements to achieve a cohesive and unique look that enhances your site.

Fully Customizable Design for the Vimeo Carousel

Ensure your Vimeo carousel displays flawlessly on any screen size. The widget is optimized for responsiveness, providing a consistent and attractive viewing experience on desktops, tablets, and smartphones alike.

Responsive Vimeo Carousel for All Devices

Control the flow of your Vimeo Carousel by setting the slide speed and how long each video stays on screen. This feature lets you deliver a tailored viewing experience that matches your audience’s preferences and keeps them engaged.

Adjustable Carousel Speed and Display Timing

Keep your website dynamic with a Vimeo Carousel that refreshes automatically to showcase your newest videos. This ensures your site always displays the latest content, keeping visitors interested and encouraging repeat visits.

Auto-Updating Vimeo Content for Freshness

Make your carousel interactive by enabling clickable videos. Visitors can click on any video to view it directly, increasing engagement and helping them connect with your content on a deeper level.

Clickable Videos for Enhanced Engagement

Setting up and managing the Vimeo Carousel widget is straightforward, even for those with no coding experience. Its intuitive interface allows you to customize and embed the carousel with just a few simple steps.

Easy-to-Use Vimeo Carousel Widget

For those seeking even more flexibility, the Vimeo Carousel widget supports custom CSS. This feature is ideal for designers and developers looking to refine the carousel’s appearance and functionality to fit specific requirements.



Advanced Customization with CSS

Embedding the Vimeo Carousel widget is quick and easy, requiring just a single line of code. Once integrated, any updates you make will automatically reflect on your website, saving time and effort

Effortless Embedding on Any Website

The Vimeo Carousel widget helps you present your video content in a sleek, scrollable carousel format. This enhances your website’s aesthetic while keeping visitors engaged with visually appealing media.

Showcase Your Vimeo Content in Style

Using the Vimeo Carousel widget can significantly enhance your website’s visual impact, helping you showcase your brand’s creativity. By featuring high-quality Vimeo videos in a dynamic carousel, you leave a lasting impression on your visitors.

Elevate Your Brand’s Visual Presence

With the Vimeo Carousel, embedding and displaying your Vimeo videos is effortless. It allows you to create a smooth, professional display that aligns with your site's design and captivates your audience.

Seamlessly Integrate Vimeo Videos into Your Website

Display your Vimeo videos in a customizable, responsive, and easy-to-navigate carousel.

Vimeo Carousel

Social Feeds

New!

Display a feed of the latest posts from a Facebook user or page

Example 4

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

Facebook Feed Date & Time Display Settings

The Facebook 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 Facebook Feed widget — Tabs and Mixed. The Tabs type keeps all your tabs organized by order of feed, while the Mixed type, mixes the various Facebook feeds to create a diverse feed.

Different Feed Types

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

Customize Character Display Length

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

Facebook Feed Multiple Layouts

The Facebook 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.

Multiple Skins

The Facebook 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.

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

Fully Customizable 

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

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

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

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

Easy To Embed Facebook Feed

With the Facebook Feed widget, you can collect and group various Facebook feeds into one page for more accessible, and quicker access.

Group Facebook Feeds

By grouping all the Facebook feeds into one page, you’ll make accessing these feeds much easier for your readers, thereby improving their experience. 

The Facebook Feed widget is fully customizable, and you can use it to enhance your page’s design. You can additionally enhance the design by implementing the gentle “ticker” animation, which is sure to make your page more appealing.

Enhance Design

Facebook Feed

Embed interactive definitions, images, and search function on your site.

Example 5

Example 6

The Glossary widget excels in offering instant, on-page definitions for specialized terms. This core feature enhances user comprehension by providing immediate explanations, keeping visitors engaged without disrupting their browsing experience. It's an invaluable tool for sites with technical or niche content, effortlessly bridging the gap between expert terminology and reader understanding.

Direct Term Clarification with the Glossary Widget

The Glossary widget is equipped with right-to-left (RTL) text support, catering to languages that flow from right to left. This feature ensures that the widget is accessible and user-friendly for a diverse range of global audiences, enhancing the inclusivity and functionality of your website.

Right-to-Left Support in the Glossary Widget

The Glossary widget incorporates an alphabetical filter, allowing users to efficiently sort and view terms by selecting a specific letter. This feature streamlines the search process, making it easier for visitors to navigate and locate the exact term they're interested in within your glossary.

Alphabetical Filtering in the Glossary Widget

The Glossary widget includes a language selection option for its alphabetical filtering feature. You can choose the glossary language, ensuring the alphabetical sorting aligns with the linguistic characteristics of their selected language, enhancing usability and accessibility for a global audience.

Multilingual Alphabetical Filtering 

The Glossary widget offers a range of layouts to perfectly match your website's design. Choose the ideal layout that complements both the aesthetic and functional aspects of your site, ensuring your glossary not only informs but also visually integrates with your page.

Variety of Glossary Layouts

With a selection of elegant design skins, the Glossary widget adapts seamlessly to your brand style. Whether your website sports a modern or traditional look, you'll find a skin that enhances its visual appeal, simplifying the customization process.

Multiple Design Skins for the Glossary Widget

The Glossary widget provides extensive customization options. Adjust colors, fonts, and spacing to suit your site's unique style, creating a tailored look that aligns perfectly with your website's theme.

Fully Customizable Glossary Experience

Designed to be fully responsive, the Glossary widget ensures a consistent and elegant display across all devices. This adaptability is crucial for maintaining a professional appearance and user-friendly experience in today's mobile-centric world.

Responsive Design of the Glossary Widget

This widget is crafted for ease of use, requiring no coding skills for customization. Its intuitive interface allows for quick and effortless adjustments, making it suitable for anyone to integrate and personalize, regardless of technical expertise.

User-Friendly Glossary Integration

For those who desire deeper customization, the Glossary widget supports custom CSS. This feature caters to developers and designers looking to inject a unique flair, providing further control over both the appearance and functionality of the widget.

Custom CSS Options for the Glossary Widget

Embedding the Glossary widget on your website is straightforward, involving a simple code insertion. The widget updates automatically with every modification you make, keeping your website up-to-date effortlessly.

Effortless Embedding of the Glossary Widget

This widget plays a pivotal role in simplifying complex terminologies for your website visitors. By providing clear, concise definitions, it aids in enhancing user comprehension, ensuring that your content is accessible and understandable to a broader audience.

Enhanced User Understanding with the Glossary Widget

By systematically explaining industry-specific terms, the Glossary widget contributes to better Search Engine Optimization. It not only helps in ranking for niche keywords but also improves the overall readability and quality of your website's content.

Improved SEO with Terminology Guide

Offering a comprehensive Definition List on your website establishes you as a knowledgeable authority in your field. This trust-building tool can significantly enhance your brand’s credibility, encouraging repeat visits and stronger customer relationships.

Credibility and Authority Building Tool

Glossary

Glossary - Template 6

Glossary - Template 5

Glossary - Template 4

Glossary - Template 3

Glossary - Template 2

Glossary - Template 1

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

Pricing Slider

Seamlessly integrate social sharing buttons into your website to enhance content visibility.

The Social Share Buttons widget offers the flexibility of choosing between two distinct layouts: vertical and horizontal. This versatility ensures that the Social Share Buttons can seamlessly integrate into your website's design, whether you prefer a sidebar-like vertical arrangement or a more traditional horizontal alignment. Tailoring the layout to match your website's aesthetics enhances the overall user experience and maintains design coherence.

Customizable Layouts for Social Share Buttons

With the Social Share Buttons widget, you have the liberty to select from various button styles to complement your website's theme. Choose from full-color buttons for a vibrant and eye-catching look, transparent buttons for a more subtle and integrated appearance, or circular buttons for a sleek, modern feel. This range of style options allows for greater creative expression, ensuring the Social Share Buttons not only function effectively but also add to the visual appeal of your site.

Diverse Button Styles for Enhanced Aesthetics

The Website Share Buttons feature allows you to tailor the content of messages shared on social platforms. This customization ensures that the shared link reflects your brand's unique voice and message, making each share more impactful and aligned with your marketing strategy. Personalizing these messages can significantly enhance user engagement and the overall appeal of your content on social media.

Custom Message Personalization with Website Share Buttons

The Social Media Sharing Buttons support an impressive array of 48 social platforms, offering a wide range of options to suit diverse audience preferences. Whether targeting mainstream audiences on platforms like Facebook or niche communities, this variety ensures that your content reaches the most relevant and engaged audiences. Selecting the right platforms for your Social Media Sharing Tool is key to optimizing your content's reach and impact on social networks.

Broad Selection of Platforms with Social Media Sharing Buttons

The Content Sharing Buttons widget provides detailed customization options for each button. You have the flexibility to select unique colors for each button, allowing you to either match your website's color scheme or use distinct colors to make each social platform stand out. Additionally, you can choose to display either the platform name, the platform logo, or both. This level of customization ensures that the buttons not only integrate seamlessly with your site's design but also cater to your specific branding and aesthetic preferences.

Individual Button Customization with Content Sharing Buttons

The Content Sharing Buttons come with extensive customization capabilities. You can adjust elements like colors, fonts, and spacing to match your site's unique style, ensuring that the buttons are both functional and aesthetically pleasing.

Fully Tailorable Content Sharing Buttons

Designed with simplicity in mind, the Website Share Buttons require no advanced technical skills for customization. Their user-friendly interface allows for effortless adjustments, making them accessible to a wide range of users and enhancing your website's functionality without the need for complex coding.

Easy-to-Use Website Share Buttons

Ensuring compatibility across all devices, the Social Media Sharing Tool is designed to be fully responsive. This adaptability is crucial for a consistent user experience, regardless of the device used to access your site.

Responsive Social Media Sharing Tool

The Social Media Sharing Tool offers custom CSS options, allowing for deeper personalization and creativity. This feature is ideal for those who wish to fine-tune the aesthetic and functional aspects of their sharing buttons, ensuring a perfect match with the specific style and interaction needs of their website.

Instagram Testimonials

MODX extra

App Details

Pricing

App Info

Some of the best Common Ninja extras for MODX

Marketing Button

Stories

Vimeo Carousel

Facebook Feed

Glossary

Pricing Slider

Social Share Buttons

Countdown to Download

Logo Slider

Bluesky Feed

Calendar

Image Wall

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Instagram Testimonials

MODX extra

App Details

Pricing

Check Out the Marketing Button Widget

App Info

Some of the best Common Ninja extras for MODX

Marketing Button

Stories

Vimeo Carousel

Facebook Feed

Glossary

Pricing Slider

Social Share Buttons

Countdown to Download

Logo Slider

Bluesky Feed

Calendar

Image Wall

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine