Design Workflow Blog

A unique approach to producing web content

Visual editing, layouts and collections, and team review options come together for an intuitive experience

#web #email #landing-pages

These are the key aspects that make up the Blocks Edit content editing workflow for web pages and emails.

Visual editing from components

Build your page or email using stackable sections within a header/footer frame. Use components like buttons and titles within the section when needed.

Placeholder content

Components consist of example content that acts as a guideline for what’s expected from using the component. Editing content is done by just pointing and clicking on the area you want to edit. Text updates are made inline as you type. Imported images are automatically scaled, cropped, and compressed based on the placeholder image.

Layouts for page types

For certain page or email types that use the same design for their content, use a layout as the starting point. For things like blog posts, landing pages, email newsletters, website subpages, product pages, etc.

Collections and listings

When you have a series of a page, you can create listings from them. This is how you would output a blog main page of posts, for example. Listings can be added to any page, and take any form.

Pin content for reuse

Save content you want to reference later. Like callouts you want to appear across multiple pages. When you make changes to a pin, you can have it update across other pages that use it.

Collaborate and review

Invite others to easily use the editor and produce content. Without worrying about deviating from your design. Content tooltips and a checklist help ensure your team doesn’t miss anything. Share content for review and get valuable feedback via comments. From anyone on your team, even without an editor account.

For more info, check out the full list of features.

Photo of Ovi Demetrian Jr Ovi Demetrian Jr
Designing and building on the web for over 15 years