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 feature areas have been added and 15 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:
Custom components that follow the custom elements v0 specification are no longer supported. Learn how to upgrade your components.
New features in version 12.0.0.0719
CSS effects
Use the new CSS effects panel to add visual effects to your elements in both video and HTML5 documents.
- Add filters like blur, brightness, Drop Shadow and more.
- Set how elements blend with overlapping elements with mix blend modes.
Video
You can now produce videos with Google Web Designer.
- Import and edit media clip sequences.
- Include text, images and animation, all rendered in the final published video.
- Preview video and audio playback directly on the stage.
- Export multiple variants from a single video document.
New templates in version 12.0.0.0719
Animated banner |
Before and after |
Gallery with blinds transitions |
Gallery with fade transitions |
Gallery with iris transitions |
Gallery with push transitions |
Scratch to reveal |
Standard banner build dissolve |
Standard banner storyboard slide |
Static banner |
Other notable changes in version 12.0.0.0719
- Custom components that follow the custom elements v0 specification are no longer supported. Learn how to upgrade your components.
- The stage zoom controls now include a drop-down, with a 'Zoom to fit' option that lets you automatically set the stage zoom level to maximise the available space.
Fixes and improvements in version 12.0.0.0719
3D
- Camera-based methods now account for pending camera edits.
- Page attributes
data-gwd-width
anddata-gwd-height
are now set to pixel values upon publishing Swirl ads. - Fixed zoom limit set in 3D editor is now respected in the published ads.
Dynamic
- Image effects and transition gallery components now support dynamic data bindings.
- Fixed issue where switching to a document with a
bind-style
attribute would mark the file as needing to be saved again.
SVG
- Text fitting is no longer added when binding an SVG element.
- Fixed issue with pasting SVG code to the stage in Windows.
- Fixed issue with importing an SVG twice.
- Fixed issue where importing multiple inline SVGs with IDs in common did not rename the IDs.
Other
- Fixed issue where the component editing dialogue didn’t close after the source file was deleted from the file system.
- Fixed issue where an extra undo operation was added when switching gradient type to radial.
- Fixed issue with using arrows keys in the Outliner panel.
- Fixed issue with template filters in the template gallery.
- Keyframes can no longer be duplicated to a locked layer.
- Fixed issue where an element's bottom-right radius was not reflected in the Quick mode timeline thumbnail.
Known issues
- Safari only:
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 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
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 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 four 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
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.) - Video ads: On Mac, making edits quickly, such as duplicating clips, can cause the stage to stop showing videos and for playback to not work, or for the UI to freeze. Workaround: Relaunch Google Web Designer.
- Video ads: A small gap appears between videos during slide or wipe transitions at certain stage zoom levels. The gap will not be visible in the exported video. Workaround: Adjust the stage zoom.
- Video ads: If copying a clip to another document is undone, the clip’s asset is not automatically removed from the library. Workaround: Manually delete the asset from the library.
- Video ads: If a video or audio asset file is manually overwritten with a different file in a project’s assets directory, the old asset continues to appear on the stage and in the exported video if any resolution other than full is used. Workaround: Delete the asset and re-add it using the Library.
- Video ads: Asset import errors may appear when opening a Google Web Designer project which was created on a different operating system (e.g. opening a file on Windows that was originally created on a Mac). Workaround: use File > Save as ZIP to export and share a project.
- Video ads: When zoomed out in the timeline, very short clips (e.g. 1 frame long at higher document frame rates) can stop showing and appear as empty space, even when selected. The clips are not deleted. Workaround: Zoom in to see the clips.
- Video ads: Certain malformed assets (e.g. videos created using some video ripper software) do not play or export properly in Google Web Designer.
- Video ads: Certain coloured text can have a slight drop shadow in the exported video (compression artifact).