Getting started with your first mobile website? We are happy to help you on your way! In addition to the desktop website, your customer also gets a mobile website. You can shape this in the DS4. The mobile website works with what we call the Deck, which is a home page that contains tiles with the most important and current information from the customer.
1. Designing a mobile website
Header & Navigation
By default, the mobile website grabs the logo set in Ziber Team from company data. But you can also set this yourself, upload a separate logo for the mobile.
You can color the header bar and menu bars. If you also want to give the apps a color, you do this at Design > Mobile > Colors.
The tiles with the relevant information from the customer are therefore placed on the Deck. Here you determine the shape of the tiles. Go back to colors to give them a color. In Ziber Team you can set exactly what information is on the Deck.
The mobile website uses lists based on news, photos or agenda or via the search menu with filters. Determine which colors are used here.
Give the detail screens an image or background color that matches the house style.
The footer consists of two parts. The info panel here comes back tags, social media and related articles. You can see the contact details in the footer itself. You determine the colors here again.
Colors & Fonts
Go to Design and you will see the buttons for the colors and fonts under mobile. Under colors you will find all colors, such as those of the deck or the menu. With fonts you can give your mobile website a separate font.
(Note! View the mobile website by clicking on the eye, you can also view it on mobile companyname.m.productnaam.nl)
2. Set deck & menu in Ziber Team
We have now done the design, but where do you determine what kind of information is shown on the screen? You do this in Ziber Team. You can do this now for your customer, later the customer can manage this themselves. You get to Ziber Team by clicking the Ziber Team button in the top left. Then you go to the product eg "my Sitehand" or "my Webbly". There you will find the settings for mobile.
Set up deck
There are different sizes of tiles. You can give these tiles a function.
The dynamic tiles show the most current and relevant content. So, for example, a new news item or an upcoming agenda item.
The free tile allows you to link to any url.
With the search button you can easily show messages with a specific tag.
There are also the standard static tiles such as, for example, calling, e-mail, company data, etc..
The menu consists of two rows. In the first row you can add the pages and in the second the apps.