The Big Zuuvi Guide

2.2 Working in your template

Now it’s time to build your template. Add all the formats you need, intriguing images, amazing copy and catching effects and animations 🥳

In the video below we will go through:

How you add different formats. Tip: Start designing the largest format and go from there. It’s easier to downscale 💪
Best practice on working with layers and how you add elements such as images and text.
How you can create the best workflow when working across multiple formats.

2.3.1 Our Image Editor

The Image Editor is the perfect tool to ensure your image fits the format perfectly. With this tool, you have the options to crop, resize, and adjust your image as you like to achieve the desired look.

Now what do the different tools within the Image editor do:

Resize: You can by typing in the dimension at the bottom resize the format to the specific size you need for each specific format.
Crop: The cropping feature lets you pinpoint a specific area of the image you want to show on your banner by zooming in, flipping, or rotating your image.
Adjust: Here you can fine-tune your image by changing brightness, contrast, gamma, etc to achieve the best look for your image.

2.3.2 How to group layers

Grouping layers is another easy way to create a more manageable layer overview. You can toggle close and hide groups to improve workflow.

Now how is this done? You simply have to:

Hold down "Shift" on your keyboard
Click on the specific layers you want to group
Press CTRL/CMD+G.
And voila you have created a group 🎉

A great next step is to name your groups to really take #Stayorganized🎨 to the next level.

You can also add animations to groups which you can see more about in Section 2.5.

2.4.1 Adding layers

As mentioned in the video in Section 2.2, when you add a layer it will be added to all formats in the template. Meaning that: All graphical elements, text boxes, animations, etc. will be duplicated to all existing formats as well as new formats you might add along the way.

Want to know more about how to add images, videos, and other creatives see 2.3 Working with your layers.

2.4.2 Deleting layers

With deleting a layer the process is to choose the layer and press "backspace" on your keyboard.

Any layer you delete from one format will be deleted from all formats in the template. However, you do have the option to "Ignore" a layer on only certain formats excluding the element from the final design. You can read more about this in the next section 2.4.3.

_{Also as the meme explains... erased from existence - but what if it was a mistake? 🤯
Don't worry! You can undo it by clicking on CTRL/CMD + Z to bring it back to life.}

2.4.4 When changes become local to each format

Once you have finished creating an "out of this world" design on your "master" format and you go to edit the next format changes to text elements, animation values, and image edits will become local to that specific format.

e.g. When you crop your pictures to fit the next format it will only affect that format.

pssst...deleting and adding elements will always be implemented to all formats

2.4.3 "Ignore in formats"

Our magical feature “Ignore in formats” enables you to exclude elements from certain formats without having to delete them.

Now what does it mean and how does it work? Choose your layer, go under "Edit" and click off the formats which should not include the layer and the feature will ensure it is not part of the final ad's design.

Want to become an expert with the features?
We have created a guide for the readers out there 🤓

2.5 Animations and effects - make your ad eye-catching

Now that you have created the absolute best foundation for a great workflow, it is time to use your creative superpowers and play with animations and effects. This step is what truly pushes your ads to the next level and is a great way of creating eye-catching ads.

In Studio you are able to add as many animations and effects as your creative soul desires. In the video below we will show:

How to add animation and effects
How to edit animations
Shortcuts and as always best practice

Here you have an overview of the animations - a great read if you ask the authors which are us but still 5/5 ⭐️🤓

2.5.1 Design tips & Creative corner ✏️

If you are working with a static background picture a highly powerful tip is to add a Scale animation to add great movement and make it more captivating.

You can also lift your creativity by adding a "Move effect" on your text or image layer. This way you will be able to display multiple frames. Hereby increasing the number of messages and cool creatives you can display in a smooth way over the span of your ad.

2.6 Clicktags

Next up we will look at how you can insert your ClickTag, to make sure your customers are re-directed to the correct landing page.

Within Zuuvi this process is quite easy. In your right-hand menu, you will see the tap Clicktag. Here you have the option to add a "Global Clicktag" as well as a "Content Specific clickTag". Sooo what is the difference?

Global ClickTag will be applied to the entire format, making the entire as clickable.
Content-specific ClickTags will only be applied to the elements you choose when setting it up in Studio or Manager. Hereby only by clicking that specific element will the customer be redirected to this page

You can of course add both Global and Content specific click tags in the same creative, to ensure full control of your ad.

Learn more about the possibilities with our ClickTag feature 😄

Clicktag gif for onboarding page

2.8 The all-important “Save and publish” button

Now that you have created an awesome template, you are ready to enter Creative Manager. Let me introduce you to the "perhaps" most important button “Save and Publish”:

This button pushes your templates to Creative Manager so they can be used to create campaigns and is found under "Finalize" in your right-hand menu.

If you love guides here is a step-by-step on how to utilize "Save and publish".

Psst.... you are able to lock layers in Studio so that the design cannot be unlocked or moved when used in Creative Manager. This way you ensure control of the design.

Cheat codes for Studio

Cheat sheet for ad production

Knowing where to start in terms of weight limits, formats needed and other limitations can be a bit tricky. Therefore we have created this Cheat sheet to ad production with the most common DPS 🤩

giphy (21)-gif

How to work with overflow?

Overflow enables you to see and utilize the space outside your formats dimensions, so try to press CMD/CTRL+2 to turn overflow on/off.

So if you are having trouble catching the edges of your element to resize or cannot find an element you added in your format try to use Overflow 😄

How do I Clear cache in my browser?

Are you experiencing that your preview link is not updated and looks different from your view in the workspace?

The solution for this:

Try to Clear Cache on your browser. As we are an online platform this can hold on to old versions of your banner. We have created this guide and highly recommend installing the chrome extension for fast clearing.

How to create a CTA button?

A CTA button is a great way to grab attention to your banner. We have created a few guides to show how easily you can create a CTA as well as how to add a pulse effect:

How to compress the weight of my MP4 file so I can upload it to Studio?

All MP4 files need to be under 4 MB to be uploaded to Studio. This is to ensure that your final banner will not be too heavy to upload. We have two really effective tools which can help you get down the weight of your video:

How do I upload my customer font?

In Zuuvi you can upload your custom font, and as soon you have uploaded it to one template the font will be available on all templates you have created or will create in the future ✏️

Also see this helpdesk for a short guide.

How do I move my canvas?

You can move your canvas around your workspace to optimize its position for the individual format.

Simply hold down space and drag your workspace around.

3.1.1 How to create a Creative set

Now it's time to put your template to use and create your Creative Set.

How you create a Creative set is truly simple. Click on "+ New Creative set", pick the template, give it a name, choose the campaign, and maybe add a tag to show of your organizational skills 🚀

Want to level up your workflow in Manager - we have a small selection of must-read material:

3.2.1 Making smaller edits in Manager

Within Creative Editor you have the option to make small changes to text, images, and clicktag e.g. to correct a spelling error, change the image, or clicktag across multiple formats... then look no further than the video on your left 😉

In the video, we also show some best practices when working in Creative Editor!

More of a reader? understandable find our New York Times bestselling guide below:

How to use Creative Editor

Pssssst..... If you are hosting through Zuuvi you have the option to push these edits to live ads. Our live editing feature is f*cking cool (if we have to say so ourselves...) and conveniently explained by Emma in section 3.6

3.5 Exporting creatives

YAAAAAAY it is finally time to export your creatives to share them with the world and show of your amazing work. By following the guide below you can see how you can both export your creative set!

Export flow

You will find many different export options such as Google, Adform, Adnami, etc. To get an overview of the options as well as if your DSP has any restrictions you need to be aware of look no further than this lovely overview.

You can also batch export your entire campaign instead of the individual ad.

You can read more here about batch export.

3.6 What is Live Editing and how does it work?

_{NB: This feature is only possible if your ads are hosted through Zuuvi.}

With live editing, you can update ads that are currently live on websites. This enables you to:

Fix spelling mistakes with just a few clicks.
Change prices or products
Split test with colors, designs, etc.

We have made a number of guides for you to see the process of making the changes in Studio and Creative Manager to push the changes live:

See this helpdesk for more info on how to make changes in Studio and apply them in Creative Manager
Or the flow directly from Creative Manager.

Export options

How to export for Social Media?

When exporting for Social Media choose the export option MP4. And of course, if you have an entire creative set for both SoMe and display simply when exporting click of your display formats so you just get your SoMe formats out ´!

Want to learn more about formats for Social Media?

What to be aware of when exporting to Google Ads?

Google ads have a long list of restrictions, the most noticeable being:

Weight of max 150 kb
No videos

Become a Google ads expert and figure out how you can get your ads accepted with Google Ads.

Export for high-impact creatives

When exporting for high-impact formats such as wallpaper, top scroll, mid scroll, etc. the optimal result will be achieved when exporting as Adnami.

When saying high-impact, you also have to say "responsive". So what are responsive banners you might ask? Well, in short, responsive display ads are ads that automatically adjust in size, appearance, and format to fit the available ad slots they will appear on. This means that the same responsive ad can appear on a smaller screen and simply scale up to fit those dimensions on a bigger screen - making your ad magical in all sizes.

We do recommend creating a format for phones and a format for desktops.

Here in Zuuvi, making your ad responsive is very easy as you only have to "click" on the magic button when exporting your creative.

Screenshot 2022-03-24 at 09

Cheat codes for Creative Manager

Online tools for optimization of workflow

There is a bunch of great online tools which can help streamline your production process. We have created a cheat sheet where we have collected all the online tools we use on a daily basis.

New updates to the template design in Studio?

You have the option to update your ad design from the template you have created in Studio. So if you want to add another format, add an animation, another text element, etc. you have the option.

Check out our step-by-step guide on how to update your campaign in Creative Manager.

How to move the canvas?

You can move your canvas around your workspace to optimize its position for the individual format.

Simply hold down space and drag your workspace around.

The Big Zuuvi Guide

Roadmap to your Zuuvi exploration

Creative Home

Creative Studio

Creative Manager

Add-ons