<p>Integrates Fred to the Ace editor.</p>

Jan Peca 1.0.0-beta (9 KB)Other VersionsNeed help installing this extra?

Fred Ace Integration

Add a Messenger chat button to your website, allowing users to start a chat using Messenger.

Example 1

Example 2

Example 3

Example 4

Example 5

The Messenger Chat widget features multiple button icons for you to choose from that can complement your design and deliver the message you want to deliver.

Multiple Icons

The Messenger Chat widget features the ability to toggle the messages’ time on or off. Keep it on to show users just how fast your replies are, or remove it completely for a more minimal, visually pleasant chat design.

Toggle Time On or Off

The Messenger Chat widget features full customization options so you can edit the design to fit your needs — change the colors, fonts, spacings and anything else!

Fully Customizable

The Messenger Chat widget app is perfectly responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors.

Perfectly Responsive

The Messenger Chat 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

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

Custom CSS

You can embed the Messenger Chat widget 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 

Allow users to contact you by Messenger chat for support or for more information that’s not readily available on your website and improve their experience.

Offer Support & Helpful Information with a Messenger Chat

You can expedite your users’ decision-making process by providing quick answers to their questions in a Messenger Chat. The more informed they are, the better decisions they are going to make.

Speed up the Decision-Making Process

Make your users feel important and well taken care of by offering them, a more personalized communication method with the Messenger Chat widget.

Provide a Personalized Experience

Use the Messenger Chat widget when you want to give visitors a direct, familiar way to contact you from any page. Instead of forcing users to search for a contact page or fill in a long form, they can click once and start a conversation inside Messenger, on desktop or mobile. This makes it easier to answer pre sale questions, resolve doubts, and keep leads engaged in real time. It also keeps your communication history in one place, so you can follow up later without losing context. For businesses that already use Messenger with customers, this widget connects your site and your existing support workflow in a simple, low friction way.

Messenger Chat

User Engagement

Messenger Button template 6

Messenger Button template 5

Messenger Button template 4

Messenger Button template 3

Messenger Button template 2

Messenger Button template 1

Slide in panel that appears from the top or bottom to display offers, updates, or actions clearly.

The widget comes with three different panel types that you can choose from to better fit your design and needs. Furthermore, each panel type is customizable, enabling you to match your brand's colors, fonts, and other visual elements for a cohesive and on-brand user experience.


Different Panel Types

The widget features different button layouts that can further help you customize your panel to fit your requirements. The various button layouts offer a versatile and efficient method to interact with visitors to your website, whether you want to draw attention to a limited-time deal or highlight a new product.


Multiple Button Layouts

The widget has various button animations that are sure to draw the user’s attention and encourage them to click on the button. To make it more appealing to your consumers, you can also alter the button animations in accordance with the design language of your website or brand.

Various Button Animations

You have the freedom to tailor the user experience with the slide-in panel widget by choosing the location from which the panel will slide in, either at the top or bottom of your website, depending on your particular design and marketing requirements. This feature not only enables you to seamlessly integrate your new layout, but it also makes sure that the slide-in panel's promotional material is clearly displayed, grabbing visitors' attention and boosting the effectiveness of your marketing campaign.

Two Positions To Choose From

The Slide-In Panel widget features advanced display rules — like when or where to display the widget — that you can set and customize. The rules include action triggers like “on exit”, “time delay”, “page scroll” and more.

Customizable Display Rules

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

Multiple Skins

The Slide-In Panel widget comes with a selection of beautiful icons that you can use to add to it and enrich its visual appearance.

A Selection of Beautiful Button Icons

You may fully customize the Slide-in Panel 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.

Any website would benefit from the widget Slide-In Panel. 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.

The use of the Slide-In Panel 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.

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

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

With the Slide-In Panel widget, you can greatly increase conversions by making your promotional information clearly visible. This is so that there is a greater chance that website visitors will take action and convert since the Slide-In Panel widget grabs their attention and conveys a clear and concise message.


Increase Conversions

The Slide-In Panel widget’s animation is attention-drawing and is sure to divert the users’ attention to the promotional message you are trying to convey. Using the Slide-In Panel widget to draw attention to your marketing message can boost user interaction and, as a result, your website's conversion rates.


Draw Attention

With the Slide-In Panel widget, you can improve your users’ experience by offering them valuable information that will save them money, and improve their experience. This widget can be easily integrated into your website or application, allowing you to enhance user engagement and drive conversions.

Improve User Experience

Use the Slide In Panel widget when you want to deliver an important message or offer without covering the entire screen. The panel appears from the top or bottom and can hold text, forms, buttons, or media while leaving most of the page visible. This makes it well suited for announcements, cookie information, secondary calls to action, or targeted promotions tied to behavior. Because it feels lighter than a full overlay, visitors are more likely to read the content instead of closing it immediately. You can time or trigger the panel based on key events and keep the main layout cleaner by moving less central content into this flexible, attention grabbing space.

Slide-In Panel

Popups, Bars & Buttons

Boost Sales

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

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

Use the Glossary widget when your site uses specialized terms, acronyms, or jargon that newcomers may not understand. Centralizing definitions in an interactive glossary with search and optional images helps visitors learn the language of your domain without leaving the site. This is essential for technical products, medical content, finance, education, and niche communities. Clear terminology lowers the barrier to entry and reduces confusion in the rest of your content. Over time, a good glossary becomes a reference that gives your brand authority and improves the experience for both new and returning users who need quick reminders.

Glossary

Website Components

New!

Glossary - Template 6

Glossary - Template 5

Glossary - Template 4

Glossary - Template 3

Glossary - Template 2

Glossary - Template 1

Display the latest posts from your Pinterest feed

Style 1

Style 2

Style 3

Style 4

Style 5

Your page will look more lively with Pinterest Feed's "ticker" animation that mimics an old news ticker. It can be used to grab the user's attention immediately.

Animated Ticker

By displaying the Pinterest feeds' date and time in various ways, you can further customize the Pinterest Feed widget.

Pinterest  Feed Display settings for date and time

The Pinterest Feed widget has the “auto-refresh” option which, when toggled, keeps refreshing and updating the feed with new posts.

The Pinterest Feed Refresh Automatically

Two different feed types are available in the Pinterest Feed widget — Tabs and Mixed. The Tabs type keeps all your tabs organized by order of feed, while the Mixed type, mixes the various Pinterest feeds to create a diverse feed.

Types of Pinterest feed

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

You can customize the length of the character display

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

Multiple Layouts

Various beautiful skins are available for the Pinterest Feed widget, so you don't have to spend much time customizing it.

Multiple Pinterest  feed Skins

The Pinterest Feed widget supports right-to-left writing. Increase the number of global users who can access your news.

Full RTL Support

The Pinterest Feed widget offers full customization options so you can make it fit your needs. Change the colors, the fonts, the spacing and anything else!

Fully Customizable Pinterest Feed

Any device will look great with the Pinterest Feed widget. You will be ahead of your competitors with this feature in today's mobile-first world. 

Perfectly Responsive Pinterest  Feed

No coding knowledge is required to use the Pinterest Feed widget. Drag-and-drop functionality on our dashboard allows you to customize widgets any way you like with just a few clicks. Drag-and-drop functionality on our dashboard allows you to customize widgets any way you like with just a few clicks.

Simple To Use Pinterest Feed Widget

Custom CSS can be added to the Pinterest Feed widget, as with all Common Ninja widgets.

By copying a single line of code, you can embed the widget on your website quickly. You will also receive automatic updates every time you make changes to the Pinterest Feed widget.You will also receive automatic updates every time you make changes to the Pinterest Feed widget.

Pinterest Feed Simple To Embed

The Pinterest Feed widget offers two feed types: Tabs and Mixed. Mixed is a type of feed that mixes different Pinterest feeds to create a diverse feed. Tabs organize tabs by the order in which they appear, while Tabs organize tabs by their feed order.

Different Feed Types 

When toggled on, the Pinterest Feed widget will keep refreshing and updating its content.

Auto Pinterest Feed Refresh

The Pinterest Feed widget features an animation that mimics an old news ticker and provides a sense of motion. The user's attention will be caught immediately if you use it.

Pinterest Feed Ticker Animation

Use the Pinterest Feed widget when your brand uses Pinterest to share ideas, products, or inspiration and you want that visual momentum inside your site. A live feed pulls your latest pins into a clean gallery, keeping pages fresh and encouraging exploration without manual updates. This is ideal for ecommerce, design, lifestyle, food, DIY, and travel brands where visuals drive decisions. Visitors can browse boards and pins in context, then click through if something catches their eye. The feed reinforces your style, shows ongoing activity, and turns your site into a richer discovery space. It also helps convert casual browsers into followers who want more inspiration over time.

Pinterest Feed

Social Feeds

Create your form for any purpose with a friendly form builder

Effortlessly craft tailor-made forms with our form builder, designed to cater to your unique requirements and user intentions. Add and choose from an extensive variety of field types, ranging from basic to specialized formats, with a simple click. Rearrange fields effortlessly using the drag-and-drop feature for the perfect form layout.

Various Form Fields To Select From

The Form Builder enables you to effortlessly manage and view all submissions in a user-friendly, organized display. This feature allows you to keep track of all the collected data and user responses, facilitating faster and more efficient follow-ups and decision-making.

Easy Entry Collection

The Form Builder's submission data can be exported to a CSV file, enabling seamless import into other software or tools for in-depth analysis or integration. This functionality is highly beneficial for businesses seeking to maintain comprehensive records of client interactions and for data analysis and reporting objectives.

Export the Form Submissions to CSV

With our Form Builder, effortlessly receive files and images submitted by your users. This powerful feature is designed to cater to businesses and professionals who need to gather crucial information, documentation, or visual assets from their clients or customers. No matter the industry, our Form Builder streamlines the process, making it easier than ever to collect the necessary data to drive your business forward and ensure client satisfaction.

Use the Form To Receive Files and Images

The Form Builder allows you to accept payments directly through your forms for any need. Whether you’re handling event registrations, selling products, collecting donations, or offering services, this feature seamlessly integrates secure payment options. With a straightforward setup and reliable payment processing, you can enhance your form’s functionality while delivering a convenient experience for your users.

Collect Payments Easily for any need

Incorporating headings, descriptive text, and visuals into your form enables a more comprehensive and intuitive submission experience for users. By integrating instructive form components, you guide users through the submission process, ensuring a seamless and efficient experience that ultimately boosts the chances of conversion.

Enhance Your Form with Engaging Content and Visuals

The Form Builder offers the ability to personalize the form's header and footer, including the option to add images. This feature empowers you to reinforce your brand identity and create a polished, visually engaging form that seamlessly integrates with your website's overall design and aesthetic.

Personalize Headers & Footers for Your Form

The Form Builder provides the option to enable notifications for both the form owner and the submitting user. Configure automated email notifications for each form submission, allowing you to send alerts to multiple email addresses, as well as deliver a confirmation email to the user upon successful submission.

Streamlined Email Notifications and Confirmations

The Form Builder offers the option to enable the CAPTCHA anti-spam feature, requiring users to complete a verification step before submitting the form. This functionality effectively prevents bots and automated scripts from sending spam messages, ensuring that you receive authentic submissions from real users.

Prevent Spam in Your Form Submissions

The Form Builder is designed to create perfectly responsive forms, ensuring that your users can access and submit them effortlessly, regardless of the device or screen size. Our Form Builder's responsive design ensures that your forms look great and function perfectly on any device, including desktops, laptops, tablets, and mobile devices, maximizing your audience reach and engagement.

Form Builder Widget: Perfectly Responsive Forms

The forms ensures HIPAA compliance, offering end-to-end data encryption and role-based access management to protect sensitive information. Seamless integrations, including a HIPAA-compliant API and support for tools like Google Sheets and EMR systems, enhance functionality. Additionally, activity tracking and audit logs provide full transparency over data access.

HIPAA Compliance for Secure Forms

The Form Builder widget comes equipped with a diverse selection of attractive skins, allowing you to jumpstart the design process and create visually appealing forms in no time. These pre-designed templates save you the effort of extensive customization while ensuring your form aligns with your desired style and aesthetic, resulting in a seamless user experience.

Pre-Designed Skins for Effortless Form Aesthetics

The Form Builder provides the option to enable multiple submissions by a single user, facilitating situations where users need to update or supplement their submitted information. With this feature enabled, users can submit the form multiple times without encountering any restrictions, ensuring that they can provide accurate and complete data.

Multiple Submissions

