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! 2 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.
- Customize 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 colors.
- 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 dialog.
- The Swipeable Gallery component shows multiple dynamic items in stage view.
Fixes & 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 show up in the "Data schema object" dropdown of Google Web Designer's Bindings dialog.
- 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 3 characters" in the Account field of the Dynamic Properties dialog.
- 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 dialog 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 was 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 dialog] Fixed issue where renaming or deleting custom easing, then canceling the dialog, 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
, andgwd-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 directly open the source .html file in your browser. This is expected behavior, 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
toHKEY_CURRENT_USER\Software\Google\Web Designer\Settings
in the registry. Set this value to1
. - Mac: Add a Boolean row to
~/Library/Preferences/com.google.WebDesigner.plist
with the namedisable-gpu-rendering
and a value ofYES
, or rundefaults 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 namedisable-gpu-rendering
and a value oftrue
. (If the[Settings]
section doesn't exist, you'll need to create it first.)
- Windows: Add a DWORD32 value named
- For a video to autoplay 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 Autoplay 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
totrue
in Google Web Designer settings. Add a row to~/.local/share/google-web-designer/preferences/settings.conf
with the namedisable-gpu-rendering
and a value oftrue
. (If the[Settings]
section doesn't exist, you'll need to create it first.)