Showcases images in a collapsible format, expanding when clicked to reveal the selected image.

Example 1

Example 2

Example 3

Example 4

The Image Accordion comes with the option to choose the accordion’s direction — vertical or horizontal, enabling you to customize it to fit your design needs. The Image accordion widget also gives you the option to add several images and captions, providing you the freedom to present your content in a captivating manner.


Accordion Direction

The Image Accordion allows you to choose an image to focus on which will be put forward, making it the centerpiece of your visual presentation. You can show your content in an engaging way by using the image accordion widget, which also provides you the opportunity to add multiple images and subtitles.


Image Accordion Focus Items

When links are added to photos in an image accordion widget, users can click on a button to be redirected to another website or resource. By offering more information or relevant content in a visually beautiful and engaging manner, can enhance user experience.

Adding Call For Action

Adding a title and description to each image in an Image Accordion widget can provide users with additional context and information about the image. This feature can enhance the user experience by making it easier for them to understand the content of the images and the overall purpose of the widget.

Additional Information

You may fully customize the Image Accordion 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.

Fully Customizable

Any website would benefit from the widget Image Accordion widget. 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.

Perfectly Responsive

The use of the Image Accordion 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.

Easy To Use

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Image Accordion widget. With this feature, you can easily customize every aspect of the widget's look and feel, from the colors and fonts to the layout and positioning. But if you're feeling particularly creative, you can take your customization to the next level by editing the CSS directly. This gives you the ability to make even more advanced changes to the widget, allowing you to make it your own. Whether you want to make a few simple tweaks or go all out with advanced customizations, our advanced editor has you covered.

Custom CSS

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

Easy To Embed 

With the Image Accordion widget, you can display a large number of images in a small space, without overwhelming the users, thus saving space for other visual elements and improving the loading speed of your website.

Save Space & Improve Website Speed

The Image Accordion widget enables you to provide a better user experience by improving the organization of your content and allowing users to quickly browse through a series of images and find the information they need.

Improve User Experience

The Image Accordion comes with full customization options, and as such, it can greatly improve the aesthetics of your website by adding visual interest and interactivity to your pages. 


Enhance Aesthetics With Image Accordion

Image Accordion

Get Creative

Images & Galleries

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

Countdown, reveal, and download: Simplify file access

Captivate your users by displaying a catchy title and compelling text during the countdown. Use this opportunity to create anticipation, promote special offers, or provide additional information that enhances user engagement and conversion rates.

Engaging Promotional Messaging

Tailor the widget's download button to suit your branding and style preferences. Customize the button text to convey your desired call-to-action, and choose from a variety of icons to visually represent the download action, ensuring a cohesive and visually appealing user interface.

Personalized Button Appearance

Enhance the widget's functionality by adding multiple links that are revealed upon completion of the countdown. Offer users the option to choose from a selection of downloads, allowing them to access specific files or resources based on their preferences or needs.

Unlock Multiple Downloads

Each individual link within the widget can be fully customized to provide a unique experience. Select icons to visually represent each download, set titles and descriptions to convey their purpose, and customize the download button to match the specific content, ensuring a cohesive and branded user interface for each downloadable resource.

Tailored Download Options

The Countdown Download widget offers a diverse selection of beautiful designs, allowing you to choose the perfect appearance that aligns with your website's style or desired theme. From sleek and modern layouts to vibrant and imaginative options, these design choices add a personalized and creative touch to your countdown experience, making it a unique representation of your brand.

Various Attractive Skins

The Countdown Download widget provides extensive customization options, empowering you to tailor every aspect of the widget to suit your preferences and requirements. From selecting different layouts and designs to arranging the sequence of content and adding customized explanations, you have full control over the look and feel of the countdown widget, ensuring it matches your desired style.

Complete Customization

The Countdown Download widget is designed with user comfort in mind, ensuring easy access and comprehension of the countdown process. The intuitive interface encourages user interaction and ensures that visitors can effortlessly navigate the widget, obtaining the information they need without any barriers, resulting in an enhanced overall website experience.

