<p>Assigns new resources to one or more resource groups or allows new resources to inherit their parent&apos;s resource groups.</p>

Bob Ray 1.2.0-pl (25 KB)Other VersionsNeed help installing this extra?

DefaultResourceGroup

The Personality Quiz widget creates interactive quizzes with custom results, flexible design, and easy embedding.

The Personality Quiz widget generates tailored results based on users’ answers, categorizing them into specific personality types. This feature allows you to define unique result profiles that reflect different traits, ensuring each participant receives feedback that aligns with their responses. By offering personalized insights, the quiz creates a more engaging and meaningful experience for users.

Customized Personality-Based Results

The Personality Quiz widget supports both text and image-based answer choices, giving you the flexibility to design engaging and visually appealing quizzes. This versatility allows you to create a more immersive experience, making the quiz both informative and interactive. Whether you want to use images to illustrate personality traits or stick to text-based responses, this feature adapts to your needs.

Flexible Answer Format Options

The Personality Quiz widget allows you to personalize the quiz header, including the title, description, and header image. This customization helps set the right tone and context, making the quiz more engaging and visually appealing. Aligning these elements with your brand or theme ensures a cohesive and professional presentation.

Customizable Quiz Introduction

The Personality Quiz widget offers two question types: multiple-choice selection and open-ended text responses. This flexibility allows you to create quizzes that range from structured personality categorizations to more in-depth, reflective answers. By incorporating different question formats, you can craft a more engaging and personalized experience for users.

Diverse Question Formats for Interactive Quizzes

Choose from a variety of visually appealing design skins to match your brand and website style. The Personality Quiz widget offers effortless customization, allowing you to create a polished and professional look without extensive design work. This ensures your quiz blends seamlessly with your site's aesthetics while maintaining an engaging experience.

Multiple Personality Quiz Design Skins

The Personality Quiz widget includes an integrated lead capture form, enabling you to collect user information as they engage with the quiz. This feature helps build a valuable database of potential leads, turning engagement into a strategic marketing tool. By gathering emails and other details, you can nurture participants into future customers and grow your business.

Turn Quiz Participation into Lead Generation

Incorporate images into your Personality Quiz to create a visually engaging and intuitive experience. Adding images alongside questions or answer choices makes the quiz more dynamic, appealing to different learning and engagement styles. This feature improves question clarity and increases user interaction, making the quiz more enjoyable.

Enhance Personality Quizzes with Images

The Personality Quiz widget is designed for easy use, requiring no coding skills for setup and customization. Its intuitive dashboard allows you to create and personalize quizzes with just a few clicks. Whether you're a beginner or an experienced user, this hassle-free configuration makes it simple to add interactive quizzes to your site.

Effortless Personality Quiz Setup

The Personality Quiz widget offers extensive customization options, allowing you to tailor its appearance to match your website perfectly. Modify colors, fonts, and layout to create a cohesive and branded experience. This flexibility ensures that your quiz not only engages users but also aligns seamlessly with your site's design.

Fully Customizable Personality Quiz Widget

Designed to be fully responsive, the Personality Quiz widget adapts flawlessly to any screen size. Whether users access your quiz from a desktop, tablet, or smartphone, they will enjoy a consistent and engaging experience. This ensures accessibility and usability, keeping participants engaged no matter how they interact with your site.

Seamless Responsiveness Across Devices

For those who want complete creative control, the Personality Quiz widget supports custom CSS. This feature is perfect for developers and designers looking to fine-tune the quiz’s appearance and functionality. By applying custom styling, you can ensure the quiz integrates seamlessly with your website's unique design.

Advanced Customization with Custom CSS

Embedding the Personality Quiz widget on your website is simple and requires just a single line of code. Once added, the widget automatically updates with any changes you make, ensuring your quiz stays current without extra effort. This hassle-free setup allows you to focus on engagement while the quiz seamlessly integrates with your site.

Effortless Personality Quiz Integration

Integrating a Personality Quiz into your website captivates visitors by offering interactive and personalized content. This engagement encourages users to spend more time on your site, exploring their unique traits, which can lead to higher retention rates and increased interaction with other site features.

Increase User Engagement with Personality Quiz

Well-crafted Personality Quizzes have a natural tendency to go viral, as users enjoy discovering and sharing insights about themselves. This virality can significantly increase your website's traffic and brand exposure, contributing to overall business growth.

Boost Content Virality with Engaging Quizzes

Incorporating lead capture forms within the Personality Quiz allows you to collect user information seamlessly. This strategy builds a database of potential leads who have already interacted with your content, facilitating more effective follow-up marketing efforts.

Enhance Lead Generation Efforts

Personality Quiz

Get Creative

User Engagement

New!

Display a restaurant menu in a stylized and adjustable list format

Example 1

Example 2

Example 3

Example 4

The Restaurant Menu List widget features a selection of beautiful icons that will fit any requirement — is the meal vegetarian? Is it spicy? Is the drink alcoholic? Make this information instantly visible.
The Restaurant Menu widget allows you to easily add the prices of your delicious dishes and supplementary, informative symbols to indicate whether the food is spicy, vegetarian, etc. 

Multiple Icons To Select From

The Restaurant Menu List widget features six layouts with varying image sizes and text layouts, supporting horizontal and vertical design to ensure that the widget fits your design requirements.

Restaurant Menu List Widget Multiple Layouts

You can add images to the Restaurant Menu List to whet the users’ appetite with photos of your delicious meals.

Restaurant Menu List Images

The Restaurant Menu List widget comes with a variety of beautiful skins that you can choose from, so you don’t have to spend much time on extensive customization.

Multiple Skins

The Restaurant Menu 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 Restaurant Menu widget

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

Perfectly Responsive Restaurant Menu widget

The Restaurant Menu 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 Restaurant Menu widget any way you’d like to with just a few simple clicks.

Easy To Use Restaurant Menu Widget

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

Custom CSS

You can embed the Restaurant Menu List 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 Restaurant Menu widget

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

Gentle Intro Animation

With the Restaurant Menu List widget, you can increase conversions by providing all the relevant information in one place, including the meal’s description, its price, dietary specifications, images and links to more information.

Increase Conversions

The Restaurant Menu List widget’s extensive customization options will allow you to design it as you desire, to make it fit your overall website design.

Enhance Design using a Restaurant Menu widget

By providing all the information in an organized, concise manner, with the ability to click on relevant links, you will make your users’ journey easier, shorter and better.

Improve User Experience

Restaurant Menu List

Lists & Cards

Enable users to zoom in and inspect specific areas of an image by hovering or clicking on it

Example 5

The Image Magnifier features a selection of different magnifier types that you can choose from to fit your needs. This customization ensures seamless integration with your website's design and enhances user experience by catering to individual preferences.

Various Magnifier Types

The Image Magnifier widget allows you to customize the magnifier for a more personalized look, enabling you to fit it to your brand’s design and the website’s aesthetics. This level of customization not only reinforces brand identity but also creates a cohesive and visually appealing user experience.

Easy Magnifier Customization

The Image Magnifier 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! Adjust the colors, fonts, spacing, and other elements to create a tailor-made user experience that aligns with your brand and website aesthetics.

Fully Customizable

The Image Magnifier widget is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors. Additionally, this adaptability ensures a consistent and enjoyable browsing experience for all users, regardless of their device or screen size.

Perfectly Responsive

As with all of Common Ninja’s apps, you can add custom CSS to customize the Image Magnifier widget and be even more creative. This added flexibility empowers you to fine-tune the widget's appearance and functionality, ensuring a truly unique and tailored experience for your users.

You can effortlessly embed the Image Magnifier widget on your website by copying just one line of code. Moreover, the widget will automatically update with every modification you make, ensuring a seamless and up-to-date experience for your users.

Easy To Embed 

With the Image Magnifier widget, your visitors will have an easy time zooming in on your images. This will not only enhance their experience but allow users with visual impairment to see your images and understand the content of your website better.

Improved User Experience & Accessibility

The Image Magnifier widget can be a powerful, sales-driving tool for e-commerce websites. By allowing customers to see your products in greater detail, they may be more likely to make a purchase. 

Use an Image Magnifier to Increased Sales

With the Image Magnifier widget, you can make your boring, static pages more fun and engaging to your users, by adding the element of interactivity with the image on the website. This versatile tool not only improves user experience but also encourages longer browsing times and higher user satisfaction.

Add Interactivity

Image Magnifier

Images & Galleries

Show image and text cards of a restaurant menu, that when clicked, flip to reveal additional content on the other side

The Restaurant Menu Flip Cards widget comes available with six different layouts that can fit any design, from smaller images and larger text to images on the side, in circles, squares, and more!

Restaurant Menu Flip Cards Multiple Layouts

The Restaurant Menu Flip Cards widget features the ability to add icons, instead of images, and sports a large selection of icons that can be used.
The Restaurant Menu widget allows you to easily add the prices of your delicious dishes and supplementary, informative symbols to indicate whether the food is spicy, vegetarian, etc. 

A Large Selection of Icons

The Restaurant Menu Flip Cards widget comes with a variety of beautiful skins that you can choose from so you don’t have to spend much time on extensive customization.

Beautiful Skins

As befits a flip card, the widget comes available with a fluid flip animation that will make your page more interactive, look more lively, less static and not boring.

Restaurant Menu Flip Animation

The Restaurant Menu Flip Cards widgets 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 Restaurant Menu Cards widget

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

The Restaurant Menu Flip Cards 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 Restaurant Menu Cards Widget

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

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

The  Restaurant Menu Flip Cards widget allows you to add the prices of your delicious dishes easily, and to add supplementary, informative symbols, to indicate whether the food is spicy, vegetarian, etc. 

Prices & Supplementary Symbols

By adding information with the Restaurant Menu Flip Cards widget, in a concise and easy-to-understand manner, and by adding relevant links, you will enable your customers to make faster decisions, and make it easy for them to make a purchase.

The fully customizable Restaurant Menu Flip Cards will enable you to enhance your webpage through complementing design and colors, and through the animate flip feature.

Enhance Design Using Restaurant Menu Flip Cards widget

Users will have an easier time navigating through your menu with the Restaurant Menu Flip Cards, making their overall experience a pleasant one, which they will recommend to their friends, and will be happy to return and experience again.

Restaurant Menu Flip Cards

Displays images and captions in diverse layouts and grids, presenting visually appealing arrangements for showcasing multiple images

The Image Gallery comes available with five different grid layouts that will enable you to choose from organized, uniform boxes, to more disorganized and different-sized boxes to better fit your brand, personality, and website design.
With the ability to choose from multiple grid layouts, the Image Gallery provides you with the flexibility to create a visual experience that is unique and personalized for your website visitors.

5 Different Image Gallery Grids

The Image Gallery enables enlarging images by opening them in a popup, which not only makes it easy to interact with images but also keeps the overall user experience more immersive.

Enlarge The Images In a Popup

The Image Gallery enables micro animation to make the whole process of interacting with the image gallery more enjoyable and less static. These micro animations provide a subtle but effective way to increase engagement, making your website more interactive and user-friendly for visitors.

Image Gallery Micro Animation

The Image Gallery provides the option to add captions and descriptions to images to help users understand what the image is of. The captions and descriptions also provide valuable information for search engines, making it easier for your website to be discovered by those searching for related content. This can improve your website's visibility and attract more traffic to your site.

Add Caption and Description

The Image Gallery 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!
This allows you to create a unique visual experience for your website visitors that reflects your brand and personality, making your website stand out from the competition.

Fully Customizable Image Gallery

The Image Gallery widget is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors.
By ensuring that your website is mobile-friendly, you can attract and retain more visitors, improve your search engine rankings, and increase your online visibility, resulting in more leads and sales for your business.

Perfectly Responsive Image Gallery

The Image Gallery 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 apps, you can add custom CSS to customize the Image Gallery widget and be even more creative. Adding custom CSS to your Image Gallery widget allows for even more creative freedom, giving you the ability to fine-tune the design and make your website truly unique.

Image Gallery Custom CSS

You can embed the Image Gallery on your website easily by copying a single line of code. No coding skill is required and it's compatible with most website-building platforms.
This makes it easy for anyone to add an Image Gallery to their website, regardless of their technical expertise or website-building platform, making the widget accessible and user-friendly for everyone.


Easy To Embed  Image Gallery

With the Image Gallery widget, you can easily showcase your work or products in the most visually appealing, and easy-to-follow way. Ideal for photographers and artists who rely on showing their visual works and shop owners who wish to display their products. 


Use an Image Gallery to Showcase Your Work or Products

