My first Ziber Website

Create your first Ziber website? We would love to help you! With Ziber you can easily create websites without the need for technical knowledge. More than 100 advertising agencies preceded you, take a look at the portfolio for the possibilities.

1. Choose a product

Choose from one of the Ziber products in the Ziber Cloud, depending on your wishes. Try a product for free for 30 days. When you have created the product you can click on the DS4 button.

2. Download a template

Each product has its own PSD templates. Choose a template, for the first website it is useful to choose a template with not too many buttons. (Note! in safari he opens the psd in the browser, you can drag it to photoshop, or click on download image)

3. Create Design in Photoshop

The Photoshop file works with segments. Segments divide the image into chunks giving each part its own function when uploaded into the DS4.

Animation header
Here you can animate images. Overlay multiple images and save them separately (save for web). Then you can upload it in the DS4 at animation header.

Buttons
The boxes next to each other are the buttons. Design the buttons, you don't have to use all the buttons. (Note! You cannot add buttons, choose a different template)

Section
You do not need to format this in .psd, all information from Ziber Team ends up here. Like pages, news, photos etc...

footer
The footer is always at the bottom of the website, here you will find the contact details, response form etc.. of the customer. The customer can enter this information himself at pages > footer in Ziber Team. You can, however, give the footer a background.

Adjust segments

Segments are variable, you can adjust them in height and width.

4. Upload PSD

Click on "save" in Photoshop and upload the .psd file in the DS4. Your design will now be turned into an online website.

5. Getting Started in the DS4

Your .psd is now in the DS4 and some adjustments need to be made to complete the website. (Note! You can always view the online website by clicking on the eye in the top left)

Template

Template
Still change something in the .psd file. You can always re-upload the .psd .

Navigation
Simply pin the navigation bar to the top of the website.

Section

Do you want to use a background image? Then give the section a background color.

Animation header
You can animate multiple images with the animation header. You can run the animation header across the entire width of the website.

Links & menus

To link

Click on one of the buttons to link it . You can now give this button a name at "no link" by typing it in. The DS4 automatically creates a page in Ziber Team. You can also choose to link the page to an app.

Menus

You can also simply give a button a drop-down menu. A menu bar will automatically appear under the button, which you can name and add. Designing the menu can be found at :design".

Distances
Simply adjust the distances (margins) of the website here.

footer
Determine the width of the footer , and give it a color or image. The information in the footer can be found in Ziber Team at Pages > footer.

Design layers
With design layers you can give the website more dynamics. Upload images and use features such as parallax or a full- screen background image.

Background
This is the back layer of the website, here you can give a color or a background image without special effects.

Themes
Themes allow you to give each page its own style with different images or headers.

Colors & Font
You can easily adjust the colors in the website & the fonts. The settings can be found under the designs button at the top right.

6. Share design with your customer

If you are satisfied with the design, you simply send your customer a link. Go to the "company name" at the top left. You will now return to the designs screen. Click the share button and send the url.

If the customer is satisfied, you can activate the website in the cloud.