<p class="MsoNormal"><b>Key Features:</b></p>

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

Social Media Icons

Visualize data and information using various chart types, including bar, pie, and line graphs, and more

Example 1

Example 2

Example 3

Example 4

Example 5

Example 6

Example 7

Charts & Graphs features 20 different types of charts that will enable you to deliver information just the way you want it to. From bar charts to pie charts, radial charts, and 3D charts — it’s got it all. Simply choose the chart you want and start using it, or customize it endlessly — it’s a fun game in its own right!

A Large Selection of Chart Types

With the Chart & Graphs widget, you can convert any CSV file into an interactive chart or easily connect it to your Google Drive or other, remote URLs. Prepare the data wherever you are most comfortable doing it, and then upload it.

Multi-Source Data Import 

The Charts & Graphs widget comes with full customization options, giving you the ability to easily edit the design to match the aesthetic of your website. You can change the colors, buttons, and labels to match your branding. You can also choose from different font options and adjust the font size, style, and color to create a cohesive and professional look. In addition to these design options, you can customize the widget's spacing to ensure it fits seamlessly into your website layout.

Fully Customizable Charts

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

Perfectly Responsive Graphs and Charts

The Charts & Graphs 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 Charts

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Charts & Graphs 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 Charts & Graphs 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 Charts & Graphs Editor will be reflected automatically on your website without the need for any additional manual updates.

Easy To Embed 

Enhance your graphs and charts by adding tooltips that provide additional information for your website. These tooltips can help clarify data points or provide context for your chart or graph, helping your users better understand and interpret the information you are presenting.

Tooltips

You have the option to define a color scheme that will be used as the default colors for your charts and graphs when they are automatically generated from an external source of data. By defining a color scheme, you can ensure that your charts and graphs have a cohesive and visually appealing appearance, even when they are being generated automatically.

Color Scheme

With the Charts & Graphs app, you can improve and expedite the decision-making process by providing easy-to-follow information to your readers. Display the benefits of your product or service, explain how you offer value in a visual way, warn of the dangers of inactivity with dramatic charts and more!

Improve & Expedite the Decision-Making Process

The Charts & Graphs widget allows you to summarize large amounts of information for better accessibility and easier understanding of different subjects. Provide yearly output comparisons, quarterly yields, fun facts, projected future results and similarly relevant information! Don’t bore your readers with huge amounts of text — show them charts!

Summarize Large Amounts of Data

The Charts & Graphs widget enables information to be presented in a visually appealing way that can complement your website’s design and enhance the users’ experience on your website. Add breakpoints between text, create stunning 3D charts and choose any color scheme you’d like.

Enhance Design and Improve User Experience

Charts & Graphs

Website Components

Allow users to fill in orders, save submissions, enable notifications, and more

The Order Form allows you to seamlessly collect payments from your users. Whether you’re selling products, services, or custom orders, this feature integrates secure and reliable payment options directly into your form. With an intuitive setup and streamlined payment processing, you can enhance the ordering experience while ensuring efficiency and convenience.

Accept Payments Through Your Order Form

The Order Form Creator offers a variety of customizable fields to create the perfect order form for your needs. You can easily tailor the form to suit your product requirements and objectives by selecting from a range of field types. To add a field, simply click on the "Add Field" option and choose from the available options. With our drag-and-drop functionality, you can also effortlessly adjust the field order to create the perfect order form.

Customizable Fields for Product Order Form

The Product Order Form simplifies the collection and organization of all product order data in a clear and accessible format. This feature streamlines the tracking of orders, ensuring that you can review and fulfill orders more quickly and effectively. With our forms, you can easily manage and access all the information submitted in the form, making it easier to keep track of your product orders.

Effortless Collection of Product Order Data

The Product Order Form's export functionality for order data to a CSV file offers significant benefits in terms of efficient order organization and integration with other tools. This feature allows for easy transfer of order data to other applications or tools, making in-depth analysis and integration more accessible. For organizations seeking to maintain a comprehensive record of order information for data analysis, reporting, and management purposes, this feature is an invaluable asset.

