Get started with Studio

Build an HTML5 creative

You can build HTML5 creatives for Studio using the Studio's HTML5 SDK with your favorite code editor or an authoring tool like Google Web Designer.

Use the Studio HTML5 SDK

If you prefer to write your own JavaScript, CSS, and HTML using your favorite code editor, add the Studio Enabler, and use the Enabler's methods to add custom tracking, expand, or close the creative. After you've set up your files, you can upload them to Studio, then push them to a linked ad serving platform.

Get started

Use Google Web Designer

Google Web Designer gives you the power to create beautiful, engaging HTML5 content. Use animation and interactive elements to bring your creative vision to life, and enjoy seamless integration with Studio.

The Enabler is automatically included in the code when you select the "Display & Video 360" environment in Google Web Designer.

Get started

  • Follow the Google Web Designer guides below

Create ad formats

Use these guides to learn how to create ad formats step-by-step in your favorite HTML5 editor.

Guides for Google Web Designer

Guides for other HTML5 editors

Image of Google Web Designer product logo Image of HTML5 logo

Related articles
Use Google Web Designer with Studio

Add features

After you build an ad format, add interactive features and tracking to see how viewers interact with your creative. Use the guides below to learn how. To make it easier to add advanced creative features (for example, maps and interactive videos) you can install custom components in Google Web Designer, or add HTML5 custom elements.

Best practices

Was this helpful?
How can we improve it?