Page building

Updated

Execute on new campaigns, experiments, and product releases more quickly with page building.

With page building, designers can create design system guardrails that empower marketers, clients, and less-technical teammates to build brand-consistent pages on their own — so teams can execute on new campaigns, experiments, and product releases more efficiently.

As a designer, developer, or partner, you can build page templates and components and invite teammates to contribute to your site without breaking or deviating from your design system. As a marketer or client, you can build and edit pages (e.g., landing pages, competitor pages, feature/solution pages, event pages, etc.) using designer-approved building blocks and share pages for review before publishing.

Note

You can only build page templates for static pages (i.e., you can’t build page templates for Collection pages). You can build up to 40 static page templates.

Page building for designers

Create page templates and building blocks

As a designer, you can create static page templates and components. Then, your teammates or clients can use these to build and edit common marketing pages (e.g., landing pages, competitor pages, feature/solution pages, event pages, etc.).

If you want marketers, clients, or other teammates to be able to add components to the page, you can drag in a Page slot element from the Add panel. Page slot elements act as a placeholder where teammates can add preexisting components. This is useful for building pages with preexisting components. Note that a page slot is not the same as a component slot element. For components that contain component slots, marketers have the additional flexibility of adding components into those component slots. To retain control for designers and safety for marketers, marketers can only add components into component slots if they’re within a page slot.

If a page doesn’t have page slots, marketing teammates can only edit the page (e.g., edit text, links, and images, manage site assets, and manage Collection items/Ecommerce products).

Note

If you open the Designer while another teammate has design control, you’ll be placed in Build mode.

Add marketing teammates or clients to your site

To add teammates or clients to your site:

  1. Go to Site settings > Site access
  2. Click Add people
  3. Choose the teammate to add from the Team dropdown
  4. Set their site role as “Marketer”

Note that in order to add teammates to a site, they must already be members of your Workspace.

Page building for marketers

Build and edit pages

As a marketer, you can confidently and quickly build and edit pages in a drag-and-drop experience using the templates and building blocks your teammates created — with no worries about breaking the site.

You can create a new page from a static page template and edit/adjust page settings. Then, you can add, move, or delete existing components in any page slots and customize component property values as needed. Page slot elements act as a placeholder where you can add preexisting components. This is useful for building pages with preexisting components. Note that a page slot is not the same as a component slot element. For components that contain component slots, you have the additional flexibility of adding components into those component slots. To retain control for designers and safety for marketers, you can only add components into component slots if they’re within a page slot.

If a page doesn’t have page slots, you can only edit the page (e.g., edit text, links, and images, manage site assets, and manage Collection items/Ecommerce products).

Note

Marketers can create and page build on branches, as well as request review and approval of their page branches. However, marketers cannot merge branches — designers will have to merge branches for them after approving their changes.

Multiple marketers are able to work on different pages (or the same page) at the same time — however, when many marketers work on the same page at the same time, there is a risk of conflicts between teammates’ work. For example, one marketer could delete a component instance that another marketer was editing. When multiple marketers work on the same page, the undo and redo actions are disabled to avoid such conflicts.

Your changes sync live to the sessions of other team members working in the Designer. For example, if you add a component to a page slot, that component appears on the canvas for other team members in real time.

When you finish building a page, you can share it with your team for review and feedback.

How page building works

  • As a designer, you can only build page templates for static pages (i.e., you can’t build page templates for Collection pages).
  • As a designer, you can only add page slots to static page templates or static pages (i.e., you can’t add page slots to Collection pages).
  • As a marketer, you can add components from shared Libraries onto pages, but only if those components have already been used on the site. This lets designers decide which components from the library can be used on the site.
  • Not all changes are live-synced in the Designer. For example, if a designer makes a change to a main component, and a marketer then tries to add that component to a page, they’ll receive a notification that the component is out of date and ask them to refresh their browser to update. Newly created pages are also not synced between browser sessions — i.e., if you create a new page, the page won’t appear for other team members until they refresh/reload the Designer.
  • All pages created or duplicated from static page templates inherit the page settings (e.g., SEO settings, custom code, etc.) designers set on the template.