Advanced Toggle
Fit FAQs and long details into a page people can scan.
Toggle lists where each item opens on its own: switch or tick icons, columns, templates as content, remembered state, deep links and FAQ schema.
Elementor widget
Requirements
- Elementor 3.5 or newer
- WordPress 6.2 or newer
- PHP 7.4 or newer
- Licence: Pro ($2 / year) — add it to the cart in Moduly
Add it to a page
- Edit the page with Elementor.
- In the widget panel, search for Advanced Toggle. Our widgets sit in the Moduly category and carry the Moduly badge.
- Drag it onto the page.
- Set it up in the Content tab, style it in the Style tab, and use Advanced for spacing, motion and visibility.
Settings
Items
| Setting | What you can set |
|---|---|
| Items | each item: Title, Subtitle, Media, Icon, Image, Badge, Content, Content Type, Text, Template, … (16 in all) |
| Title HTML Tag | H2, H3, H4, H5, H6 or div |
| Image Resolution | any registered image size |
| Image Dimension | You can crop the original image size to any custom size. You can also set a single value for height or width in order to keep the original size ratio. |
Layout & Behaviour
| Setting | What you can set |
|---|---|
| Design | Separate cards, Connected box, Minimal lines, Filled title bars, Accent edge or Tiles (use with columns) |
| Columns | Pick one |
| Open Items | Each item on its own (toggles) or Close the others (accordion) |
| Open on Load | First item, None, Items marked open or All (toggles only) |
| Allow Closing the Open Item | Off: one item always stays open. |
| Open On | Click or Hover (click on touch screens) |
| Animation Speed (ms) | 0–1500 |
| Content Entrance | None — just slide open, Fade, Fade and rise or Fade and zoom |
| Scroll the Opened Item into View | Helpful for long answers: if the opened item’s title is off screen, the page scrolls to it. |
| Scroll Offset (px) | Room for a sticky header. |
| Space Between Items | 0–60 |
Toggle Icon
| Setting | What you can set |
|---|---|
| Icon | On / off switch, Checkbox tick, Plus → minus, Plus → cross (turns), Chevron (flips), Arrow (turns), Caret, Custom icons, … (9 in all) |
| Closed Icon | Icon picker |
| Open Icon | Icon picker |
| Position | Start or End |
| Number the Items | Adds 01, 02, 03… before each title. |
| Number Format | 01, 02, 1, 2, 1., 2. or Q1, Q2 |
FAQ, Links & Tools
| Setting | What you can set |
|---|---|
| FAQ Schema | Adds FAQPage structured data (JSON-LD) for search engines. Use it once per page, on real questions and answers. |
| Link Names From Titles | Items without a link name get one made from their title, so example.com/faq#can-i-return-an-item opens that item. |
| Update the Address Bar | Writes the opened item’s link name into the URL, so it can be shared. |
| Remember Open Items | Visitors find the items they opened still open when they come back (stored in their browser). |
| Search Box | Filters the items as visitors type; matches are highlighted. |
| Placeholder | Text |
| No Results Text | Text |
| Expand / Collapse All Buttons | On / off |
| Expand Label | Text |
| Collapse Label | Text |
Style tab: design controls for Items, Title, Item Icon, Image & Number, Open / Close Icon, Content or Search & Buttons — colours, typography, spacing, borders and hover states.
Tips
- Start with the Design choice — it changes the overall look the most; fine-tune the rest afterwards.
- Visitors who ask their device for reduced motion get a calmer, still version automatically.
Troubleshooting
- Changes not showing on the live page? Regenerate CSS in Elementor → Tools → Regenerate CSS & Data and clear any page cache.
Related
- Works well with: Advanced Accordion, Card, Content Switcher.