Publish your work

When you're finished working on your project, you should publish it to create the final set of files.

Before you publish an ad, you can verify in the Summary section of the publish dialog that your ad passes all validation checks.

To publish your document:

Click the down arrow on the Publish  button at the top of the window to select a destination for the published files.

Locally

Google Web Designer will generate the published files on your computer.

In the publish dialog:

  1. Specify the name for the .zip file or folder for the document and supporting files. By default Google Web Designer uses the same name you specified for the HTML file when you created the file.

  2. Choose the location where you want to save the .zip file or folder. You can enter the path to the location, or click the folder icon to browse your file system.

  3. For responsive Google Ads and AdMob creatives: Specify the ad size. If you want to use this creative for different-sized ad slots, you should publish the ad once for each size you want to use.

  4. Select or deselect publishing options. Some options may be unavailable for your document type.

    • Flatten Files - Places all files into a single folder. (Selected automatically for ads.)
    • Create Zip - Compresses all files into a single .zip file.
    • Inline local files - Places the JavaScript and CSS within the HTML file, rather than in external files. (Selected automatically for AMPHTML ads.)
    • Minify - Compresses the source code for a smaller file size.
    • Polite Loading - Delays the loading of assets until the hosting page finishes its initial load. (Unavailable for AMPHTML ads.)
    • Groups Unpacking - Unpacks groups so the creative can load faster, but results in a larger file size. (Unavailable for AMPHTML ads.)
    • Add Border - Adds a one-pixel border, using the color you specify. (Unavailable for AMPHTML ads.)
  5. Select which CSS prefixes you want to include in the file. By default, all are selected to provide the widest range of browser compatibility.

  6. Click Publish.

After publishing, you can share the resulting .zip file or folder, or upload it to an ad platform such as Google Ads or to a web host.

Google Drive

Google Web Designer will upload the published files to your Google Drive, where you can easily share them.

Publishing to Google Drive for the first time?

You'll be prompted to sign in to your Google Account and allow Google Web Designer to do the following:

  • See and download all your Google Drive files
  • View and manage Google Drive files and folders that you have opened or created with Google Web Designer

In the publish dialog:

  1. Specify the name for the .zip file or folder for the document and supporting files. By default Google Web Designer uses the same name you specified for the HTML file when you created the file.

  2. Choose the location where you want to save the file. Either enter the path to the location where you want to save the file, or click the folder icon to navigate to an appropriate location.

  3. For responsive Google Ads and AdMob creatives: Specify the ad size. If you want to use this creative for different-sized ad slots, you should publish the ad once for each size you want to use.

  4. Select or deselect publishing options. Some options may be unavailable for your document type.

    • Inline local files - Places the JavaScript and CSS within the HTML file, rather than in external files. (Selected automatically for AMPHTML ads.)
    • Minify - Compresses the source code for a smaller file size.
    • Polite Loading - Delays the loading of assets until the hosting page finishes its initial load. (Unavailable for AMPHTML ads.)
    • Groups Unpacking - Unpacks groups so the creative can load faster, but results in a larger file size. (Unavailable for AMPHTML ads.)
    • Add Border - Adds a one-pixel border, using the color you specify. (Unavailable for AMPHTML ads.)
  5. Select which CSS prefixes you want to include in the file. By default, all are selected to provide the widest range of browser compatibility.

  6. Click Publish.

After publishing, you can share the resulting .zip file or folder, or upload it to an ad platform such as Google Ads or to a web host.

Studio

This feature is unavailable for AMPHTML ads.

If you have a Studio account and the ad environment is set to Display & Video 360, Google Web Designer lets you publish your creatives directly to Studio.

Alternatively, you can publish your ad locally, then upload the generated .zip file through the Studio interface. You may find this method easier if your ad uses responsive layout.

Publishing to Studio for the first time?

You'll be prompted to sign in to your Google Account and allow Google Web Designer to do the following:

  • View and manage creatives and campaigns for Studio
  • View profiles for Rich Media dynamic creatives

In the publish dialog:

  1. Enter the account name for the ad that you're uploading.

  2. Enter the name of the advertiser. You can choose an existing advertiser, or you can create a new one.

  3. Enter the campaign name for the ad that you're uploading. You can choose an existing campaign, or if you enter a new name you can create a new one.

  4. For responsive layouts only: You need to publish the ad separately for each size you want to use in Studio. Select the ad size from the size dropdown. (If you want to publish the ad only once, you can publish your ad locally, then upload the generated .zip file through the Studio interface.)

  5. Select or deselect publishing options:

    • Inline local files - Places the JavaScript and CSS within the HTML file, rather than in external files.
    • Polite Loading - Delays the loading of assets until the hosting page finishes its initial load.
    • Groups Unpacking - Unpacks groups so the creative can load faster, but results in a larger file size.
    • Add Border - Adds a one-pixel border, using the color you specify.
  6. Select which CSS prefixes you want to include in the file. By default, all are selected to provide the widest range of browser compatibility.

  7. Click Publish.

Associated creatives

Publishing a document to Studio creates an association which allows Google Web Designer to remember your settings and reuse them whenever you publish to Studio. Once the association is in place (indicated by a link icon  in the Publish button menu), publishing to Studio saves a new draft of the same creative.

To remove the association:

  1. Click the down arrow on the Publish  button at the top of the window.
  2. In the pop-up menu, click the link  icon next to Studio, then confirm that you want to remove the association.

The next time you publish to Studio, you can publish the document as a new creative.

Display & Video 360
This feature is unavailable for AMPHTML ads.

Publish to Display & Video 360

If you have a Display & Video 360 account and the ad environment is set to Display & Video 360, Google Web Designer lets you publish your creatives directly to Display & Video 360. Your creative is saved as a draft, and won't be trafficked until you explicitly publish it from your Display & Video 360 account.

Publishing to Display & Video 360 for the first time?

You'll be prompted to sign in to your Google Account and allow Google Web Designer to do the following:

  • View and manage your reports in DoubleClick Bid Manager

In the publish dialog:

  1. Enter the partner name for the ad that you're uploading. If you only have "Read & Write," "Creative," or "Creative admin" access to a single partner, that partner is automatically selected.
  2. Enter the name of the advertiser.
  3. Enter a creative name.
  4. For responsive dynamic creatives only: You need to publish your creative separately for each size you want to use in Display & Video 360. Select the ad size from the size dropdown.
  5. Select or deselect publishing options:
    • Inline local files - Places the JavaScript and CSS within the HTML file, rather than in external files.
    • Polite Loading - Delays the loading of assets until the hosting page finishes its initial load.
    • Groups Unpacking - Unpacks groups so the creative can load faster, but results in a larger file size.
    • Add Border - Adds a one-pixel border, using the color you specify.
  6. Select which CSS prefixes you want to include in the file. By default, all are selected to provide the widest range of browser compatibility.
  7. Click Publish.

Associated creatives

Publishing a document to Display & Video 360 creates an association which allows Google Web Designer to remember your settings and reuse them whenever you publish to Display & Video 360. Once the association is in place (indicated by a link icon in the Publish button menu), publishing to Display & Video 360 saves a new draft of the same creative.

To remove the association:

  1. Click the down arrow on the Publish button at the top of the window.
  2. In the pop-up menu, click the link icon next to Display & Video 360, then confirm that you want to remove the association.

The next time you publish to Display & Video 360, you can publish the document as a new creative.

If you make changes to a creative within your Display & Video 360 account, the changes aren't automatically reflected in Google Web Designer. You should download the creative and open the authoring files in Web Designer if you want to work on the latest version of the creative.
Was this article helpful?
How can we improve it?