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.
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.
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)
You do not need to format this in .psd, all information from Gnap ends up here. Like pages, news, photos etc...
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 Gnap. You can, however, give the footer a background.
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)
Still change something in the .psd file. You can always re-upload the .psd .
Simply pin the navigation bar to the top of the website.
Do you want to use a background image? Then give the section a background color.
You can animate multiple images with the animation header. You can run the animation header across the entire width of the website.
Links & menus
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 Gnap. You can also choose to link the page to an app.
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".
Simply adjust the distances (margins) of the website here.
Determine the width of the footer , and give it a color or image. The information in the footer can be found in Gnap at Pages > footer.
This is the back layer of the website, here you can give a color or a background image without special effects.
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.