User-Friendly and Intuitive

The Countdown Download widget is built to be fully responsive, adapting seamlessly to various screen sizes and devices, including desktops, tablets, and smartphones. This ensures that users can enjoy a consistent and optimal countdown experience regardless of the device they are using, promoting accessibility and usability.

Responsive Design for All Devices

Similar to our other widgets, the Countdown Download widget offers the flexibility to incorporate custom CSS for a truly personalized appearance. Users with coding skills can enhance the visual appeal of the widget, achieving their desired design style by adding their own custom CSS code.

Customize with Custom CSS

The Countdown Download widget is designed for easy integration into your existing website code, requiring only basic technical skills for installation. This effortless embedding process allows website owners to quickly add the widget without significant development resources or specialized expertise, streamlining the implementation process.

Easy Embedding on Any Website

While users are waiting for their download to start, you can utilize the widget to showcase other products, services, or special offers on your website. This cross-promotion opportunity helps you promote additional offerings and drive more sales or engagement.

Maximize Cross-Promotion Opportunities

By incorporating the widget on your website, you can extend the dwell time of your users. The engaging countdown and promotional message encourage users to stay on your site for longer periods, signaling to search engines that your website offers valuable content. This can positively impact your SEO efforts and improve your search engine ranking.

Improve SEO and Analytics with Engaging Downloads

The longer users stay on your site, the more ad impressions they generate. By utilizing the widget to captivate users and extend their dwell time, you create more opportunities for ad exposure. This increased ad visibility can lead to higher ad revenue for your website, maximizing your monetization potential.

Maximize Ad Revenue with Extended User Engagement

Countdown to Download

Popups, Bars & Buttons

Boost Sales

Use tabs to organize content into different parts

Incorporating subtle transition effects between tabs adds a touch of finesse and professionalism to a website. These smooth animations improve the user experience by offering seamless navigation and enhancing the overall look and feel of the content.

Add gentle transition effects

The Tabs widget provides multiple layout options, allowing webmasters to choose the most fitting design for their content. This flexibility ensures that the widget seamlessly integrates with various website aesthetics, enhancing the overall user experience.

Multiple tabs layouts

With a variety of pre-designed skins available, the Tabs widget can be customized to match the website's branding and color scheme. This feature allows for consistency in design, creating a cohesive visual appearance that resonates with visitors.

Various tabs skins

The Tabs widget supports both horizontal and vertical orientations, enabling webmasters to select the most suitable layout for their content structure. This adaptability allows for optimal content presentation, ensuring users can easily navigate and engage with the website.

Horizontal and Vertical Tabs

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

Fully Customizable Tabs

The Tabs widget is fully responsive and will look great on any device. Having tabs that are 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 tabs widget, you can create tabs that are perfectly responsive and provide a seamless navigation experience on any device.

Perfectly Responsive Tabs

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

Our advanced editor is a robust tool that grants you full control over the Tabs' appearance. With this feature, you can effortlessly personalize every aspect of the tabs' design, 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 Tabs CSS 

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

Easy to Embed Tabs Widget

The Tabs widget enhances the user experience by presenting information in a clean and organized manner. It enables visitors to quickly and easily navigate through different content sections, reducing confusion and ensuring that they find what they're looking for.

Simplified Content Management

Implementing a Tabs widget can help minimize page clutter and make it visually appealing. By consolidating multiple content pieces into separate tabs, users can access relevant information without being overwhelmed by an excessive amount of text or images on a single page.

Reduced Page Clutter

Managing content becomes easier with a Tabs widget, as it allows for better organization and presentation. By separating content into distinct sections, webmasters can update or modify individual parts without disrupting the overall structure, ensuring that the website remains up-to-date and relevant.

Tabs

Website Components

New!

Easily craft, customize, and integrate flow charts on your website.

The Diagrams widget offers a versatile range of shapes to represent your information best. Choose from rectangles, ellipses, or triangles to create distinct visuals. Whether you're outlining a process, highlighting key points, or showcasing a hierarchy, these shapes ensure your diagrams are both functional and aesthetically pleasing.

