Snippet FaqHook create subresource with question in introtext and answer in content.Can use premoderate mode or postmoderate.&amp;nbsp;Also can used for billboard, responses, guestbook.

Fabricasaitov  1.0-pl1 (135 KB)Other VersionsNeed help installing this extra?

FAQ with ask form

Display multiple locations with enriched details and customizable aesthetics.

Example 1

Example 2

Example 3

Example 4

With the Google Maps widget, you can plot several places all at once. Whether you have multiple branches, partner locations, or other points of interest, you can display them all together, making it easier for your visitors to see the full extent of your reach.

Showcasing Multiple Locations

The Google Maps widget can provide a handy list of all your locations. This means your visitors can quickly see all the places you operate from, and select the one they're interested in, offering an easy and fast way to access information about each location.

Accessible Location List

With the Google Maps widget, each location can be so much more than just a pin on a map. You can enhance each spot with a descriptive card that includes an image and some text, allowing your visitors to get a better sense of what each location offers before they even set foot in the door.

Enriched Location Display

With Google Maps widget, you're not just sharing a location, but offering valuable information. For each location, you can display working hours, provide a link to a dedicated website, and even share a contact phone number. This ensures your visitors have all they need to reach out or plan a visit.

Providing Comprehensive Information

The Google Maps widget lets you add a touch of personalization to your website. You can choose from a variety of beautiful map skins, ensuring the map not only provides essential information but also aligns perfectly with your site's aesthetic and branding.

Multiple Map Skins

The Google Maps widget allows you to break away from the standard pin style. You can choose from a variety of pin styles to mark your locations, adding an extra layer of customization and visual appeal to your map. This can help your site stand out and make the



Diverse Pin Styles

The Google Maps widget includes a handy direction button feature. With just a click, your visitors can open up directions from their current location to any of the spots on your map. This makes planning a visit or journey to your locations as easy as a simple click.

One-Click Directions

The Google Maps widget is fully customizable, allowing you to tweak its design to match your website's style. You can easily adjust elements like colors, fonts, and spacing to create a widget that fits seamlessly with your site. The real-time preview feature lets you experiment and refine until you land on the perfect design that enhances your users' experience.

Fully Customizable

The Google Maps widget is designed for optimal performance across all devices. Its responsive design ensures it works flawlessly on desktops, laptops, tablets, and smartphones. This adaptability provides a consistent and intuitive user experience, crucial in the mobile-centric world, giving your website a competitive edge.

Perfectly Responsive Google Maps

The Google Maps widget is designed for simplicity, requiring no coding skills. Its user-friendly dashboard, coupled with easy drag-and-drop features, lets you tailor the widget to your preference in a matter of clicks.

Easy to use

With the Google Maps widget, you can dive deeper into customization using your own CSS. Whether you're a seasoned developer or a creative enthusiast, this feature allows you to modify aspects like size, shape, and position, or even invent new styles. This flexibility ensures the widget seamlessly aligns with your website's aesthetic, elevating your visitors' experience.

Use Custom CSS

Effortlessly incorporate the Google Maps widget into your website with just a single line of code. Each change you make to the widget will automatically reflect on your website. Simply copy the provided code for the Google Maps widget and insert it into your website's HTML code. You can position this code in the most suitable area of your website, whether that's the footer, header, or any other section.

Easy to embed on any website

With a maps widget, your visitors can quickly and effortlessly find your physical location. No need to leave your site to search for an address, it's all right there, simplifying their user journey.

Ease of Location Discovery

Having a maps widget on your site shows you have nothing to hide. It's a sign of trustworthiness and transparency, assuring your visitors that you're a real entity with a physical presence.

Increased Trust and Transparency

Implementing a maps widget can contribute to local SEO. As search engines understand your site's relevance to a location, you can potentially rank higher in local search results, attracting more visitors.

Boosted SEO Value

Use the Google Maps widget when location is part of your offer and you want visitors to find you or your branches without confusion. A customized map with multiple pins, labels, and styled colors gives users a clearer sense of where you operate than plain addresses alone. This is key for physical stores, clinics, coworking spaces, logistics hubs, and multi location service brands. Visitors can zoom, switch views, and open directions directly from your site. Presenting geography visually reduces friction, saves support time, and builds trust that you are a real, reachable business with concrete presence in the world.

