Landing page? Check. Offer? Ensure. Ad? Download better Google Web Designer.

Google Ad Creator can’t help your team wordmaker convincing ad, it can help your business design responsive and compelling ads, which is critical display advertising.

Ready to learn how to get the most out of Google Ad Builder?

Keep reading to get started! You can also get a professionally designed ad (and custom campaign strategy) for your pay-per-click (PPC) ad campaigns by taking advantage of PPC management services. Just call us at 888-601-5359 or contact us online a free, individual offer!

1. Download Google Ad Creator

Before your team can begin designing ads in Google Web Designer, you must do so download it.

Google Ad Creator is compatible with many operating systems, including Mac, Windows, and Linux. If you are using Windows, install Windows 7 or later on your computer. For Macs, you need OS 10.10 or later.

Once you’ve downloaded and installed the display ad builder, it’s time to create your first ad.

2. Select a template or create your own

Open Google Web Designer.

As soon as you open Google Ad Creation, you’ll see a pop-up menu where you can create a new file, use a template, open a file, or ask for help. If you’re just starting to design display ads, start by a pre-built ad template.

Google Ad Builder launch screen

If you create your ad from a template, Google Web Designer offers more than 10 templates, including:

  • Application installation
  • Banners
  • Light box
  • In-stream video
  • Extensible

You can also filter templates by ad type, size, device, and even industry.

Screenshot of Google Ad Creator Templates

Even better, when you choose a template, you can choose different layouts. You can also preview each layout before you decide to use it. This feature of Google’s display ad builder saves time and makes design selection effortless.

Screenshot of model previews by Google Ad Creator

Ok, but what if you create a new file without a template?

If you decide to work from a blank file, you’ll need to do the following:

Empty file in Google Ad Builder

  • Choose an ad type, such as a banner, expandable, or interstitial
  • Name your file name
  • Select a storage location
  • Add file dimensions
  • Choose your environment
  • Check your animation status

Follow these steps and Google Web Designer will download your document.

Comparison between blank and template files in Google Ad Builder

Once the blank or template file is loaded, you’re ready to build your ad.

3. Customize the workspace

In most cases, however, you want to update workspace before starting.

For example, you can switch between the design or code views when processing your ad. This feature makes Google Ad Creator a tool for both designers and developers, useful for coordinating between team members.

Comparison of design and code view in the Google Ad Builder

Some of the additional features you can change in Google Web Designer include:

  • Location of menus
  • Arranging menu items
  • Visibility of menus
  • Workspace type
  • Color of controls

If you use the “Window” drop-down menu, you can view your menus and update the workspace type.

Screenshot of workspace options in Google Ad Creator

For the best experience, take the time to customize your workspace. This step will also help you familiarize yourself with the creator of Google ads before you begin processing your ad. Use this time to explore different tools and options.

4. Create a color swatch

Now that you’re familiar with your workspace and have the document ready, your team can start designing your ad. While each designer is different in their process, it is helpful for your team to decide on your color scheme at the beginning.

You can use the colors of your business in your ad. Depending on your business, you may have formal primary and secondary colors. If so, you want to balance your ad between these two color sets.

For example, you can use the primary color of the ad background and then the secondary color of the ad button. Usually, your secondary colors have brighter shades, such as yellow, which makes them great for call-to-action buttons.

Balance ads with primary and secondary colors

When you have your own selected colors, make sure their color codes are on hand. You can use HEX or RGBA code in your Google ad viewer. You cannot use a CSS color name, such as navy, unless you are working in code view.

You can use HEX or RGBA color codes in Google Web Designer

5. Write your ad

In most cases, your team will do it write your ad before opening Google Web Designer. However, sometimes it’s helpful to see what your copy looks like in an ad before you commit to it. Preview in Google Ad Creator lets you see what you need to change at the beginning of the design process.

If you are ready add text to the design, do the following:

  • Go to the sidebar menu
  • Select the text tool represented by “T”
  • Draw a text box in your ad

Next, you want to add text.

Screenshot of adding text to Google Ad Builder

