Group page design

1. Group page design

   Design the storefront page of this service group with drag and drop and a live preview. The Open page link shows the published page in a new tab. This tour walks you through every tool.

2. Desktop or mobile

   Switch the preview between a 1280px desktop view and a 390px phone frame to check both layouts.

3. Reload the preview

   Reloads the preview page. Your unsaved changes are sent to it again, so nothing is lost.

4. Revert (saved)

   After you confirm, the page returns to its state before the last save or template; running it again redoes the change. It is disabled when there is no earlier design.

5. Undo

   Steps back through your unsaved edits, up to 40 steps. Ctrl+Z or Cmd+Z does the same when you are not typing in a field.

6. Save

   Nothing is published until you press Save, which stores the whole page design at once.

7. Hide the tools panel

   Hides the settings panel and icon rail for a full-width preview. Press it again to bring them back.

8. Section list

   The page's sections in order. Click one to select it and scroll the preview to it; hover to move it up or down, use the eye to hide or show it, and the button at the bottom to add a section.

9. Live preview

   Your real group page with the unsaved design. Click a text to edit it in place, or hover a section for tools to move, hide or delete it, open its settings, or add a new section between others.

10. Settings panel

    Shows the settings of the tab picked on the icon rail. When your store uses more than one language, the icon at the top of a tab translates its texts.

11. Hero

    The banner at the top of the page. Switch on a custom hero to set its title, subtitle, badge, image and button; the animation and ambient decor work either way. When it is off, the group name and price summary are shown.

12. Sections

    Add, reorder and edit content sections such as features, FAQ, gallery, pricing, testimonials, a contact form or a map, each with its own style. Starter templates replace the sections at once and keep the hero, products and CTA.

13. Products

    Choose how the group's services are shown (grid, table or tiles) and drag them into the order you want on the page.

14. CTA

    The call-to-action band near the end of the page. Switch on a custom CTA to set its title, subtitle, button label and link; when it is off, the default Get started band is shown.

15. SEO

    The page title and meta description search engines show, up to 160 and 320 characters. When left empty, default texts are used.