Version 11.0.2.0415 | Shell Build 8.2.0.0

Templates and components

Templates and component fixes may be released separately from new versions of Google Web Designer:

Release notes

A new version of Google Web Designer is available. Two issues have been fixed in this release. Read below for additional details.

Updating Google Web Designer

Google Web Designer automatically updates upon launch if you have an Internet connection. You can also download the latest version.

Compatibility changes starting in July 2021:

Custom components that follow the custom elements v0 specification will no longer be supported starting in July 2021. Learn how to upgrade your components.

Fixes and improvements in version 11.0.2.0415

Fixed issue where Google Web Designer froze upon opening a dynamic ad with sample data already selected.
Updated the GLB file size limit warning from 2 GB to 3 GB in the ad validator.

Fixes and improvements in version 11.0.1.0406

Responsive attributes are now supported in Google Ads.
Fixed issue where transform attributes for inline SVGs were incorrectly removed.
Fixed issue with swiping between images in a transition gallery when previewing in the browser.

New features in version 11.0.0.0323

3D editor

Edit 3D assets directly in Google Web Designer with the new 3D Model viewer component.

Edit materials in your GLB file.
Customise the lighting, camera view and hotspots when viewing the model.

Easy mode

We're introducing a new way to use templates.

Select templates let you build an ad in Easy mode, a simplified interface for swapping assets, editing text and changing colours.
You can switch a document to Standard mode for full-featured editing.

Responsive attributes

You can now replace attributes besides CSS styles for specific document sizes or size ranges.

Media rules can include overrides for image sources, text content and text fitting settings, and component properties.

SVG filters

Add special effects to SVG elements.

Apply filters such as blur, Drop Shadow, Splash and more.
You can convert text elements to SVG within Google Web Designer to use the same effects on text.

Redesigned template gallery

Browse templates in the new version of the template gallery.

View more layouts on a single screen.
Detailed thumbnails let you see how each template looks with example assets.

Other notable changes in version 11.0.0.0323

The ad validator now shows a warning if an exit event is detected in a Google Ads creative.
CreateJS has been added to the File > Include JS library menu in Code view.
The 'Cue Cards' template has been renamed to 'Cuecard'.
Templates for dynamic ads now include additional sample data for testing branded assets.
The 'Groups unpacking' option has been removed from the publish settings dialogue.
The Swipeable Gallery component shows multiple dynamic items in stage view.

Fixes and improvements in version 11.0.0.0323

Dynamic

Fixed issue where Studio dynamic profile fields that were defined with the type 'Remarketing values' didn't appear in the 'Data schema object' drop-down of Google Web Designer's bindings dialogue.
Fixed issue with field values not updating in the sample data editor when the ad validator panel was closed.
Fixed missing placeholder text of 'Please enter at least three characters' in the Account field of the dynamic properties dialogue
Stage preview of gallery components with dynamic data bindings now shows different items when 'Show frames' is greater than 1.
The 'Dynamic bindings…' pop-up menu command is now disabled in documents that don't support dynamic data bindings.
When a Studio dynamic profile has the 'Display' setting enabled for a field of the 'Creative dimension' type, Google Web Designer now displays a detailed error message instead of 'Profile could not be parsed'.
Unsupported font properties are no longer shown in the bindings dialogue for the 'Brand awareness' schema.
Changed the label for the sample data field 'Price discount (decimal)' to remove '(decimal)'.

Responsive

[Responsive] Fixed issue where the responsive preview didn't update when editing the animation time while the timeline was in Quick mode.
[Responsive] When a range media rule is selected, the viewport now only resizes when the viewport size is outside the range, instead of always switching to the largest size within the selected range.
[Responsive] Fixed issue where an element with a 'Show element' dynamic data binding would be displayed in the responsive preview when the sample data was empty for that element.

Other

[Easing dialogue] Fixed issue where renaming or deleting custom easing, then cancelling the dialogue, didn't update the easing name in the timeline.
Fixed issue with missing indicator for 3D stage rotate tool.
Fixed issue where text fitting options were enabled for shapes.
Fixed issue with rectangle mask animation not rendering in Internet Explorer.
[Authentication] Fixed issue where login email address still displayed if the Google Web Designer window was closed too quickly after signing out.
Fixed formatting issue with the Publish and Preview buttons in Russian.

Known issues

Safari only: <canvas> elements with drawings prevent the animation of clip path masks.
Chrome and Opera: Clip path masks render incorrectly when the host element contains a 3D-transformed child element.
References to custom Google Web Designer elements (gwd-image, gwd-video, gwd-audio, gwd-iframe, gwd-page and gwd-pagedeck) may not work as expected. Learn how you can update your references.
Timeline animation events, such as pause or loop, do not work when you open the source .html file directly in your browser. This is expected behaviour, as timeline animation CSS is generated when previewing or publishing the document. Solution: use the Preview button, or publish the document locally and view the published file in your browser.
Image files without a file extension with a period in the file name don't import into the Library. Workaround: add the file extension (such as .png) to the file name.
A black screen on launch may be caused by outdated video drivers. Try updating your video drivers. If that doesn't help, disable GPU rendering by quitting Google Web Designer and following the instructions for your operating system before relaunching:
- Windows: Add a DWORD32 value named disable-gpu-rendering to HKEY_CURRENT_USER\Software\Google\Web Designer\Settings in the registry. Set this value to 1.
- Mac: Add a Boolean row to ~/Library/Preferences/com.google.WebDesigner.plist with the name disable-gpu-rendering and a value of YES, or run defaults write com.google.WebDesigner.plist disable-gpu-rendering -bool true in terminal.
- Linux: Add a line to ~/.local/share/google-web-designer/preferences/settings.conf with the name disable-gpu-rendering and a value of true. (If the [Settings] section doesn't exist, you'll need to create it first.)
For a video to auto-play when an ad is re-expanded on Mac Safari, the first video source should be .mp4.
Gradient background fill on an image only renders when scaling is set to stretch.
A maximum of 4 panels can be grouped/tabbed together.
White screen on launch if behind a web proxy. Please follow these instructions to change your proxy settings.
Mac Chrome, Opera, IE: Play button doesn't work in Google Web Designer preview when Auto-play preview is on. Workaround: Remove localhost from the URL to use file:///
Linux only: File drag and drop from the file system to Google Web Designer is not working. Workaround: Use File > Import assets or Add asset from the Library.
Downloading iCalendar .ics files is not supported on Safari desktop browser.
It is not possible to have more than one Map component or Street View component, or a Map and a Street View component in the same creative.
Linux only: If the browser (Chrome or Firefox) is launched by Google Web Designer for preview, Google Web Designer cannot be closed unless the browser is closed first.
Linux only: Google Web Designer sometimes loses focus and is unable to take keyboard input when switching between apps. Workaround: resize the Google Web Designer window to bring focus back to the app.
Linux only: if the renderer crashes and a white screen appears, set the disable-gpu-rendering to true in Google Web Designer settings. Add a row to ~/.local/share/google-web-designer/preferences/settings.conf with the name disable-gpu-rendering and a value of true. (If the [Settings] section doesn't exist, you'll need to create it first.)

Was this helpful?

How can we improve it?