Export Product Order Data to CSV

By incorporating designated fields for product orders; including product information such as quantity and color options, as well as customer information fields such as Name, Email, Phone, and Shipping Address, you can gather important information that can help you manage your product orders more efficiently. By including fields for product variations, special requirements, and payment options, you can provide a more personalized and streamlined ordering experience for your customers.

Key Fields for Product Order Form

Incorporating headings, descriptive text, and visuals into your product order form enables a more engaging and intuitive ordering experience for customers. Including informative form elements can guide customers through the process, promoting a seamless experience and increasing the chances of successful orders. With the ability to customize the form with text, images, and other visuals, you can create an order form that is not only functional but also visually appealing and easy to navigate.

Enhance Your Order Form with Text and Images

With the Product Order Form, you have the option to personalize your order form's header and footer, including the ability to add images. This feature offers an excellent opportunity to enhance your brand presence and create a professional, visually appealing form that seamlessly integrates with your website's overall design.

Personalize Headers & Footers

The Order Form also includes the option to enable notifications for both the form owner and the customer. You can activate automated email notifications for each form submission, send them to multiple recipients, and also dispatch a confirmation email to the customer upon successful order placement.

Receive Notifications for New Orders

The Product Order Form allows you to enable the CAPTCHA anti-spam feature, which customers must complete before submitting their order. This functionality helps prevent bots and automated scripts from submitting spam entries through your order form, ensuring that you receive authentic orders from genuine customers.

Prevent Spam in Your Order Form

The Order Form 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 Order Form

The Product Order Form comes with a variety of beautiful skins that you can choose from to quickstart the design process and save time on extensive customization. These pre-designed skins cater to different aesthetics, allowing you to easily match your form with your website's look and feel.

Various Order Form Styles

The Order Form provides comprehensive customization options, enabling you to tailor the design to meet your specific requirements. From adjusting colors and fonts to modifying field layouts, you have complete control over the form's appearance and functionality. With our form's user-friendly interface, you can easily customize the form to match your website's design and create a seamless ordering experience for your customers.

Fully Customizable Product Order Form

The Order Form is fully responsive and will look great on any device. Having a form 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. With the Order Form, you can create an order form that is perfectly responsive and provides a seamless ordering experience on any device.

Perfectly Responsive Order Form

The Order Form Creator is simple to use and doesn't require any coding expertise. Within a few clicks, you can customize the form to your liking using our intuitive interface, making it an effortless experience.

Easy-to-Use Order Form Creator

Our advanced editor is a robust tool that grants you full control over the Product Order Form's appearance. With this feature, you can effortlessly personalize every aspect of the form's design, from colors and fonts to layout and positioning. For those looking to exercise their creativity further, direct CSS editing allows for even more extensive customization options.

Custom CSS for Order Form

To integrate the Product Order Form into your website, copy and paste the provided code snippet into your page's HTML code. The form is designed to auto-update, which means any modifications you make in the Product Order Form editor will be automatically reflected on your website.

Easy Embed of Product Order Form

An Order Form allows customers to quickly and easily place an order for your products or services, reducing friction and increasing the likelihood of conversion. This makes it an essential tool for any business looking to streamline the ordering process and provide a seamless experience for their customers.

Streamlined ordering process

Using an Order Form Creator can save time and resources by automating the ordering process, eliminating the need for manual tracking and follow-up. This can help businesses increase efficiency and productivity while improving customer satisfaction and loyalty.

Increased efficiency

The Order Form can be designed to include automated responses, letting customers know that their order has been received and providing them with important details such as estimated delivery times. This feature not only provides customers with a positive ordering experience but also reduces the number of inquiries received by businesses regarding the status of their orders.

Automated Order Responses for Customer Satisfaction

Order Form

Forms

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

Website Search

New!

Build structured content cards with customizable fields and layout.

Add a Variety of Field Types
The Card Builder widget supports a broad selection of field types, making it easy to create cards that fit your content needs. You can include elements such as title, subtitle, description, image, price, rating, and location, among others. This flexibility allows you to build detailed and well-structured cards that suit a wide range of use cases.

Add a Variety of Field Types

You can add clickable fields like buttons, links, phone numbers, emails, and coupon code buttons. These interactive elements encourage user engagement by making it easier for visitors to take action directly from the card. Whether it’s starting a call, sending an email, or copying a coupon, these fields help drive meaningful interactions.

Interactive Fields for Better Engagement with Card Builder

With the Card Builder, you can place multiple fields side by side within the same row, offering more layout control. This feature helps create compact and visually balanced cards, especially when displaying shorter pieces of information. It's ideal for combining related fields like phone and email, or price and rating, into a single, clean line.

Arrange Fields on the Same Row

Choose from a variety of visually appealing skins to quickly match your site's branding without needing to design from scratch. These pre-made designs save time and effort while ensuring that your cards look polished and professional. Whether your site is modern, playful, or classic, there's a skin to complement it.

Beautiful Pre-Designed Card Builder Skins

The Card Builder widget offers several layout options to ensure it fits seamlessly with your website’s design. Whether you're going for a grid, list, or a more unique structure, you can select the layout that best supports your content and aesthetic goals. This versatility helps you present your information clearly and attractively.

Multiple Card Builder Layouts

You can customize nearly every aspect of the Card Builder widget—from fonts and colors to spacing and alignment. This allows you to create a card style that fits your website’s visual identity perfectly. It’s an ideal solution for tailoring the appearance without compromising on functionality.

Fully Customizable Card Builder Widget

The Card Builder is designed to look great on all screen sizes, including desktops, tablets, and smartphones. This ensures your cards remain readable and well-structured, providing a smooth user experience across all devices. Mobile optimization is built-in, so there’s no extra work needed on your part.

Responsive Design for All Devices

The Card Builder widget is built with simplicity in mind, so no coding skills are required to get started. The intuitive editor makes it easy to add fields, rearrange content, and fine-tune the design with just a few clicks. It’s accessible for beginners while still powerful enough for advanced users.

Easy-to-Use Interface

For those who want deeper control, the widget includes an option to add custom CSS. This feature is perfect for developers and designers who want to apply unique styles or fine-tune the layout beyond the standard settings. It gives you complete creative freedom to make the cards your own.

Custom CSS Support

Embedding the Card Builder on your site is as simple as pasting a single line of code. Once it’s live, any changes made in the editor are automatically updated on your website. This keeps maintenance hassle-free and ensures your content is always up to date.



Quick and Simple Embedding

Once you define your card structure, you can easily replicate it to create multiple entries without starting from scratch. This speeds up content creation and ensures a uniform design across your listings, saving valuable time and effort.

Increase Efficiency with the Card Builder's Reusable Structure

The Card Builder supports a wide range of scenarios—from service listings to team member profiles or event details. Its flexible field setup means you can tailor the widget to fit your specific needs, reducing your reliance on multiple plugins or workarounds.

Adapt to Various Use Cases Without Extra Tools

Presenting information in a structured card format helps visitors quickly scan and absorb key details. Whether you're showcasing products, services, or profiles, consistency improves readability and keeps users engaged longer on your site. A clean layout also supports better user flow, reducing bounce rates.



Boost Engagement with Visually Consistent Content

Card Builder

Lists & Cards

Displays short, posts and media in a slideshow format

The Stories widget features a progress bar that will help your users to keep track of the content they are viewing, thereby improving their experience.

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!

Fully Customizable

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.

Perfectly Responsive

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.

Easy To Use

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

Present team members in a stylized and adjustable list format

