<p><b>JsonFormBuilder 1.0.28-pl - 19th May 2016</b></p>

Marcus House 1.0.28-pl (93 KB)Other VersionsNeed help installing this extra?

JsonFormBuilder

Customize your headlines with unique highlights, colors, animations, and personalized styles.

Example 1

Example 2

Example 3

The Highlighted Headline feature offers an array of markers, underlines, and highlighted backgrounds, allowing you to customize your headlines with a touch of creativity. This vast selection empowers you to bring your message to life in a way that aligns with your brand's identity. It's a simple yet powerful tool to make your headlines pop and keep your audience engaged.

Multiple Styling Options for Highlighted Titles

With our Highlighted Headlines widget feature, you have the option to add animations to the markers and underlines, creating a dynamic display that draws in your audience. You can choose to have the highlights always visible or activate the animation as per your preference. Plus, you have full control over the animation's duration and repetition, allowing you to create the ideal visual experience that aligns with your message and brand.

Control Animation for Engaging Highlights

The Highlighted Titles widget feature offers the freedom to customize color schemes, allowing you to match the visual presentation of your text with your brand or website design. You can choose a different font color for the highlighted part of the sentence and set the color of the markers and underline, offering a deeper level of personalization for your headlines.

Personalize Color Choices for Your Highlights

Our Highlighted Headline widget offers versatile customization options to complement your website's branding and aesthetic seamlessly. You can easily personalize the font colors, marker, and underline colors to align with your existing design, ensuring that your highlighted headlines are not just striking, but also a perfect match for your website's style.

Customizable Design

The Highlighted Headlines widget comes with a fully responsive design that ensures it automatically adjusts to fit various screen sizes and devices. This means that whether your website is viewed on a desktop, tablet, or smartphone, the Highlighted Headlines will display correctly and consistently, guaranteeing a seamless user experience across all platforms.

Responsive Design with Highlighted Headlines

The Highlighted Headlines widget is designed with simplicity and user-friendliness at its core. It provides an effortless way for users to make their content stand out, thereby increasing engagement. This intuitive feature ensures visitors can highlight important information swiftly and effectively, enhancing the overall user experience on the website.

User-Friendly Highlighted Headlines Widget

The Highlighted Headlines widget supports custom CSS, enabling you to add a truly personalized touch to your headlines. Users with coding knowledge can take their headlines' visual appeal to the next level, tailoring the widget's look and feel to their exact design preference with their own custom CSS.

Custom CSS Capability with Highlighted Headlines

Our Highlighted Headlines widget is built for easy integration into your existing website, requiring minimal technical know-how. This convenience allows טםו to quickly implement the feature, making your headlines pop without the need for extensive development resources or expertise.

Effortless Integration of Highlighted Headlines

With Highlighted Titles, your site's key messages will immediately grab visitors' attention. By focusing on the most essential information, you'll keep your audience engaged and eager to learn more.

Enhanced Engagement

Highlighted Headlines allow you to ensure the most critical parts of your message are never missed. By emphasizing the core points, you'll effectively communicate your message and keep visitors informed.

Clear Communication with Highlighted Titles

By using Highlighted Headlines, you'll make your website and its key messages more memorable. When important information stands out, visitors are more likely to recall it, reinforcing your brand and message.

Increased Memorability

Highlighted Headlines

Website Components

Get Creative

Track real-time visitor counts on your website with our customizable Visitor Counter widget.

Enhance the visual appeal of your site with the Visitor Counter widget's animated counting feature. You can select to show a smooth, animated counting up effect in the counter, making the visitor count display more engaging and eye-catching for your audience. This playful animation adds a dynamic touch to your website.

Show Animation in the Counter

The Visitor Counter widget allows you to display visitor counts across various time frames, such as daily, weekly, monthly, and yearly periods. This flexibility helps you analyze traffic patterns over different durations, providing valuable insights into your website’s performance and helping you make informed decisions.

Show Counter of Different Time Frames

Visualize your visitor data with an interactive graph provided by the Visitor Counter widget. This feature allows you to see trends and patterns in your site traffic at a glance, making it easier to understand visitor behavior and track your site's performance over time. The interactive graph provides a clear and intuitive way to analyze your data.

Interactive Graph

The Visitor Counter widget offers three different layouts, including minimalist options, to ensure it fits seamlessly with your website's design and content. This variety allows you to choose a layout that best complements the aesthetic and functional needs of your site, enhancing its overall appearance and user experience.

Variety of Visitor Counter Layouts

Choose from a variety of beautiful skins with the Visitor Counter widget, enabling you to align its design perfectly with your brand and website aesthetics. This feature not only enhances the visual appeal of your site but also significantly reduces the time and effort needed for customization. Whether your site has a modern, minimalist, or traditional design, you'll find a skin that fits perfectly.

Select from Multiple Visitor Counter Design Skins

The Visitor Counter widget offers extensive customization capabilities, allowing you to modify its design to meet your specific requirements. You have the freedom to alter colors, fonts, spacing, and various other elements. This level of customization provides unparalleled flexibility, ensuring the widget is both functional and uniquely tailored to your website's aesthetic.

Fully Customizable Visitor Counter Widget

The Visitor Counter widget is designed to be fully responsive, ensuring it displays elegantly on any device. In a time where mobile optimization is crucial, this feature is key to delivering a consistent user experience regardless of the device being used.

Perfectly Responsive Visitor Counter

The Visitor Counter widget is user-friendly, requiring no coding expertise. Its intuitive dashboard allows for easy customization with just a few clicks, making it accessible for anyone to integrate and modify, regardless of their technical background.

Easy To Use Visitor Counter Widget

The Visitor Counter widget supports custom CSS for added flexibility, ideal for developers and designers. This feature allows for deeper customization, ensuring the widget matches your website's unique style and functionality needs.

Custom CSS for Enhanced Creativity

Embedding the Visitor Counter requires just a single line of code, simplifying setup for all users. The widget updates automatically with each change, ensuring your site always displays the most current version without extra effort.

Effortless Embedding of the Visitor Counter on Any Website

Knowing how many visitors are on your site at any given moment can help you make data-driven decisions to enhance user engagement. The Visitor Counter widget provides real-time tracking, allowing you to see spikes in traffic and adjust your content strategy accordingly. This immediate feedback helps you tailor your website experience to keep visitors engaged and coming back.

Traffic Counter

Displaying your site's visitor count can build trust and credibility with your audience. When potential customers see that many others are visiting your site, they are more likely to view your business as reputable and trustworthy. The Visitor Counter widget helps you showcase your site's popularity and attract even more visitors.

Enhance Credibility with Visible Visitor Counts

By displaying your visitor count, you create a sense of community among your audience. When visitors see that others are also engaging with your content, it fosters a feeling of belonging and encourages repeat visits. The Visitor Counter widget helps in building a loyal audience base that keeps coming back for more.

Foster Community and Repeat Visits

Visitor Counter

User Engagement

New!

An audio player compatible with various files and sources

With just a few clicks, you can present the audio player widget in a vertical format, with a sleek, minimalist interface that features large intuitive buttons for play, pause, and skip, as well as a progress bar to show the current track's playback position and large album artwork – making it the design ideal for mobile devices.

Mobile-Friendly Design for Greater Reach

The widget can be customized to show a minimal audio player, with important elements like the cover album, the title, and the control buttons, to remove unnecessary information, and make the user truly enjoy one song at a time. 


Minimalist Design to Focus on Single Songs

With the playlist view, you can showcase multiple albums and songs to immerse your users in them truly, and to offer quick and easy navigation across the different albums. 


Expanded Design to Showcase a Full Album

Style 4

Style 5

The Audio Player widget features the ability to add audio from various sources — be it MP3s or links to audio and video hosting websites like YouTube, Vimeo, SoundCloud and more!

Multiple Audio Sources

The Audio Player comes with the shuffle option that will enable your users to listen to your audio in random order.

Shuffle

The Audio Player features the ability to toggle and customize the playlist view. You can customize the playlist and make it complement your style, or, alternatively, use the minimal version to create a more aesthetically pleasing experience.

Playlist View

The Audio Player widget offers several options to choose from, including the mini-player, which is a compact and discreet design that won't take up too much space on your page, and the enlarged thumbnail, which is a larger player that showcases the audio artwork in greater detail. Both layouts have their own unique benefits and can be used in different contexts. The mini-player is ideal for those who want to add audio to their website without making it too prominent, while the enlarged thumbnail is perfect for those who want to highlight the audio artwork and make it a focal point of the page.

Multiple Layouts

You can easily change the position of the Audio Player via the position option. Inline? Top right? Bottom left? Really, the choice is yours.

Position

The Audio Player widget offers a variety of stunning premade skins that you can use to create an Audio Player quickly and easily. Instead of spending hours trying to find the right colors or fonts, simply select a premade skin that you like and start building your comparison table. With a range of styles to choose from, you can find the perfect look and feel to match your brand and style. Whether you want a sleek and modern design, a bold and colorful look, or a clean and minimalistic style, there's something for everyone.

Multiple Skins

The Audio Player 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 of the slider, 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

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

Perfectly Responsive Audio Player

The Audio Player 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

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

Audio Player Custom CSS

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

Easy to Embed Audio Player

Use this powerful music player tool to add your mp3 files, music, songs, podcasts, or other equally entertaining audio projects and make your projects accessible to a broader audience!

Promote Yourself with the Audio Player Widget

Add more variety to your content and cater to the different needs of your audience. Add a read-along for children to follow stories, create podcasts, or add an accompanying music playlist to your text.

Enrich Your website Content with a Music Player Widget

You can improve your users’ experience by making certain audio files available with an mp3 Player Widget. You can, for example, create audio versions of your well-researched, highly informative, and exceptionally entertaining text, upload it via the Music Player Widget and allow visually impaired users to enjoy it. Or, make it available for those who are on the go and can’t sit and read your long text.

Improve User Experience

Audio Player

Media

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.

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

The Stories is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors.

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.

Custom CSS

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.

Easy To Embed 

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

Display the latest posts from your Instagram page

Example 4

Example 5

You can add motion and action to your page with the Instagram Feed widget's "ticker" animation, which mimics an old news ticker. As this animation creates a dynamic and visually engaging experience, it can be an effective tool for grabbing users' attention immediately. When a user lands on your page, the ticker animation will scroll through the Instagram feed, highlighting the latest posts and updates. You can use this method to draw users' attention to the Instagram section of your website and encourage them to explore further.

Instagram Feed Ticker Animation

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

Date & Time Display Settings

The Instagram Feed widget comes equipped with an "auto-refresh" option, which when toggled, keeps updating the feed with new posts automatically. This feature is particularly useful for websites that rely on fresh, up-to-date content, as it ensures that users always have access to the latest updates. When the auto-refresh option is enabled, the widget will continuously check for new posts, and automatically refresh the feed when new content is available.
This feature can also be useful for businesses that want to promote their products or services through Instagram. By keeping the feed updated with new posts, the auto-refresh feature can help to keep users engaged and increase brand awareness, leading to more sales and conversions.

Feed Auto Refresh

Two different feed types are available in the Instagram Feed widget: Tabs and Mixed. These feed types provide different ways to organize and display your Instagram feeds to suit your specific needs and preferences.
The Tabs type allows you to keep all your tabs organized by order of feed, this way you can easily navigate between your different Instagram feeds, and quickly access the content that you're interested in. With this feed type, you can create multiple tabs, each one dedicated to a specific Instagram account or hashtag, and users can simply switch between tabs to view different feeds. This can be particularly useful for businesses that want to separate their different product lines, or for users that want to keep their personal and professional feeds separate.

On the other hand, the Mixed type, mixes the various Instagram feeds to create a diverse feed. This feed type combines posts from multiple accounts or hashtags into a single feed, providing a more dynamic and varied experience for users. This can be a great way to showcase different types of content, and to provide users with a more comprehensive view of your Instagram feeds.

Different Feed Types

You can easily customize the length of the characters that are displayed to save space and make the Instagram Feed widget more compact.

Customize Character Display Length

The Instagram Feed widget comes with multiple layouts that you can choose from to ensure that it fits seamlessly into your overall website design and style. These layouts are designed to provide flexibility and versatility, allowing you to create a custom look and feel tailored to your specific needs.

Each layout type offers a different display of your Instagram feeds, allowing you to find the perfect option for your website.

You can also customize the size, spacing, and other settings of your layout to match your design needs. This means that you can create a layout that is ideally suited to your website, and that seamlessly integrates with your existing design elements.

Instagram Feed Multiple Layouts

The Instagram Feed widget comes equipped with a variety of beautiful skins that you can choose from, making it easy to create a polished and professional-looking Instagram feed for your website without spending a lot of time on extensive customization. These skins are designed to provide a wide range of different design options, from modern and minimalist to more classic and traditional styles.

With the Instagram Feed widget, you can choose from various skin options, such as minimal, clean, modern, classic, and more. Each skin type offers a different look and feels, allowing you to find the perfect option for your website.

Multiple Instagram Feed Skins

The Instagram Feed widget provides full RTL (right-to-left) support, making it accessible to a wider range of users from all over the world. This feature is particularly useful for websites that cater to users who write from right to left, such as Arabic, Hebrew, or Urdu.


The Instagram Feed widget is designed to provide complete customization options, allowing you to edit the design to fit your needs perfectly. With this widget, you can change the colors, fonts, spacing, and a wide range of other design elements to create a custom look and feel tailored to your specific requirements.

One of the key customization options that the Instagram Feed widget offers is the ability to change the colors of different feed elements. You can change the background color, text color, and even the color of the hover effects to create a cohesive and visually appealing design that matches the look and feel of your website.

Another customization option is the ability to change the fonts. You can choose from a wide range of different fonts, to create a unique and visually striking design. This can be particularly useful for businesses that want to create a consistent brand identity across all their online platforms.

Fully Customizable Instagram Feed

The Instagram Feed widget is fully responsive and will look great on any device, this feature can give you a significant advantage over your competitors in today's mobile-first world. With more and more people accessing the internet through their smartphones and tablets, your website must be optimized for mobile devices.

The responsive design of the Instagram Feed widget ensures that it will automatically adjust to the size and resolution of the device it is being viewed on, providing a seamless and consistent user experience across all devices. This means that whether your users are accessing your website on a desktop computer, a tablet, or a smartphone, they will be able to view and interact with your Instagram Feed widget in the same way.

Perfectly Responsive Instagram Feed

The Instagram Feed widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget any way you’d like to with just a few simple clicks.

Easy To Use widget

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

With custom CSS, you can create unique and visually striking designs tailored to your specific needs. Custom CSS can also be used to create unique and engaging interactions and animations that can help to improve the user experience.

Instagram Feed Custom CSS

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

Easy To Embed

The Instagram Feed widget is a powerful tool that allows you t collect and group multiple Instagram feeds into one page for easier, and quicker access. By grouping all the Instagram feeds into one page, you’ll make accessing these feeds much easier for your readers, thereby improving their experience.

Group Instagram Feeds

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

Enhance Design using Instagram Feed

The Instagram Feed widget enables users to interact with the various feeds via the “share” button which will increase engagement on your website.

Use Instagram Feed Widget to Increase Engagement

Instagram Feed

Social Feeds

Choose from a range of beautifully crafted skins for the AdBlocker Detector widget to match your brand and website's look. This feature greatly reduces the time and effort needed for customization while enhancing your site's visual appeal. Whether your website sports a contemporary, minimalist, or traditional design, there's a perfect skin to align with it, ensuring a consistent and attractive user interface.

Multiple AdBlocker Detector Design Skins

Improve your interaction with users who have ad blockers enabled by employing a personalized message accompanied by your choice of icons or images. This feature of the AdBlocker Detector allows you to create a visually engaging alert, informing users that their ad blocker is detected. You have the option to select from a range of icons or upload your own image, crafting a unique and attention-grabbing notification on your website.

Enhance Alert with Icons or Images

When the AdBlocker Detector identifies a visitor using an ad blocker, it presents a customized message. This message can be a polite reminder or an informative alert, informing users about the impact of ad blockers on your site. Utilize this feature to communicate the importance of advertising in supporting your content, while maintaining a professional and consistent tone across your site. This not only educates visitors about the effects of ad blocking but also underscores the value of your content and encourages more responsible web-behavior.

Tailored Message content for Ad Blocker Detection

The AdBlocker Detector widget is engineered to identify a wide range of ad blockers used by visitors. This feature ensures that your website is equipped to detect and respond to numerous ad-blocking tools, from the most common to more niche varieties. The ability to recognize multiple ad blockers is crucial in effectively managing how ad blocking impacts your site's revenue and user experience, ensuring that you have comprehensive insights and control over the advertising display and engagement on your website.

Robust Detection of Various Ad Blockers

The AdBlocker Detector includes a handy refresh button feature. This button becomes visible to users once they have disabled their ad blocker, assisting them in easily refreshing the page. The addition of this refresh button streamlines the process for users, enabling them to immediately see your content without ad block interference. It's a user-friendly approach that simplifies the user's action to comply with your request, enhancing the overall experience on your website and encouraging compliance with your ad-display policies.

Convenient Refresh Button Post Ad Blocker Disabling

With extensive customization options, the AdBlocker Detector can be tailored to your specific design preferences. Adjust colors, fonts, spacing, and more to fit the unique aesthetic of your site. This level of customization provides unparalleled flexibility, allowing you to create an AdBlocker Detector that is not only effective but also uniquely yours.

Fully Customizable AdBlocker Detector Widget

The AdBlocker Detector is designed to display elegantly across all devices. Its responsive design is essential in today's mobile-centric world, ensuring a consistent user experience whether on a desktop, tablet, or smartphone.

Perfectly Responsive AdBlocker Detector widget

This widget is crafted for ease of use, requiring no coding skills for customization. Its intuitive interface simplifies the customization process, allowing for quick and easy adjustments. This accessibility makes the AdBlocker Detector an ideal choice for website owners of all technical backgrounds.

Easy to use AdBlocker Detector widget

For those who desire even more creative control, the AdBlocker Detector offers the option to add custom CSS. This feature caters to developers and designers looking to apply a unique touch, enabling deeper customization to match the specific style and interaction needs of your website.

Enhanced Creativity with Custom CSS in AdBlocker Detector

Embedding the AdBlocker Detector on your website is straightforward, involving just a single line of code. This ease of integration, combined with automatic updates, simplifies maintenance and ensures your website always displays the most current version of the widget without additional effort.


Effortless Embedding of the AdBlocker Detector

The Adblock Detector widget plays a crucial role in safeguarding your digital advertising revenue. By identifying visitors using ad blockers, it enables you to take appropriate actions, such as requesting users to whitelist your site. This proactive approach helps maintain the flow of ad revenue, which is essential for the financial sustainability of many websites.

Enhanced Revenue Protection with Adblock Detector

By addressing the impact of ad blockers, the Adblock Detector can positively influence key website performance metrics. Understanding and managing ad-block usage helps in maintaining healthy traffic levels and engagement rates, crucial factors in the overall performance and ranking of your website.

Boost in Website Performance Metrics

The Adblock Detector aids in protecting the value of your content. By identifying users who bypass ads, you can ensure that the effort and resources put into creating content are adequately compensated through advertising revenue, keeping the content accessible and sustainable.

Protection of Content Value

AdBlocker Detector

Popups, Bars & Buttons

Display the latest posts from any RSS feed

Adding an RSS Feed widget to your site will add a sense of activity by displaying an animated "ticker". Grab the user's attention immediately by using it.

Ticker Animation

By displaying the date and time of the feeds, you can further customize it according to your preferences and those of your visitors.

RSS Feed Date & Time Display Settings

When toggled on, the "auto-refresh" option in the RSS Feed widget will keep refreshing and updating the feed over time.

RSS Feed Refresh automatically

Using the RSS Feed widget, you can choose between Tabs and Mixed feeds. Organize all your tabs by feed order, while making a mixed feed by mixing the RSS feeds.

JsonFormBuilder

MODX extra

App Details

Pricing

App Info

Some of the best Common Ninja extras for MODX

Highlighted Headlines

Visitor Counter

Audio Player

Stories

Instagram Feed

AdBlocker Detector

RSS Feed

RSS Feed Slider

Pricing Tables

App Store Reviews

Real Estate Listings

Restaurant Menu List

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine

JsonFormBuilder

MODX extra

App Details

Pricing

Check Out the Highlighted Headlines Widget

App Info

Some of the best Common Ninja extras for MODX

Highlighted Headlines

Visitor Counter

Audio Player

Stories

Instagram Feed

AdBlocker Detector

RSS Feed

RSS Feed Slider

Pricing Tables

App Store Reviews

Real Estate Listings

Restaurant Menu List

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine