Responsive Campaign Tutorial - Google Web Designer

Updated in May 2021: you can now override the image source for different sizes (16:44).

In this tutorial, Google Web Designer creative specialist Kent shows how to build a responsive campaign from scratch using media rules for different sizes. Learn tips on how to build different layouts with their own logos and animations with the simplified responsive workflow.

[jurgenvantomme]

This google tutorials videos are very helpful thank you.

[cs_gringo]

so how do you publish locally? when I do it makes only 1 @t file with assets... we need one file per size...

[maxyourgrowth]

Why are you using guides? These guides are already complete ads right? Why do i need to draw them over? I also can't find a button for automatic creation of guides so i can draw them over (that would have made some sense to me).

Are all guides pre built by someone else or automaticaly by GWD?

[Zarinam]

Why whean i save the banner, it's unresponsive? Everything is ok in preview mode, but after publishing it does not change its appearance when the window size changes.

[wolfgangfalge]

Don't do this, stay with single files for each size, i made a file with four sizes, the ad server of our distribution agency does not accept these, it says: Size with flexible width or height is no longer allowed. I can't even copy the timelines into new files, so I have to start work again, thanks google web designer!!!

[AwaisMohsinkhan]

is anyone doing AMPHTML? my client demand is to do AMPHTML banners, but I could not found any AMPHTML banners tutorial here. please guide regards Awais

[araairuka]

Can you please make a video on "GWD Environment" explanation?

[shashilatadevi]

Their is no tutorial to make a full responsive and dynamic web page with scrollable

[kanetizard]

Every time I use Responsive, the ad errors out and wont be accepted, even though it passes validation in GWD.

[gagandeepgill]

Hi Kent, I want to exit the ad with the landing page URL. But these errors are showing (Custom exits are not allowed in google ads for this type of creative). Your HTML5 ad has modified clickability, which is not supported. How I can fix this?

[Havebikewillride]

I notice that when you selected hidden visibility for the image on the mobile 300x50 it's still including the image asset when you go to export. This image will add un-necessary weight to the unit. If you remove the image the export folder will this throw any errors when the ad is trafficked?

[Naclald]

Amei a aula. Como posso aprender mais do Google Web Design ? Obrigado :)

[joseregalado]

Hi Thank you for the video!! How do we use SVGs on banners? I need to use a corporate font which isn't in Google web fonts. So I will probably make the text into SVG format first. Also is there a way to export the size formats individually?

[Pierre-JeanPaoli]

This software is so painful I feel like working 50 years back in time...

[camilabas]

how do you add the opacity effect in one element without affecting the others? I'm struggling with that! I am doing a responsive display and I want to give the background and title and other elements a fade in and fade out effect, in a separated order, but I just can't! Whenever I add a keyframe in one image, and put for example oppacity in 0 in Second 0 and then add another one in Second 1 and put oppacity 1, the other elements or images change!! I don't know whyy

[ReidDesigns]

Hi. So I'm nit sure where the disconnect is, but according to Ad Requirements we're not allowed to put a link in the ad creative. Everytime I do that I get an error. So how can I do links like these in Google Web Designer and not trigger the Google Ad manager warning? thanks

[Melon]

can we save/export Google web designer project in png???

[tombician]

Could we get an tutorial for dynamic scaling sitebars ( for example 1:2 aspect ratio ) ?

[YAKUZI]

guys it should be more complicated please