Using the Template Styler

Follow

 

Note:

Any changes made in the Template Styler are not saved unless you complete Step 4. If your session times out during any point in creation before you finish Step 4, you will need to restart your template.

 

Our Template Styler allows you to customize your templates to ensure that your Unbounce landing page is perfectly suited to your campaign.

Click the Get Started button and follow along below to create your first landing page:

 

Step 1: Set Your Purpose

  1. Select which type of landing page that you’d like to build: Lead Generation, or Click-Through.
  2. Select the Purpose of your landing page from the drop-down menu. This will determine the types of templates you’ll receive in Step 2.
  3. Click the Suggest Layout button in the bottom right corner of the screen.

 

Step 2: Refine Your Layout

The Refine Your Layout step contains three columns:

  • Column 1 contains the sections of your landing page. Clicking on an option will bring up a larger preview in Column 2.
  • Column 2 provides you with a preview of the section you’re currently editing. This will change depending on what you’ve selected from column 3.
  • Column 3 gives you different options for the section you’re currently editing. Clicking on an option will provide a larger preview in column 2.

Rearrange the section order by dragging and dropping the section tiles in Column 1.

Remove sections that you don’t need by clicking the trash icon beside the section you want to delete in Column 1.

Add more sections by clicking Add Section in Column 1. This will bring up a new list of section types for you to choose from.

Once you’ve perfected your layout, click the Apply Your Brand button in the bottom right corner of the screen.

 

Step 3: Apply Your Brand

The Apply Your Brand step contains 3 columns:

  • Column 1 allows you to change the fonts and colors of your landing page.
  • Column 2 provides you with a preview of the colors of fonts you’ve selected. Select different sections to preview color combinations by scrolling down.
  • Column 3 gives you prefabricated combinations using the fonts and colors you selected in Column 1. Click the option you prefer to add to your template.

Clicking Fonts in Column 1 will expand a new screen in this column.

  • Choose your Headlines font from the first drop-down menu. A preview will be provided.
  • Choose your Paragraphs font from the second drop-down menu. A preview will be provided.

Click the blue arrow to return to the main Font and Color menu in Column 1.

Clicking Colors in Column 1 will expand a new screen in this column where you can predetermine the colors that you’d like to use on your page.

  • Select up to 5 Brand Colors.
    • To add more brand colors, click the + button. Remove brand colors by clicking the X button in the corner of the color box you want to remove.
  • Select 1 Button Color.
  • Select 1 Headline Color.

To set the color, click on the box and then use the color slider at the top of column 1. The color of the box will change according to your selection.

Click the blue arrow to return to the main Font and Color menu in Column 1.

Once you’ve perfected your fonts and colors, click the Review and Name button in the bottom right corner of the screen.

 

Step 4: Review and Name

You’re almost ready to launch into the Unbounce builder! Fill in a name for your new page in the blank field then click the Fine Tune this Page button.

This will generate your page and launch you into the Unbounce Builder where you can start customizing your page with your campaign information.

Check out our Working in Unbounce section for more tips on how to customize your landing page!




Was this article helpful?
0 out of 0 found this helpful