The widget features six layouts with varying image sizes and text layouts, supporting both horizontal and vertical design to make sure that the Team Members widget fits your design requirements.

Team Members List Multiple Layouts

The Team Members widget features the option to enable a gentle animation that the user will see when first accessing the Team Members List, to make the page less static and more appealing.

Gentle Intro Animation

You can add images of your team members to make them instantly recognizable and further increase trust in your company.

Add Images to the Team Members List

The Team Members Widget comes with various beautiful skins that you can choose from, so you don’t have to spend much time on extensive customization.

Multiple Team Members List Skins 

The Team Members List 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 Team Members Widget

The Team Members List 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 List 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 Team Members Widget

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

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

Easy To Embed Team Members Widget

The Team Members widget comes available with a list of popular social networks, the icons of which will be displayed in a visually appealing manner on the card. You can add links to websites, emails, LinkedIn profiles, Facebook profiles, and GitHub profiles. Additionally, you display positions and make them visible on the cards so the user better knows who’s who in the company. 

Positions & Links to Popular Social Networks

The widget enables you to show your team in a nice, structured, and easy-to-read way. You can further customize the list, to make team members stand out.

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.

Show your team members to Increase Trust

The Team Members widget 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 with a Team Members List

Team Member List

The Payment Method Logos widget offers a wide selection of 50 payment method logos, allowing you to easily find the right ones for your website. From globally recognized icons like PayPal, Stripe, and Visa to niche payment options, this feature ensures that you can display the exact logos that are relevant to your audience. With such variety, you can cater to different regions and preferences, enhancing trust and accessibility on your site.

Choose from 50 Different Accepted Payment Icons

In addition to the extensive gallery, the Payment Method Logos widget allows you to upload your own custom payment logos. This feature is ideal for businesses that support less common payment methods or wish to display a personalized set of logos. By uploading custom logos, you maintain full control over the visual representation of your payment options, ensuring they align perfectly with your brand identity.

Upload Your Own Custom Payment Logos

The Payment Method Logos widget provides a variety of pre-designed skins, allowing you to select a style that seamlessly fits your website’s look and feel. Whether you prefer a modern, classic, or minimalist design, the available skins make it easy to integrate payment logos that align with your brand, without needing extensive customization.

Select from Multiple Payment Logo Design Skins

The Payment Method Logos widget offers full customization capabilities, allowing you to modify colors, sizes, and spacing to match your website's design. This ensures that your Accepted Payment Icons not only enhance customer trust but also fit perfectly with the visual aesthetic of your site, creating a consistent and professional appearance.

Fully Customizable Accepted Payment Icons

The Payment Method Logos widget is fully responsive, ensuring that your payment icons look sharp and function well on any device, from desktops to mobile phones. This responsiveness guarantees that your customers can always see the available payment methods clearly, no matter how they access your website.

Responsive Payment Logos for All Devices

With no coding required, the Payment Method Logos widget is incredibly user-friendly. Its intuitive interface allows you to quickly select, customize, and embed payment icons on your website, regardless of your technical expertise. This makes it easy to enhance the professionalism and trustworthiness of your site with minimal effort.

Easy-to-Use Payment Logos Widget

Display customizable payment method logos to build trust and improve checkout transparency.

Social Media Icons

MODX extra

App Details

Pricing

App Info

Some of the best Common Ninja extras for MODX

Charts & Graphs

Order Form

Website Search

Card Builder

Stories

Team Member List

Payment Method Logos

Video Gallery

Live Weather Forecast

Flip Cards

Visitor Counter

Social Media Links

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Social Media Icons

MODX extra

App Details

Pricing

Check Out the Charts & Graphs Widget

App Info

Some of the best Common Ninja extras for MODX

Charts & Graphs

Order Form

Website Search

Card Builder

Stories

Team Member List

Payment Method Logos

Video Gallery

Live Weather Forecast

Flip Cards

Visitor Counter

Social Media Links

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine