Question 1

Add and edit media files

Accepted Answer

Adding your own media files is a great option to keep your Stories as branded as you want! Keep reading this article to learn how to do so!

Article essentials:

Adding stock media files
Adding your own pictures and videos
Cropping elements
Replace media
Mute video audio
Multi-selecting elements

Adding media files: pictures from Zazu

Follow the steps shown in this GIF to add your first media file:

Click on the media icon to add your desired files
Scroll through the options
You can choose from millions of Images, Gifs and Stickers!

| 💡Tip: Work faster by using shortcuts for basic layer actions with CTRL or CMD and duplicate +D, copy +C, paste +V, cut +X or delete (backspace)

Adding media files: pictures and videos from your own desktop

Click on the upload icon to add your desired files
Click the add button in right top corner
Upload your media

| 💡Tip: All files uploaded from your desktop are stored in the upload section for later usage

Replace your media files

You have the option to replace any image or video with a different media file. This also applies to templates and makes editing faster.

Right-click on your media and select the option Replace
Select an image or video form your own Zazu media libra

Question 2

How to create your first Story

Accepted Answer

Learn how to build Stories by getting a quick overview of the most important editing and publishing functionalities!

Article essentials

Where to create a Story
Add layers
Edit layers
Add new artboards
Publish the Story

Follow this video and create your first Story:

${youtube}Zazu - Create your first Story

Steps to create a Story

Where to create a Story Click on the button in the right corner to create a new Story and access the editor:

| 💡 Tip: Before starting to add layers you can choose a background color from the inspector sidebar on the right

Add layers Pick a layer type from the left toolbar and choose the preferred object by clicking on it. The object will appear on your first artboard.
Edit layers You can edit the layers inside the Story by dragging the size or moving the object. For more settings click on the layer and define the parameters on the right.
Add new artboards If you are done with your first artboard it is time to go on with the next one! To add a new artboard click on the small plus at the artboard overview on the bottom of the screen.
Publish the Story After creating all of your artboards and finishing your Story, you can directly publish it. To do so you have to click the publishing button in the upper right corner and select the Story format.

If you choose

Question 3

Create and use templates

Accepted Answer

Follow this easy guide to learn how you can create and use templates that stand out!

Create and use templates

You can create your first Story following the steps in this article. You can then save your Story artboards as a template set in order to use it later.

You can save your Story artboards as a template by clicking on the menu icon in the top left corner and then by clicking "Save as template"
Select the artboards you want to be included in the template - a template can include a set of artboards or only a single artboard. Have a look at the GIF the see how it works:

And TA-DA the template set is now saved under your personal templates that can be accessed by clicking on the templates icon! You can select a template and will see all artboards of the template set. You have the option to select the artboards of a set you want to apply as a template:

| 💡Tip: You can also delete and name templates in order to stay organized!

Find inspirations for templates by searching through Zazu's library:

You could also save some time and work collectively on templates by sharing t

Question 4

Add and edit artboards

Accepted Answer

You can add as many artboards as you want, reorder, and duplicate them.

Artboard editing

At Zazu we call the Story frames artboard because this is where content becomes a small piece of art. This clip shows you how easy it is to manage your artboards with the tool:

It is quite simple and fast to add the boards, set a new order, and duplicate for easy re-creation. This is a list of what you can do exactly with the artboards:

When creating a new Story you will see one artboard per default and can add as many as you like
Add a new artboard by clicking on the plus icon in the artboard navigator at the bottom of the page
If you have a few artboards in a Story you can scroll with your mouse or trackpad through the navigator and select the artboard you want to see or edit
Within the navigator you can change the order of your artboards by dragging them around
The selected artboard has a white frame around it (in the artboard navigator) and you can easily select another one with a click
With the three icons in the bottom right corner you can set a custom duration for an artboard (10 sec per default), duplicate it, and delete the selected artboard
The duration has a auto-advanced option enabled by default. If you upload a video file, the story length will adapt to the length of the video file. If you disable the auto

Question 5

Publish Stories on your own domain

Accepted Answer

Every Web Story is by default published on Zazu's domain but you can change it to your own domain. See how it works in this article.

Article essentials

Add a new domain to your DNS
Add a Custom Domain on Zazu
Apply your own domain to a Web Story

Every Web Story is a webpage hosted on Zazu's domain and has its own URL. This URL will include Zazu's domain name stories.zazuapp.co by default but can be changed to a domain name of your choice anytime. There are two main steps when adding a Custom Domain in Zazu:

| 💡Tip: Publishing Web Stories on your own domain will optimize your SEO performance

Add a new domain to your DNS

In order to be able to add domains to Zazu you have to add them in your Domain Name System first. Simply follow these steps which are also listed in Zazu:

*Step 1: Login to your DNS (Domain Name System) manager. *Step 2: Add a new CNAME DNS entry for your sub-domain with the value custom-domain.zazuapp.co. Please note that the validation may take a few hours to apply.

Add a Custom Domain on Zazu

The second thing you need to do is go to the Publishing section in the Settings page and click on the plus to add a new domain. Then, enter the sub-domain name in the input field on and click "Verify domain".

Depending on your company's structure you might want to add multiple Custom Domains - simply repeat the process for every new domain.

Publish your Web Story to your own domain

Once your custom domain is succ

Question 6

Add and edit a Call to Action

Accepted Answer

CTAs are a crucial part for the presence of your Web Stories.

Article essentials

What is a CTA?
Swipe Up vs custom CTA
Apply a CTA in a Web Story
Why using a CTA?

What is a CTA?

A call to action (CTA) is a marketing phrase that refers to the next step that a marketer would like its audience or reader to take. The CTA may be linked directly to sales. You have various audiences looking at your website – visitors, leads, customers, promoters, and so on – and you want each group to do something different. You want those visitors to become leads, leads to become customers, and customers to become promoters. A CTA is an interactive element that allows you to provide follow on information (i.e. next steps) to your user to drive them further down the funnel.

Swipe Up CTA vs Custom CTA

When you open the CTA menu in the toolbar, you will find two types of CTA:

Swipe Up: The Swipe Ups are great way to provide a similar user experience to social networks (such as Instagram). Using Swipe Ups gives your users the chance to open the link by either swiping up or by clicking the CTA directly. They are less flexible but provide the actual "swiping" experience and open the URL in the same browser tab.

||| ⚠️Caution: Swipe Ups have a fixed size and position on the artboard, and there can only be one Swipe Up CTA per artboard.

Custom: A Custom CTA is a group of layers with a URL linked to it. Custom CTAs are highly customizable as you can freely add/rem

Frequently Read Articles

Browse All Categories