Shape Variety at Your Fingertips

Tailor the connections between your shapes with a variety of connector types. Whether you prefer the artistic curves of bezier, the simplicity of a straight line, or the elegance of smooth steps, the Diagrams widget has you covered. This feature allows you to design diagrams that are both clear in conveying information and visually engaging.



Flexible Connection Choices

Breathe life into your diagrams with animated connectors. This feature gives the illusion of data streaming from one shape to another, adding a dynamic touch to your visuals and making your diagrams more engaging for the audience.

Dynamic Connector Animations

Enhance the clarity of your diagrams with the addition of labels and tooltips. Attach descriptive labels to your connectors to provide context, and use tooltips on shapes to offer additional information on hover. This ensures that your audience receives a comprehensive understanding of the content, all while interacting with the diagram.

Informative Labels and Tooltips

Add clarity to the flow of your diagrams with customizable connector arrows. The Diagrams widget lets you set arrows at the start, end, or both ends of your connectors. This ensures that your audience can easily follow the direction and flow of information, making your diagrams more intuitive and user-friendly.

Directional Arrow Options

Elevate the visual appeal of your diagrams by embedding images directly into your chosen shapes. Whether it's a logo, an icon, or any relevant image, this feature enhances the informational and visual value of your diagrams. By combining imagery with textual content, you can create a more immersive and informative experience for your website visitors.

Embed Images Within Shapes

Tailor the look of your diagrams with a variety of skins. Whether you're aiming for a modern, classic, or unique aesthetic, the Diagrams widget offers multiple designs to align with your website's theme and your personal preferences.

Diverse Aesthetic Skins

Dive into a world of endless possibilities with the Diagrams widget. Designed to be fully customizable, it empowers you to tweak every aspect, from shapes and connectors to skins and animations. This ensures that your diagrams not only serve their purpose but also resonate with your brand and vision, making your website truly stand out.

Complete Customization Control

Experience simplicity at its best with the Diagrams widget. Designed with users in mind, its intuitive interface ensures that creating and modifying diagrams is a breeze, even for those new to the world of web design.

User-Friendly Interface

Ensure a seamless viewing experience across devices with the Diagrams widget. Whether accessed from a desktop, tablet, or smartphone, the widget adjusts perfectly, guaranteeing that your diagrams look impeccable every time.

Adaptable Responsiveness

Unleash your creativity and tailor the Diagrams widget to your exact specifications using custom CSS. This feature allows for deeper customization, ensuring that your diagrams not only function well but also align perfectly with your website's design.

Customize with CSS

Embedding the Diagrams widget into your website is as simple as copying and pasting a code. With its straightforward integration process, you can quickly enhance your site with interactive diagrams without any technical hurdles.

Effortless Integration

Relying solely on text can make content monotonous. By integrating diagrams and flow charts, site owners can diversify their content presentation, catering to a broader audience. Some visitors prefer visual explanations over textual ones, and offering both can cater to varied learning styles, ensuring a more inclusive user experience.

Diversified Content Presentation

Visual aids, such as diagrams and flow charts, are known to improve content retention among users. By presenting information visually, site owners can ensure that their content is not only understood but also remembered by visitors. This can lead to better brand recall and a stronger connection with the audience.

Enhance Content Retention

A well-organized website with clear visuals, like diagrams and flow charts, can elevate the site's professionalism. Visitors often associate such visual aids with thorough research and expertise, enhancing the site's credibility and making them more likely to trust and return to your content.

Increas Professionalism and Credibility

Diagrams

Allow applicants to fill in job applications, save submissions, enable notifications, and more

The Job Application Form offers an array of fields, ranging from standard to specialized formats, allowing you to craft application forms tailored to your requirements and objectives. To add a field, click on the "Add Field" option and select from a wide variety of field types. Additionally, effortlessly adjust the field order by using drag-and-drop functionality.

A Range of Customizable Fields for Job Applications

You can employ the Job Application Form to receive CV or resume files from candidates. This feature is particularly advantageous for recruiters and HR professionals who need to collect comprehensive employment histories and qualifications from prospective applicants.

Receive Resume File Attachments

The Job Application Form facilitates the organization and presentation of all applicant data (information submitted in the forms) in a clear and accessible format. This feature streamlines the tracking of candidate submissions, ensuring that you can review and respond to applicants more quickly and effectively.

Effortless Applicant Data Gathering

The Job Application Form's submission data can be exported to a CSV file, enabling you to transfer it to other applications or tools for in-depth analysis or integration. This functionality is especially valuable for organizations seeking to maintain a comprehensive record of applicant information for data analysis, reporting, and HR management purposes.

Export Job Application Data to CSV

By integrating designated job application fields such as the LinkedIn Profile URL and Current Employment Status selection, you can gather additional information that can help you evaluate candidates more effectively. incorporating other fields such as a portfolio link, professional certifications, or language proficiency can offer further insight into the candidate's skills and experience, providing a more comprehensive picture of their qualifications and suitability for the role.


Key Job Application Specific Fields

The Job Application Form builder includes a date field, which enables you to request the candidate's available date to start. This feature can be particularly beneficial for businesses that have specific start dates in mind or that require new employees to start work within a certain timeframe. By including a date field, you can gather the necessary information upfront and ensure that you only consider candidates who are available to start on or before the desired date.

Request Candidate's Available Start Date

Incorporating headings, descriptive text, and visuals into your job application form enables a more engaging and intuitive submission experience for applicants. Including informative form elements can guide candidates through the application process, promoting a seamless experience and increasing the chances of successful submissions.

Enhance Your Job Application Form

The Job Application Form creator offers header and footer customization options, including the ability to add images. This feature presents an excellent opportunity to strengthen your brand presence and design a professional, visually appealing form that seamlessly integrates with your website's overall look and feel.

The Job Application Form widget enables you to accept payments directly from applicants with ease. Whether you’re charging for application processing, portfolio reviews, or other recruitment services, this feature integrates secure payment options seamlessly into your form. With a straightforward setup and dependable payment processing, you can enhance your application process while ensuring a smooth experience for your users.

Collect Payments Through Your Job Application Form

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

Receive Notifications for New Job Application Submissions

The Job Application Form builder allows you to enable the CAPTCHA anti-spam feature, which applicants must complete before submitting their application. This functionality helps prevent bots and automated scripts from submitting spam entries through your job application form, ensuring that you receive authentic submissions from genuine candidates.

Prevent Spam in Your Job Application Form

The Job Application 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 Job Application Form creator comes with a variety of beautiful skins that you can choose from, to quickstart the design process and not spend much 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.

Diverse Job Application Form Styles

The Job Application Form Builder provides comprehensive customization choices, 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.

Completely Adaptable Job Application Form

The Job Application 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.

Perfectly Responsive Job Application Form

The Job Application Form Builder 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.

User-Friendly Experience

Our advanced editor is a robust tool that grants you full control over the Job Application 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.

Job Application Form Custom CSS

To integrate the Job Application 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 Job Application Form editor will be automatically reflected on your website. This feature streamlines the integration process and ensures that your application form is always up-to-date.

Simple Integration of Job Application Form

Using a job application form can help ensure that all applicants provide the same information in the same format, making it easier to compare and evaluate candidates. Additionally, this standardized approach can help reduce any unconscious biases during the initial screening process.

Simplify Candidate Evaluation

Employers can customize the job application form to include only the information they need, ensuring that they get the most relevant and important information from each applicant. This level of customization allows businesses to tailor the form to their specific industry or job requirements.

Discover the best extras for MODX

Some of the best Common Ninja extras for MODX

Image Accordion

Order Form

Countdown to Download

Tabs

Diagrams

Job Application Form

Coupon Popup

Interactive Maps

Social Votes

Card Slider

Payment Method Logos

Image Poll

Common Ninja Search Engine