After updating the text field, you can change the font, size, position, color, and shape of the text. Use the cursor to highlight the text, then go to the menu above the draft ad. You can also edit your text via the Properties menu.

From the Properties menu, you can add borders, add cushions, and more

You can also make additional updates to the text via the Properties menu.

For example, you can change the translation, rotation, and scale of a copy. If you’re updating the scale or size of a text field, make sure you enable the link icon, which prevents the field from stretching.

Some other ways to edit a text field in the Properties menu are:

  • Add a border and change its color, size and style
  • Set pads and margins
  • Change filling, opacity and visibility

Once you’re happy, you can move on to adding other creative elements like images.

6. Add pictures

Depending on your design, your team may use images in your ad.

If you do, Google Ad Creator will not only add images, but also galleries that include:

  • 360 galleries
  • Carousel galleries
  • Swept galleries

Add an image gallery to your ad in the following steps:

  • Go to the Components menu
  • Select the Galleries folder
  • Drag and drop the gallery

Screenshot of how to add images to Google Ad Creator

Next, send pictures:

  • Select a gallery
  • Click the Properties menu
  • Scroll down to the Carousel Gallery
  • Click the icon
  • Download the files from your computer or via the URL

Screenshot of uploading images to Google Ad Builder

Once you’ve added an image, you may want to resize and align the gallery before previewing.

7. Choose your interaction

You can also include interactions with your ads in Google’s display ad builder. Interactions can vary from user by tapping a button, scrolling through a series of images, tapping a checkbox, and more. While your team may not use all of these interactions, some offer a competitive advantage to your ad.

For example, if your business provides emergency water services, you may want to use an interactive element to allow users to call your business. Or, if you manage an online store, you can include an interactive button in the product image.

In any case, if you want to add interactive elements, all you have to do is follow these steps:

  • Go to the Components menu
  • Click the Interaction menu
  • Select an interactive element
  • Drag and drop it into your ad

Screenshot of adding interactive elements to Google Ad Creator

Depending on your interactive elements and the overall design of your ad, you may need to add layers to animate your ad. At the bottom of Google Ad Creator, you can animate your ads and manage your animations using the timeline.

Animate your ads and manage your animations with the Google Ad Builder timeline

Here’s how to animate your ad:

  • Click the plus icon in the timeline menu
  • Select a new slide or layer
  • Add your animation to your ad design
  • Press the play button in the Timeline menu to preview the animation
Screenshot of animating ads with Google Ad Creator

To view the animation multiple times, you can press the play button next to the play button. It repeats your animation in a loop, allowing your team to review the animation and take notes of the changes.

8. Preview your ad

Once your ad colors, copy, and ad material have been added, your team can preview your ad. For the best experience with the Google Ad Builder, it’s helpful to preview your ad throughout the design process. This allows you to spot and fix design issues in a timely manner.

Preview an ad created with Google Web Designer

Previewing your ad with Google Web Designer is easy. Just follow these instructions:

  • Click the Preview drop-down menu
  • Select the desired browser
  • Show your ad

Screenshot of how to preview ads with Google Ad Creator

The best part is that your team can test the interactive features of the ad in preview mode. For example, you can check that the button works, the trigger for transitions, and more. All of these features make it easier for your business to launch an ad.

Bonus Number: Take advantage of Google Ad Editors

9. Publish your ad

Ready to launch your ad? It’s simple with Google Ad Creator.

Screenshot of ad serving in Google Ad Builder

Just follow these instructions:

  • Tap Publish
  • Select where you want to send the file
  • Check the file summary
  • Click Publish

Once you publish your ad, you can download it at Google Ads campaign.

Need help designing your Google ads?

When planning a Display ad campaign on Google, your ad is essential. In addition to compelling ad copy, it needs to have compelling design that gets users to click on your ad and act on your call to action.

Google Web Designer provides your team with a robust program for designing responsive ads for your campaign. However, it is not a substitute for the expertise of designers or developers. That’s why WebFX offers competitive PPC servicesthat include our ad design award-winning team.

Contact us online today to get professional templates for your advertising campaigns!


Please enter your comment!
Please enter your name here