This article will provide an introductory overview of the Smart Builder interface.
The main components to keep in mind when building your page in Smart Builder are items within the header and additional page settings & properties on the right-hand side of Smart Builder.
The header provides you with the tools and components needed to design and customize your landing page. This header includes the following tabs from left to right:
Content Tree, Style Guide, Page Settings, Conversions, and Copy Insights.
Each component is key when it comes to editing your page in Smart Builder.
The Content Tree provides you with a hierarchical layout of all components and sections on your landing page, including the option to hide or display elements - this comes in handy when you’re editing the mobile or desktop version of your landing page.
See our documentation for more details on hiding and displaying elements with the Content Tree.
Use the Style Guide to make changes globally to the design of your landing page, such as updating the typography, link styling, & buttons.
While you can update your page design and branding globally using the Style Guide, you can also update the style of each page section without affecting the style of different sections. Check out our documentation for more insight into styling your page in Smart Builder.
Strengthen your SEO rankings by updating your page metadata within the Page Settings tab. More details about the Page Settings tab within this doc: Updating Page Settings & Metadata in Smart Builder.
The Conversions tab allows you to set which actions on your page - such as button clicks, link clicks, or form submissions - you’d like to track as conversions. Learn more about setting conversion goals within our documentation: Setting Conversion Goals in Smart Builder.
Apply AI-powered copy optimization to headings on your landing page. Copy Insights uses AI-powered insights to provide you with high-converting recommendations of copy edits that can aid in boosting your conversions. See updating your page with Copy Insights to learn more.
Toggle Page Preview & Mobile Version
Toggle the Preview mode radio button to switch between versions of your landing page.
Click the desktop dropdown menu to toggle between the desktop and mobile versions of your landing page. Changes made to the desktop version will automatically appear on the mobile version.
For more details about editing the mobile version of your Smart Builder page, check out our documentation: Editing the Mobile Version of your Page in Smart Builder.
Save & Publish your Landing Page
Save and publish your page directly within the Smart Builder. The Save button will be highlighted in blue if the most recent changes on your page have not been saved yet, so be sure to save your page often!
Redo or Undo Changes
Undo or redo edits on your landing page. The button on the left undoes the action, while the right button redos the action.
Need some assistant editing your page in Smart Builder? Chat with our friendly Support team directly within the Smart builder by clicking the question mark icon and following the prompts to start a live chat. To learn more about reaching out to Support, see How Do I Contact the Support Team?
Visit Editing Your Page with Smart Builder for more articles relating to editing your Page in Smart Builder.