Easy mode for templates

Easy Mode - Google Web Designer

Easy mode provides a streamlined interface for customizing select templates, so all you need to do is provide assets and adjust styles.

To create a new document using Easy mode:

1. Open the Template Gallery by selecting File > New from template... from the top menu, or Use template from the start page after launching Google Web Designer.

2. Select a template with the Easy mode badge.

3. In the left-hand panel, set the name and location for the new document.

4. Select Easy mode from the Mode dropdown. (If the option is grayed out, Easy mode may not be available for the specified size.)

   

5. Click Create.

Documents that you create using Easy mode will subsequently open in Easy mode unless you switch them to Standard mode.

To switch to Standard mode:

1. Open the document.

2. Click the Standard mode button at the top right.

3. In the warning dialog, click Convert to confirm that you want to switch to Standard mode.

The document opens in Google Web Designer's full-featured editing interface.

Editing a document in Easy mode

When you open a document in Easy mode, you'll see your document displayed in all sizes on the right, and configuration options on the left.

Configuration options

Use the configuration options in the left-hand panel to change the content and appearance of your ad. Options vary depending on the template that you're using, but may include the following:

• File
  • Size - Select the serving sizes you want for this ad.
• Assets
  • Logo Image - Drag or add your logo image here.
  • Product Image - Drag or add your product image here.
• Text
  • CTA Text - Enter the call-to-action text and adjust its font, style, size, and color.
  • Subhead - Enter the subheading text and adjust its font, style, size, and color.
  • Headline - Enter the main headline text and adjust its font, style, size, and color.
  • Introduction Text - Enter the introductory text and adjust its font, style, size, and color.
• Style
  • Accent Color - Adjust the hue and transparency of the color used as an accent.
  • Background - Adjust the hue and transparency of the background color.
  • CTA Button - Adjust the hue and transparency of the call-to-action button color.
  • Item Background - Adjust the hue and transparency of the item background color.
• URL
  • Exit - Enter the exit URL for this ad.

Changes for different sizes

You can make color and text style changes to specific sizes. For example, you may want to make the headline text larger for sizes that have more room.

To edit a specific size, hover over that size, then select the checkmark that appears in the upper left corner. The checkmark turns orange and the other sizes become grayed out. You can select additional sizes and unselect sizes.

Changes that you make only apply to the selected sizes. Some configuration options may be disabled if they can't be changed for the currently selected sizes.

When no sizes are selected, your changes affect the base document and will be used as the default configuration unless specifically overridden for a size.

Menu commands

Find the menu buttons in the bar across the top.

Play - Play any animation.

Save - Save the file.

Standard mode - Switch to Standard mode for editing.

Preview - Preview the ad in your browser.

Publish - Generate final files to use for trafficking the ad.