Creating an image gallery on any website is a great way to improve its aesthetics. With different grid types and animations, it’s especially easy to stand out and wow your visitors.

Enhance Your Website with an Image Gallery

With a clear representation of your work or products via an interactive image gallery, visitors are more likely to engage with those images and convert to paying customers once they see the amazing work or products you offer.

Improve Engagement & Conversions

Image Gallery

The Before & After Slider widget features the option to create horizontal or vertical sliders, enabling you to unleash the full power of your creativity. With the option to create either horizontal or vertical sliders, you'll have the flexibility to tailor your sliders to fit the needs of your project whether you're a designer, photographer, or business owner, the Before & After Slider widget is the perfect tool to help you showcase your work uniquely and engagingly.

Horizontal & Vertical Slider Direction

With the Before & After Slider widget, you can create as many sliders as you desire, giving you the ability to tell a complete visual story that is tailored to your needs whether you want to showcase the progression of a construction project, the transformation of a home renovation, or the change in the appearance of a person or animal over time.

Multiple Sliders

The Before & After Slider 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 also customize the spacing of the widget to ensure it fits seamlessly into your website layout.

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

Perfectly Responsive Before & After

The Before & After Slider 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 Before & After 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.

Before & After Custom CSS

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

Easy To Embed Before & after

You have the ability to adjust the positioning of the labels on the Before and After Slider widget. This allows you to customize the location of the labels to fit best the design and layout of your website or application.

Label's Position

Regardless of whether your image is in the landscape, portrait, or square format, you have the ability to define the image ratio for optimal display.

Image Ratio

With the Before & After Slider, you can increase engagement on your website by offering an interactive feature for your users to interact with. More engagement increases interest and, subsequently, improves the decision-making process that will convert curious visitors into paying customers.

Increased Engagement Through Interaction

With the Before & After Slider widget you can convey a compelling story by using the right images. Demonstrate the changes global warming has on nature, show the powerful transformations of people, present interesting item restoration results and much more!

Compelling Visual Storytelling 

The Before & After Slider allows you to showcase the benefits of your product or service in the most effective way — visual, side-by-side comparison. Show how you’ve restored a mouthful of crooked teeth, or how your product has cleaned the same item, only better, or how you’ve restored a decrepit house into a glorious abode — the options are limitless!

Effective Showcase Presentation

Before & After Slider

Website Components

Multiple Icons

The WhatsApp Chat widget allows you to change the chat’s background to make it fit your website’s design, make your chat stand out, or reinforce brand awareness via well-crafted company backgrounds.

Change Chat Background

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

Toggle Time On or Off

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

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

The WhatsApp Chat widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the app any way you want it with just a few simple clicks. 

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

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

Easy To Embed

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

Offer Support & Helpful Information with a WhatsApp Chat

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

Speed up the Decision-Making Process

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

Provide a Personalized Experience

WhatsApp Chat

Whatsapp Button template 6

Whatsapp Button template 5

Whatsapp Button template 4

Whatsapp Button template 3

Whatsapp Button template 1

Whatsapp Button template 2

Present Your reviews on Amazon for your product on your website

The widget comes with three review types — Carousel, Grid, and List, that will help you customize the apps and make them fit your design needs.

Different Review Types

The widget comes with sorting options that will help you customize your display to show reviews by the oldest or the newest reviews.

Sorting Options

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

Multiple Layouts

The My Reviews on Amazon widget comes with a variety of beautiful skins that you can choose from so you don’t have to spend much time on extensive customization.

DefaultResourceGroup

MODX extra

App Details

Pricing

App Info

Some of the best Common Ninja extras for MODX

Personality Quiz

Restaurant Menu List

Image Magnifier

Restaurant Menu Flip Cards

Image Gallery

Before & After Slider

WhatsApp Chat

My Reviews on Amazon

TikTok Feed

Nudge Button

Telegram Chat

Skill Flip Cards

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine

DefaultResourceGroup

MODX extra

App Details

Pricing

Check Out the Personality Quiz Widget

App Info

Some of the best Common Ninja extras for MODX

Personality Quiz

Restaurant Menu List

Image Magnifier

Restaurant Menu Flip Cards

Image Gallery

Before & After Slider

WhatsApp Chat

My Reviews on Amazon

TikTok Feed

Nudge Button

Telegram Chat

Skill Flip Cards

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine