Zibster Website Builder Overview
The Zibster Website Builder gives you the power to create a fully customized website—no coding required! This overview will walk you through the most commonly used features in the Zibster Builder so you can build a polished, professional site that reflects your brand.
GETTING STARTED
To access the Zibster Website Builder:
-
Log into your Zibster account: https://www.zibster.com/login
-
Click WEBSITE in the menu on the left
Note: First time logging in? You’ll be prompted to choose a starting template. You can preview all available options and switch templates at any time without losing your content. Everything will carry over automatically!
ADDING PAGES, DROP-DOWN MENUS & LINKS
Once your template is selected, you’ll enter the Builder. Here, you can:
- Add new pages
- Add blocks to pages
- Edit page content and settings
Adding a New Page
-
Click the NEW PAGE button (above your list of pages).
-
Choose from:
-
Page – to create a new full page
-
Drop Down Menu – to group pages under a menu
-
Link – to add a link to an external URL
-
If you choose Page:
- A menu will open on the right.
- Choose either a blank page or a pre-designed layout.
- Set the navigation name (what appears in your menu).
- Choose if you want to include the predesigned layout content.
- Set the visibility (show/hide in menu).
- Click CREATE PAGE to add it to your website.
You can rearrange pages by dragging them into your preferred order.
You can give your new page a NAVIGATION NAME that will display on the menu of your website. You can also choose if you want to include the content from the Predesigned page layout and set the initial page settings for visibility.
Once you've made your choices, click on CREATE PAGE to add your new page to your website.
Your new page will be added to the bottom of the Navigation menu and you'll be able to update the content, add blocks, edit the SEO section, and page settings as needed.
Adding a Drop Down Menu
A drop down menu hosts multiple pages under one navigation item. You can add a new drop down menu to your website by clicking on the NEW PAGE button on the upper left and choosing DROP DOWN in the list of options that appears.
The new Drop Down Menu will appear at the bottom of the navigation menu list and you can give it a name and set it's visibility options.
Click on Save Changes once you've named the drop down menu and selected the visibility for it.
To add a page to a drop down menu, drag and drop the page to the drop down, the drop down menu will change to green and you can release the mouse. The page will be nested under the drop down menu once you've moved it there.
Adding Links
A link allows you to add an external link to your website navigation menu. This is great if you want to link to your Mood Boards, Social Media Profiles, or other websites you're affiliated with.
Click on the NEW PAGE button on the upper left and click on LINK from the available options.
Enter a navigation name, set the visibility, and add the URL for the page to which you want to link.
Click on SAVE CHANGES to apply your changes to the link.
ADDING AND EDITING BLOCKS ON YOUR PAGES
After you've added a new page or selected a page to edit in your Website Builder, you can add more blocks or edit existing blocks in the page from the column on the right side of the page builder.
Zibster offers 19 diverse block types enabling you to exhibit any content on your site. With Duo Build, rearrange blocks within pages and place them side-by-side. Detailed walkthroughs for each block are accessible via the links below.
Adding a New Block
You can click on any block to add it to your page. Once you've added a block, you can easily move the block anywhere within the same page OR from one page to another by dragging and dropping the block to a different page in the navigation menu.
Editing an Existing Block
Once the block is added to the page, click on the block to add your content. Click on the pencil icon in the top right corner of a block to copy, access the advanced area, or delete the block.
- Copy: All of the content added to the block will be copied into a new block.
- Advanced: Add your content and customize the block settings.
- Delete: Remove the block and all of its content.
SHORTCUTS & PREVIEWS
Zibster Website Builder makes it easy to manage pages with a lot of different blocks and also preview how your pages will look on different devices.
Shortcuts
Short cuts allow you to scroll up and down a page in your builder as well as collapse blocks you're not working to make it easier to manage your content on the control panel.
You can find the shortcuts and collapse all option under the Blocks menu on the right side of your builder.
- UP ARROW - takes you to the top of the page you're working on
- DOWN ARROW - takes you to the bottom of the page you're working on
- COLLAPSE ICON - collapses all the blocks on the page builder
You can expand and collapse individual blocks in your builder with the collapse icon on the top left of each individual block.
WEBSITE FOOTER SETTINGS
The footer lives at the bottom of your website and can contain a sitemap for your website, hours of operation, contact information, newsletter sign-up, social media links, or contact information.
Update your footer by clicking on the footer tab listed beneath your navigation.
Zibster includes 8 different types of blocks that you can use in the footer of your website. Each Footer Block has an in-depth tutorial available at the links below.
Build your footer by clicking on the blocks you want to add.
Adjust blocks by dragging and dropping them to your desired location. You can also drag and drop certain blocks to sit side-by-side.
CHANGING YOUR COLORS, FONTS, & WEBSITE DESIGN SETTINGS
Zibster simplifies the process of personalizing your layout and modifying your template, fonts, colors, and additional website design choices to align with your brand within the DESIGN segment of your website builder.
The Design section gives you 11 different sections to customize your global design settings for your website. Each section has an in-depth tutorial available that covers the details on how to use it to give your website the look and feel you want for your brand available at the links below.
- Colors: How To Edit My Color Scheme
- Fonts: How To Change Fonts
- Graphics: How To Edit Graphics
- Site Background: How to Change Website Background
- Footer Background: How To Change Footer Background
- Blog: Blog Page Layouts
- Products: Products Page Layouts
- Services: Services Page Layouts
- Scheduler: Scheduler Page Layouts
BRANDING, SOCIAL MEDIA, SITE LINKS, SITE SEARCH + SHOPPING CART, BLOG WIDGETS, & 301 REDIRECTS
You can easily integrate your social media to your website with icons, add your contact information and location with site links, display internal site search, and more with your PhotoBiz website builder via the SETTINGS section of your control panel.
Branding
The Branding section allows you to use the Global Branding from the left side menu or use custom branding specifically on your website.
Social Media
The Social Media section allows you to link your various social media pages and other items via an icon on your website.
Site Links
This section allows you to include contact information, hours, location, and other types of information you want to feature on each page of your website.
Search/Cart
The Search/Cart section controls the display options for internal site search for your ECommerce and Blog articles and the shopping cart icon on your website.
Blog Widgets
Blog widgets gives you options for what appears with your blog posts within the blog block and if you wish to display related posts at the bottom of each blog post.
Redirects
This section allows you to create 301 redirects for your domain name once you've launched your website with your domain name.
TRACKING
The Tracking section on the Zibster Website Builder allows you to publish your website sitemap, set your Auto SEO company name, integrate things such as Google Analytics or other 3rd party scripts into your website header.