The Form Builder offers complete customization options, enabling you to edit and tailor the form's design to suit your specific needs. Whether it's changing colors, fonts, field sizes, or layouts, our Form Builder gives you the flexibility to fully customize your forms with ease, ensuring a seamless user experience that aligns with your brand and objectives.





Create Fully Customized Forms with Ease

The Form Builder is incredibly user-friendly and requires no coding knowledge to use. With just a few clicks, you can customize your forms to your liking using our intuitive interface, streamlining the process and eliminating the need for technical expertise.

Easy to use Form Builder

The Form Builder's advanced editor is an incredibly powerful tool that gives you complete control over every aspect of your form's appearance. In addition to the user-friendly interface that allows you to customize colors, fonts, and layout, the CSS editing feature enables you to take customization to a whole new level. With CSS editing, you can fully customize your form's design, ensuring that it aligns perfectly with your brand's image and objectives. Whether you're a beginner or an experienced designer, the Form Builder's CSS editing feature empowers you to create stunning, unique forms with ease.

Take Customization to the Next Level with CSS Editing

Integrating the Form widget onto your website is effortless, requiring only a copy-and-paste of the provided code snippet into your HTML page. Additionally, the widget is designed to be auto-updating, ensuring that any changes you make using the Form Builder editor will automatically reflect on your website, eliminating the need for manual updates.

Easy To Embed Form

Discover the future of form creation with our state-of-the-art form builder. Say goodbye to tedious, time-consuming processes, and embrace the simplicity and power of this versatile tool. Effortlessly design stunning forms for surveys, registrations, feedback, or contact needs, and watch your audience enjoy a seamless user experience, all while you capture the crucial data that drives your success.

Revolutionize Your Form Creation Experience

Our form builder offers unparalleled customization and flexibility, with a wide array of unique and advanced field types to accommodate your specific needs. This means users can tailor forms to their requirements, without any need for coding or technical expertise. The editor's user-friendly interface allows for easy customization and design, ensuring that the forms not only capture the necessary data but also align with the users' brand and aesthetics.

Comprehensive Customization and Flexibility

Our form builder simplifies data collection and management like never before. With the click of a button, submitted data is automatically organized into a user-friendly table, making analysis and interpretation a breeze. Focus on what truly matters - making data-driven decisions and optimizing your business or organization.

Data Collection Made Easy

Use the Form Builder widget when you need custom data collection that does not fit into a simple contact form or template. It lets you design forms for surveys, lead capture, registrations, internal requests, and more, all within a single flexible interface. You can add various field types, control layout, and adjust labels to match your language and processes. This is helpful for growing businesses that refine their workflows over time and want a tool that adapts without requiring development work. By centralizing form creation in one place, you keep your site consistent, gather cleaner data, and respond faster when new information needs appear in marketing, operations, or support.

Form Builder

Forms

Showcases images in a rotating or sliding manner

The widget comes with the option to change the carousel’s image sizes — from small, to large, vertical, or horizontal; you make the widget fit your specific needs.
Additionally, the widget also includes the ability to add captions to each image, giving you the ability to provide more information and guide visitors to other pages on your website. The carousel feature also allows for easy navigation between images, making it user-friendly and interactive.

Image Carousel Slide Size

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

Arrows & Pagination 

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

Slider Speed & Time Per Slide

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

Image Carousel Multiple Layouts

Use the Image Carousel widget when you have several visuals that all support the same message but limited space on the page. Instead of stacking images in a long column that pushes key content downward, the carousel rotates them in a compact frame that invites interaction. You can highlight product angles, service examples, testimonials with portraits, or step by step sequences. This improves the perceived quality of your design and keeps attention focused on the area that matters. It is especially useful for hero sections, above the fold areas, and landing pages where you want to communicate richness without overwhelming visitors with too many elements at once.

Fred Ace Integration

MODX extra

App Details

Pricing

App Info

Some of the best Common Ninja extras for MODX

Messenger Chat

Slide-In Panel

Glossary

Pinterest Feed

Form Builder

Image Carousel

Company Branch List

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Fred Ace Integration

MODX extra

App Details

Pricing

Check Out the Messenger Chat Widget

App Info

Some of the best Common Ninja extras for MODX

Messenger Chat

Slide-In Panel

Glossary

Pinterest Feed

Form Builder

Image Carousel

Company Branch List

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine