1. Documentation
  2. Working in Smart Builder
  3. Getting Started with Smart Builder

Creating a Page With Smart Builder

Follow
Avatar
Tas Kurtu
Last Updated

Consider Smart Builder your developer, designer, copywriter and conversion rate expert. Powered by 1.5 billion conversions, Smart Builder helps you confidently and quickly create pre-optimized landing pages that are tailored to your industry, audience, and campaign goals.

Smart Builder helps you create a landing page effortlessly, by recommending high-converting components & page layouts specific to your industry, audience, page purpose, and goals.

Along with our guided experience, Smart Builder handles your copywriting needs thanks to our Copy Assistant, our built-in wordsmith that helps you generate high-converting copy based on your audience, industry, and conversion goals, with just a few lines of text.

This article will explain each step when creating your page with Smart Builder:

  1. Creating a Smart Builder page,
  2. Designing your page, 
  3. Creating Copy, and
  4. Editing your page.

Creating a Smart Builder Page

Note:

Please be aware that Smart Builder pages are not cross-compatible with Classic Builder.

  1. Log into the Unbounce Conversion Intelligence™ Platform.
  2. Click the Create New button on the top-right corner to create a new landing page. 
  3. Choose the option to create a page with Smart Builder:
    Create a page with Smart Builder.

Designing Your Page

Our Design Assistant in Smart Builder will craft page design recommendations based on details about your Client and Unbounce account. 

  1. Within the Design page, include information about your page's purpose, and whether you'd like to include a form on your page:
    Design experience page in Smart Builder.
  2. Click See Your Page to view the design of your page (so far).
  3. Begin by choosing a theme based on Your Brand:
    Select a theme based on your brand colors and styles.
    • Smart Builder pulls details about brand colors and fonts from the information you provided during your sign-up process.
  4. Sift through the different design options by clicking the tabs on the right-hand side (Design 1, Design 2, and Design 3): 
    Gif demo sifting through different theme design options.
    • Rest assured; you can update the page typography (fonts, font family, text size), page sections, and background colors in later steps when designing and editing your page.
  5. For some more options, click the Other Design Themes button and select for Unbounce's existing theme options:

Click Edit Your Copy at the bottom left-hand corner to save these changes and to begin adding copy to your page.

Creating Copy using the Copy Assistant 

After the Design step, the next step is the Copy Assistant.

The Copy Assistant is Unbounce's built-in wordsmith that will generate high-converting copy - for your entire landing page - catered to your audience, industry, and conversion goals.

The Copy Assistant can curate up to three examples of relevant copy for your page. 

To demonstrate this in action, the example provided below is a landing page for a Digital Agency.

  1. To start, input a description of your company:
    Annotated image of a red box around the Company Description section on the left-hand side of Smart Builder
  2. Once you’ve added the description, click the Generate Copy.

  3. The Copy Assistant will curate relevant and insightful copy for your landing page’s headings and paragraphs:
    Gif demo of user clicking the 'Generate Copy' button.

This is one of the three options the Copy Assistant can provide you.

If you're happy with the copy generated, you can click Choose This Option and start building your page. Or, for more suggestions, toggle the Enhanced Copy button:
Annotated image of Enhanced Copy section of the Copy Assistant.

  1. Here, you’ll need to provide the Copy Assistant with more details about your brand and purpose. Enter the following details:
    • Brand Descriptions
    • Target Audience
    • Your product feature
    • Your product benefits:
      Enhanced Copy fields.
  2. Click Generate More Copy.
  3. A second option of your landing page with different copy suggestions will appear:
    Gif demo of more Copy suggestions appearing on page.
  4. You can click the Generate More Copy a third time, giving you three copy suggestions for your pages.
    • At this time, three is the maximum.
  5. Select one of the three copy recommendation options, and click Choose This Option to apply it to your page.

Do note that applying the Copy Assistant during the setup will mean that Copy Insights will be unavailable when editing your page later.

After clicking the Choose This Option, Smart Builder will refresh, and you can begin editing your page:
Begin editing page in Smart Builder.

Editing Your Page

Now that you've created your landing page with Smart Builder, you can start editing your page! See our documentation for an overview of Smart Builder's tools and controls to help you get started.

You can always add sections later when you’re editing your landing page. Learn more about page sections in the Smart Builder within our documentation here: Adding Sections in Smart Builder. 

Glossary

Copy Assistant: Copy Assistant is your in-house wordsmith. Generate high-converting copy based on your audience, industry, and conversion goals for your entire landing page, all after just a few lines of text.

Design Assistant: Provides you with recommended layouts and page sections based on your industry, audience, page purpose, and goals to maximize more conversions.

Related Articles

Understanding Smart Builder's Controls & Tools

Styling your Page in Smart Builder

Working with Section Templates

Editing Text in Smart Builder

Related articles