Collapsible accordion sections for Elementor, with nested content, single-open behaviour and layouts that hold up on mobile.
One switch wraps the whole list in FAQPage JSON-LD, so the same panel a visitor opens is the one Google can lift into a result. Nothing to paste, no second plugin.
No. Every widget and extension runs on free Elementor. Sky Addons Pro adds its own widgets and extensions — the two are independent products, and this entire demo site runs without Elementor Pro.
Assets load per widget, not per page. A page using two widgets enqueues two stylesheets. Modules you never use can also be switched off entirely in Sky Addons ▸ Widgets, which removes them from the editor panel and the front end.
Layout built with Elementor containers survives — those are core. Sky widgets leave a placeholder in the editor and render nothing on the front end until the plugin is active again. No content is deleted.
It is theme-independent. This site runs Hello Elementor; the widgets inherit your global typography and colours through Elementor’s own kit, so they take on the theme rather than fighting it.
Free updates arrive through the WordPress updater. Pro checks a licence key and updates the same way — one click, no re-download.
A long support list stops being a scroll when it runs in two balanced columns. The widget splits the items across the columns itself, so the second column starts where the first one runs out.
In your account area under Licences. It is also in the purchase email, and one key covers the number of sites in your plan.
Yes. Deactivate it on the old site first, then activate on the new one. There is no cool-down.
Fourteen days, no questions, provided the licence has not been used on a live commercial site.
Yes. Activate network-wide or per site; the licence counts activations, not blogs.
PHP 7.4 or newer. 8.1+ is recommended and is what the plugin is tested against.
Open a ticket with the page URL and a screenshot. If it is reproducible on a clean install, it goes straight into the next patch.
The block every shop needs under the buy button. Each row carries its own icon, and the open/close indicator sits on the left, so the row reads icon → label → state.
Ceramic body, 320ml, dishwasher and microwave safe. Glaze is food-safe and lead-free. Each piece is thrown individually, so the height varies by a couple of millimetres.
Dispatched within two working days. UK tracked 48 is included; next-day and European options appear at checkout.
Thirty days, unused and in the original box. Damaged in transit? Send one photo and a replacement ships the same day.
Dishwasher safe, but hand washing keeps the glaze bright. Avoid thermal shock — no freezer to oven.
The Accordion widget allows you to turn any section into a collapsible accordion. Each section could be anything such as a text, image or video block.
Accordion is a widget that allows you to create a slide with an accordion-like effect. You can display any type of content within this widget.
Accordion is a lightweight and powerful Elementor accordion widget. It comes with the most advanced features such as: custom width, custom header, animation and much more
Accordion is an easy to use and beautifully designed Elementor Accordion widget for creating accordions on your WordPress site.
It allows you to create content in a beautiful way that is more engaging and easier to navigate.
It comes with the most advanced features.
Default accordion behaviour closes the last panel when you open the next. For a changelog or a checklist that is exactly wrong — here every row can stay open, and a second switch decides whether clicking an open row closes it again.
Global colours and fonts first. Every Sky widget reads Elementor’s kit, so a palette set once means no widget carries a hard-coded hex.
Sky Addons ▸ Widgets lists every module. Switching one off removes it from the panel and stops its assets loading anywhere.
Desktop, tablet, mobile — every size, spacing and column control on this page is responsive. A layout that only works at 1440 is not finished.
Elementor ▸ Tools ▸ Regenerate Files. Styling that appears to have been ignored is usually a stale CSS file, not a wrong setting.
Structural checks only prove the page saved. Open it, scroll it, and check it on a phone before you call it done.
Point it at posts and it stops being a list you maintain. This one runs the five most recent posts on the site, newest first — publish a sixth and the panel updates itself.
Model Girl Blog is a design-forward template built specifically for fashion bloggers, model portfolio sites, and lifestyle publications who want their content to breathe. The design prioritises visual hierarchy so photography leads and text supports, creating the editorial layout conventions of print fashion magazines translated into a responsive digital experience.
The template leverages Elementor's full-width section system to eliminate sidebar clutter and maximise the space available for hero imagery. Each blog post archive uses Sky Addons Loop Carousel to present featured posts in a filterable carousel that respects the template's typography scale without forcing square crops on portrait-format photographs. The carousel's responsive breakpoints ensure that a three-column desktop layout compresses to a single-column mobile feed without awkward intermediate states.
Individual post pages within the Model Girl Blog template use Sky Addons Table of Contents to automatically generate article navigation for longer editorial content. Fashion features and trend roundups frequently run to several thousand words, and the Table of Contents gives readers a structural overview before they commit to a full read — improving scroll depth and time-on-page metrics that signal content value to search engines.
The template's bright colour scheme is managed through Elementor's global colour palette, making it straightforward to retheme the entire site by updating a handful of colour values. Sky Addons Text Animation widget applies subtle entrance animations to section headlines that reinforce the premium editorial feel without adding visual noise that would compete with the fashion photography.
For fashion bloggers monetising through affiliate links and sponsored content, the template's clean design provides an ideal foundation for product showcase sections built with Sky Addons Generic Carousel. Each product card can display pricing, brand, and a direct purchase link within a carousel that scrolls horizontally on desktop and responds to touch swipe on mobile — mirroring the browsing behaviour of fashion consumers on Instagram and Pinterest.
The promise of visual page building is that design decisions happen in a canvas that looks like the final result, not a abstract markup language that requires imagination to preview. Elementor delivers this promise at the page level; Sky Addons extends it to the interaction level, giving designers control over what happens when a visitor hovers, scrolls, or engages with content rather than just how content is arranged statically.
Elementor's section and column system forms the structural backbone of every Sky Addons-enhanced layout. Sections define vertical rhythm, columns handle horizontal distribution, and widgets populate individual content slots. Sky Addons widgets sit within this system without requiring special structural treatment — a designer can place an Image Stack widget in any column just as they would a text editor or heading widget, with the full range of Elementor's alignment, spacing, and responsive controls applying equally.
The distinction that Sky Addons adds is interaction depth. The Hover Video widget transforms a static video thumbnail into an interactive preview experience without requiring the visitor to navigate away from the current context. The Generic Carousel's coverflow depth and modifier controls add three-dimensionality to what would otherwise be a flat card stack. The Advanced Background extension brings ambient motion to section backgrounds that static gradients cannot achieve.
Customisation extends to the data layer through Sky Addons' post-query widgets. The Loop Carousel and its associated grid widgets pull from WordPress post queries configured through the widget panel — no PHP, no custom queries, no child theme required. A fashion blogger can configure a carousel to display posts from a specific category, a date range, and a custom field condition, all through dropdown selectors in the widget panel, creating editorial curation experiences that update automatically as new content is published.
Colour is the fastest way to communicate mood in web design. Before a visitor reads a single word, the background colour, accent palette, and contrast relationships have already shaped their emotional response to the content they are about to engage with. Sky Addons, combined with Elementor's global colour system, gives designers precise control over every colour decision and the tools to implement those decisions consistently across an entire site.
Elementor's global colours work by defining a named palette — primary, secondary, accent, text, background — that can be referenced throughout the site. When a brand refreshes its colour scheme, updating the global palette updates every widget that references it simultaneously, without opening individual widget panels. Sky Addons widgets honour this system fully, meaning colour changes propagate correctly through Advanced Background gradients, button hover states, form field focus indicators, and carousel card overlays.
The Advanced Background extension extends colour control beyond solid fills into animated gradient territories. A designer can set a gradient angle (0 to 360 degrees), define multiple colour stops at different positions, and control animation speed and direction. The result is a living background that maintains the brand's colour identity while adding the kinetic energy that static backgrounds cannot provide — without requiring video file production or After Effects expertise.
The bright colour scheme characteristic of fashion and lifestyle blog designs benefits from Sky Addons' hover interaction controls. When a dark overlay appears on image hover, the overlay colour and opacity controls ensure the overlay maintains sufficient contrast with any text placed on top of it. This means designers can use vivid photography as the primary visual element and add information overlays without worrying that text will become unreadable at specific image colourations.
Starting a new website design can feel overwhelming when the blank canvas offers infinite possibilities and no guidance about where to begin. Elementor and Sky Addons solve this by providing a widget-based design system where every component is pre-built, pre-styled, and ready to configure — letting designers focus on arrangement and customisation rather than construction from scratch.
The design process begins with Elementor's template library, which provides pre-built section layouts for every common page type — hero sections, feature grids, testimonial rows, pricing tables, and CTA banners. Each template can be inserted as a complete unit or broken apart to use individual sections. Sky Addons widgets integrate seamlessly within these templates, adding interaction richness without requiring structural deviation from the template's proven layout conventions.
The Nav Menu widget handles the global navigation with an off-canvas mobile experience that matches the visual quality of the desktop navigation. Hamburger menu icons, panel backgrounds, and overlay colours are all configurable to match the site's design language rather than defaulting to browser-native or WordPress theme styling that frequently breaks visual consistency at the mobile breakpoint.
Sky Addons' hover interaction vocabulary transforms static page layouts into responsive experiences. The Circle Hub widget creates animated client logo or partner displays that rotate on scroll. The Generic Carousel's coverflow transitions add dimensionality to testimonial rows and featured content sections. The News Ticker displays scrolling announcements, updates, or promotional messages across any page section. Each widget adds a specific interaction capability that transforms passive scrolling into active engagement.
The most enduring blog designs are the ones that know what to leave out. Complexity is easy to add; restraint is hard to develop. Sky Addons for Elementor provides widgets that add genuine interaction value — hover previews, animated backgrounds, editorial carousels — without forcing designers to choose between functionality and visual simplicity.
The Image Stack widget exemplifies this balance. By arranging images in deliberate overlapping stacks rather than rigid grids, it creates visual interest and curation signals without adding border colours, shadow depths, or decorative elements that compete with the photography itself. Each image in the stack carries its own hover effect, allowing the designer to add subtle zoom or overlay treatments that reward interaction without cluttering the resting state.
Blog index pages built with the Loop Carousel maintain editorial pacing while surfacing more content than a static grid. Readers can browse horizontally through category-filtered post selections without leaving the archive view, discovering related content they might not have found through chronological scrolling. The carousel's auto-play and speed controls let editors tune the browsing rhythm to match their content's natural cadence.
The simplicity principle extends to typography. Elementor's heading and text editor controls apply site-wide through global typography settings, ensuring every heading carries the same family, weight, and sizing ratio throughout the site. Sky Addons Text Animation widget adds editorial flair without complicating the base typography system — a word-by-word reveal on a section headline enhances the reading experience without requiring separate type treatment for every page section.
A row can point at a saved template instead of text. Three of the four panels here hold an image block, a video player and a set of skill bars — full layouts, rendered only when the row opens.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec.
Mixing sources inside one accordion is fine — the widget renders each row from whatever that row is pointed at.
Two short columns, one line of answer in each. The rounded shell, the warm tint on the open row and the plus that turns into a minus are all set in the panel — there is no stylesheet behind this page.
One key, activated per site, moved whenever you like.
Tickets answered within one working day, in English.
Through the WordPress updater, for as long as the licence is active.
Fourteen days on an unused licence.
WordPress 6.0+, Elementor 3.20+, PHP 7.4+.
Fully translatable, RTL tested, POT file included.
Four courses, twenty dishes, one page. Each course opens on its own and the prices sit hard right, so the column reads straight down.
Served from 17:30
| Warm sourdough, cultured butter | £4.50 |
| Castelvetrano olives, orange zest | £4.00 |
| Whipped cod roe, rye crisp | £7.50 |
| Charred leek, hazelnut, brown butter | £8.00 |
| Beef tartare, smoked egg yolk | £11.00 |
| Fried artichoke, lemon aioli | £7.00 |
| Margherita, 24-hour dough | £11.00 |
| Nduja, honey, fennel pollen | £14.00 |
| Cavolo nero, taleggio, walnut | £13.50 |
| Whole plaice, brown shrimp butter | £22.00 |
| Hispi cabbage, anchovy crumb | £9.50 |
| Pork belly, apple, mustard greens | £21.00 |
| Aged sirloin, bone marrow, watercress | £29.00 |
| Pearl barley, wild mushroom, parmesan | £17.00 |
| Cornish hake, brown butter, capers | £23.00 |
| Lamb rump, salsa verde, new potatoes | £25.00 |
| Salted caramel tart, creme fraiche | £8.00 |
| Poached quince, oat crumble | £7.50 |
| Chocolate and olive oil mousse | £8.50 |
| Three cheeses, quince paste, oatcakes | £12.00 |
Six days, six panels. Each one opens on the hours of that day — pickup times, the walk, what dinner looks like. Nothing buried in a PDF attachment.
| 07:20 | Pickup from Krabi airport |
| 09:00 | Check in, Ao Nang beachfront |
| 12:30 | Lunch at the pier — grilled snapper |
| 16:00 | Longtail to Railay West for sunset |
| 19:30 | Dinner on the sand |
| 08:00 | Boat leaves from Ao Nang |
| 09:15 | Chicken Island, snorkel stop |
| 11:30 | Tup Island sandbar walk |
| 13:00 | Lunch on Poda |
| 16:30 | Back for the evening market |
| 07:30 | Breakfast, then boat to Railay East |
| 09:00 | Guided climb, two easy routes |
| 12:00 | Phra Nang cave beach |
| 15:00 | Viewpoint hike — steep, worth it |
| 18:00 | Free evening |
| 08:00 | Two-hour drive inland |
| 11:00 | Jungle walk with a local guide |
| 14:00 | Lunch, then rest |
| 17:00 | Night safari briefing |
| 20:00 | Fireflies along the river |
| 06:30 | Early start — the mist is the point |
| 08:30 | Longtail across the lake |
| 10:00 | Floating huts, swim off the deck |
| 15:00 | Kayak the flooded forest |
| 19:00 | Dinner on the water |
| 08:00 | Breakfast on the deck |
| 10:00 | Boat back, transfer to Surat Thani |
| 14:40 | Flight out |
| — | Airport transfers included both ways |
The syllabus a new starter gets on day one. Two modules are already marked done, the rest open in order, and every lesson carries its run time.
| Modules | 6 |
| Lessons | 21 |
| Total run time | 2 h 08 m |
| Completed | 2 of 6 |
Modules unlock in order. A tick in the row means the whole module is finished, not just opened.
4 lessons · 27 min
| Why flex and grid replaced the old row model | 6:10 |
| A two-column split that survives mobile | 8:40 |
| Nesting: when it helps, when it hurts | 5:20 |
| Spacing that scales with the breakpoint | 7:00 |
3 lessons · 19 min
| Picking a scale and staying on it | 6:30 |
| Reading measure, and why 660 keeps appearing | 4:50 |
| Headings that survive a 390px screen | 7:20 |
3 lessons · 17 min
| One accent, one support, nothing else | 5:40 |
| Checking contrast before you ship | 6:00 |
| Dark sections as punctuation, not wallpaper | 5:10 |
4 lessons · 22 min
| One beat per section | 4:40 |
| Scroll-triggered against entrance animation | 7:50 |
| Parallax without the seasickness | 6:20 |
| Respecting reduced motion | 3:30 |
4 lessons · 24 min
| The three widths that actually matter | 5:00 |
| Fixing overflow at the source | 8:10 |
| Images that crop well at every ratio | 6:40 |
| Testing on a real phone | 4:20 |
3 lessons · 19 min
| The pre-launch checklist | 7:10 |
| Handing a page to someone who did not build it | 5:30 |
| What to measure in week one | 6:00 |
Each role opens on the same three facts — where, how much, what shape — before it asks you to read a word of prose.
| Location | Remote — UK or EU |
| Salary | £70,000 – 85,000 |
| Type | Full time, permanent |
| Location | London — hybrid, two days in |
| Salary | £58,000 – 72,000 |
| Type | Full time, permanent |
| Location | Remote — worldwide |
| Salary | £42,000 – 52,000 |
| Type | Full time, permanent |
| Location | Remote — UK or EU |
| Salary | £45,000 – 55,000 |
| Type | Part time, three days |
Every role is open to applicants who need a visa, and the salary band is the band — it is not a starting point for a negotiation.
An FAQ with schema, a two-column support centre, a product spec with icons, a multi-open checklist, a live post query, saved templates folded into rows, a compact two-column strip, a restaurant menu, a six-day itinerary, a course syllabus and a careers list. One widget, no custom CSS anywhere on this page.
FAQ · Support · Product · Checklist · Live posts · Templates · Compact · Menu · Itinerary · Syllabus · Careers
Straight answers about what this one does, where it fits in a real build, and what it costs you to ship.
Read the documentation for this one, or write to us — a human answers inside a business day.
Yes. Each row in Sky Addons’ Advanced Accordion widget for Elementor takes rich text, a saved Elementor template, or an Anywhere Elementor template — so a panel can contain a pricing table, a form, a gallery or an entire section rather than a paragraph. Elementor Pro is not required.
Three sources. Sky Addons for Elementor builds the Advanced Accordion from rows you type by hand, from a post query, or from an ACF repeater field on the current page — the same widget, switched with one dropdown, so a page can be authored by an editor who never opens Elementor.
Yes. Name the repeater field and map which sub-field is the question and which is the answer, and Sky Addons’ Advanced Accordion widget reads it from whichever post is being rendered. It works with Advanced Custom Fields or its Secure Custom Fields fork, and it is how the FAQ block at the foot of every page on this site is built — one widget, different questions per page.
Yes. Point it at a post type and Sky Addons for Elementor turns each post into a row, with a query builder for the limit, offset, order, date range, specific authors or terms to include or exclude, and posts to leave out — so a knowledge-base accordion grows as you publish instead of being retyped.
Yes — as JSON-LD, as inline microdata, or both, chosen from one control. Sky Addons’ Advanced Accordion widget describes each row as a Schema.org Question with its answer. Be realistic about the payoff: Google narrowed FAQ rich results to government and health sites in 2023, so this makes your Q&A machine-readable for search and AI answer engines rather than guaranteeing a rich snippet.
They merge. Sky Addons for Elementor writes one JSON-LD FAQPage document per page and pools the questions from every accordion on it — measured on this page as a single valid document holding all of them — which is what search engines expect. Microdata cannot merge that way, so it is carried inline by the first accordion only.
No, deliberately. A row whose answer is a saved Elementor or Anywhere template is skipped by the schema, because a layout is not prose and pushing markup into an answer field produces structured data no engine can use. Sky Addons for Elementor keeps the FAQPage document to the rows that genuinely read as answers.
No. Enable it only where the rows really are questions and answers. A specification table, a menu or a set of process steps marked up as an FAQ tells search engines something untrue about the page, so Sky Addons for Elementor leaves the switch off by default and makes it a deliberate choice per accordion.
Yes, and it is a switch. Multi-open suits checklists and specifications where a reader compares two rows; single-open keeps a long FAQ short. Sky Addons’ Advanced Accordion widget also takes a comma-separated list of rows to start open, and can be told whether an open panel is allowed to close again.
Yes — one to four columns, and a two-column layout roughly halves the height of a long FAQ. Sky Addons for Elementor resets the count to a single column on phones by default rather than inheriting the desktop value, because three tracks inside a 390px screen leaves each question too narrow to read.
Both. Every row header is focusable and opens with Enter or Space, and Sky Addons’ Advanced Accordion widget renders each answer on the server, collapsing panels visually rather than withholding them — so a search engine or AI crawler reads a closed row exactly as a visitor would after clicking. Nothing is fetched when a panel opens.
Minimum width. A template whose content cannot shrink — an old slider, a wide data table — can push the accordion past its column on a phone, and that was measured on this site rather than assumed. Prefer templates that reflow, and check a multi-column accordion at 390px before publishing.
