Page building

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

We’re transitioning to a new UI, and are in the process of updating our Webflow University content.

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.

Page building for designers

Create page templates and building blocks

As a designer, you can create static page templates and components your teammates or clients can use to build and edit common marketing pages (e.g., landing pages, competitor pages, feature/solution pages, event pages, etc.). All pages created from static page templates inherit the page settings (e.g., SEO settings, custom code, etc.) you set on the template.

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.

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. Note that a page slot is not the same as a regular slot element (marketers are not able to add components into slot elements).

If a page doesn’t have page slots, marketing teammates can only edit the page.

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. Note that a page slot is not the same as a regular slot element (marketers are not able to add components into slot elements). If a page doesn’t have page slots, you can edit content on the page.

Note: Marketers on Enterprise sites 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 reviews and feedback.

Key limitations

  • 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 (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.

Table of contents

Continue learning

Hmm…we couldn’t find any results for “search query”. Try a different search term or check out our community forum.

Search the forumReset the filter
Load more

Filter

Reset
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Topics
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Back to top