Google Maps

Website Components

An accessibility menu that lets visitors adjust text, colors, motion, images, and navigation settings.

The Website Accessibility Tool includes profiles for visitors with visual, motor, attention, dyslexia, and seizure-related needs. Each profile applies a suitable combination of accessibility adjustments in a single step. Website owners can choose whether these profiles appear in the accessibility menu.

Ready-Made Profiles in the Website Accessibility Tool

Visitors can adjust font size, line height, letter spacing, text alignment, and font style to suit their reading needs. They can also highlight links and titles, activate a reading guide, or use a larger cursor for easier navigation. Each option can be enabled separately, giving visitors control over how they interact with the page.

Text, Reading, and Navigation Adjustments

The Accessibility Widget allows visitors to adjust contrast and saturation, invert colors, hide images, and pause animations. These controls can reduce visual barriers, movement, and distractions across the website. Visitors can combine the settings that best support their individual browsing needs.

Visual and Motion Controls in the Accessibility Widget

The widget can remember a visitor’s selected accessibility settings as they browse the website or return later. A keyboard shortcut provides another way to open the accessibility menu without relying on the on-screen button. Visitors can also reset all adjustments whenever they want to restore the website’s original appearance.

Saved Preferences and Keyboard Access

Website owners can customize the button, panel, colors, fonts, layout, and labels to match their website. Custom CSS provides additional control for developers and designers who need more detailed styling. The menu can also include a direct link to the website’s accessibility statement.

Customize the Website Accessibility Tool

The accessibility button can be positioned on the page and adjusted using horizontal and vertical spacing controls. This helps website owners place it where it remains visible without covering other important elements. The widget can also be displayed on mobile devices, making its accessibility controls available across different screen sizes.

Flexible Placement Across Devices

The Website Accessibility Tool offers multiple layouts to help it fit naturally into your website. You can choose a layout that works well with your page structure and available space. This makes it easier to provide accessibility controls without disrupting your existing design.

Varied Website Accessibility Tool Layouts

Select from a range of ready-made skins to match the look and style of your website. These designs reduce the time needed to style the accessibility menu from scratch. Whether your website is modern, minimal, or traditional, you can choose a skin that creates a consistent appearance.

Choose From Multiple Design Skins

The Accessibility Widget gives you extensive control over its colors, fonts, spacing, labels, and other visual elements. You can adjust its appearance to align with your brand and website design. This flexibility helps you create an accessibility menu that is both functional and visually consistent.

Fully Customizable Accessibility Widget

The widget is designed to display properly across desktops, tablets, and mobile devices. Its layout adapts to different screen sizes while keeping the accessibility controls clear and usable. This allows visitors to access the available adjustments regardless of how they browse your website.

Perfectly Responsive on Every Device

The Website Accessibility Tool can be configured without coding or technical experience. Its intuitive editor allows you to manage the design, placement, content, and available options in just a few clicks. This makes it simple for any website owner to add and maintain accessibility controls.

Easy-to-Use Website Accessibility Tool

Custom CSS gives developers and designers more freedom to refine the widget’s appearance. You can apply advanced styling that goes beyond the standard customization settings. This allows the widget to match specific brand guidelines and unique website designs more closely.

Custom CSS for Greater Design Control

The Accessibility Widget can be added to any website using a single line of code. Once embedded, changes made in the editor are automatically reflected on your website. This keeps the widget current without requiring you to replace the embed code after every update.

Effortlessly Embed the Accessibility Widget

Accessibility barriers can prevent visitors from contacting a business, submitting a form, reading important information, or completing a purchase. Making the website easier to use helps more visitors move through these steps successfully. This can support inquiries, registrations, sales, and other business goals.

Reduce Barriers to Important Actions

A more accessible website gives visitors a fairer opportunity to interact with your content. It demonstrates that your business considers the needs of a diverse online audience. This inclusive approach can support stronger trust in your website and brand.

Create a More Inclusive Website

The Accessibility Widget can reduce the difficulties that cause some visitors to leave a website early. When people can interact with content more comfortably, they have a better opportunity to explore additional pages and complete important actions. This can support stronger engagement and more effective customer journeys.

Improve Engagement With the Accessibility Widget

The Accessibility Widget adds a configurable accessibility menu to your website, allowing visitors to adjust text size, spacing, fonts, colors, contrast, animations, images, and navigation settings. It also includes ready-made profiles for different accessibility needs, a reading guide, a larger cursor, keyboard access, and saved visitor preferences. The widget can be customized to match your website’s design, positioned as needed, and displayed across desktop and mobile devices.

Accessibility

Utilities

Make your titles stand out to capture the attention of your visitors

The widget offers 10 different animation effects, allowing site owners to choose the perfect style to match their website's theme and brand identity. This level of customization ensures that animated titles always blend seamlessly with the site's design.

Diverse Animation Effects

With advanced typography options, site owners can easily customize the font, size, and color of their animated titles to create the desired look and feel. These options enable users to maintain a consistent visual style across their website.

Advanced Typography Options

With our new feature in the Animated Headline Widget, you're no longer confined to animating only full sentences or headlines. You now have the ability to animate any segment of your sentence - be it the beginning, the middle, or the end. This feature gives you more flexibility to emphasize specific words or phrases, making your content even more engaging and interactive.

Animate for Any part of Your Sentence

The animated title widget is fully customizable, empowering site owners to modify every aspect of the title to suit their preferences. This level of control ensures that the final result is always in line with the desired outcome and the website's branding.

Complete Customization

The widget's fully responsive design ensures that animated titles display perfectly on all devices, including mobile phones, tablets, and desktop computers. This guarantees a consistent and enjoyable experience for visitors, regardless of the device they use.

Responsive Design

The Animated Title Widget features an easy-to-use interface, making it simple for site owners to create and customize their animated titles. This user-friendly approach ensures that even those with minimal technical knowledge can effectively implement the widget on their websites.

User-friendly Interface

For users with coding knowledge, the widget supports custom CSS, allowing for even more precise control over the appearance and behavior of the animated titles. This feature caters to advanced users who seek a higher level of customization.

Custom CSS Support

The animated title widget is simple to embed on any website with just one line of code, ensuring a hassle-free integration process. This ease of use makes it accessible to site owners of all skill levels, from beginners to experienced web developers.

The addition of an animated headline widget can greatly enhance a website's visual appeal, making it more attractive to visitors. This not only improves the user experience but also reflects positively on the site's brand and professionalism.

Improve your website's Aesthetics

Using animated headlines enables you to convey complex ideas or important information more effectively to your website visitors. This facilitates better communication and understanding, ensuring that both parties benefit from a more streamlined and informative user experience.

Better Communication

By emphasizing key messages or calls to action, the animated headline widget can effectively guide your website's visitors toward desired actions, such as signing up for a newsletter or purchasing. This ultimately leads to higher conversion rates and increased profits.

Increased Conversion Rates

Use the Animated Headline widget when you want your main message to be impossible to ignore without relying on heavy graphics. Headlines are where visitors decide whether to keep reading, so animation here can focus attention at exactly the right place. You can cycle through key benefits, use cases, or audience types using a single compact line of text, which lets you address multiple segments without clutter. This works well in hero sections, campaign pages, and product launches. The movement draws the eye, but the content stays readable and direct, helping visitors grasp what you offer in only a few seconds.

FAQ with ask form

MODX extra

App Details

Pricing

App Info

Some of the best Common Ninja extras for MODX

Google Maps

Accessibility

Animated Headline

extras You Might Like

Captcha

MySlider Constructor

Revolution Aide Memoir Chrome Extension

TimerangeTV

easyCart

Solemnity

getMediaSourcePath

Social Share Buttons

Taxonomies

phpThumbsUp

Discover the best apps for your website

Common Ninja Search Engine

FAQ with ask form

MODX extra

App Details

Pricing

Check Out the Google Maps Widget

App Info

Some of the best Common Ninja extras for MODX

Google Maps

Accessibility

Animated Headline

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine