The Zibster Website Builder lets you create a unique online presence tailored to your brand. This guide provides an overview of the key features and steps to get started with your Zibster website.
GETTING STARTED
-
Log In
Access your Zibster account by logging in at https://www.zibster.com/login. This will give you access to all the tools, including the Website Builder. -
Home Screen and Website Checklist
Upon logging in, you'll see your home screen and, if not launched yet, your Website Checklist. This checklist will guide you through setting up your branding, building your website, setting up your domain name, enabling SSL encryption, and activating Spam Protection. -
Access the Website Builder
To start building your website, click on the WEBSITE option in the left-side menu.
IMPORTANT NOTE: When logging in for the first time, you’ll select a starting template. Browse through the available templates by scrolling down, preview them using the PREVIEW button, and select your choice by clicking the SELECT button. You can change your template anytime without losing your content.
CREATING YOUR WEBSITE
After you've selected your template or if you want to add, remove, or customize pages, you'll have access to your Website Builder. You can add new pages, add blocks to existing pages, change content, and more in this section.
Adding New Pages
To add a new page, simply click on the NEW PAGE button on the left side above your list of pages on your website. You can choose between Page, Drop Down Menu, or Link.
If you select a new page, a menu will open on the right side and you can choose to add a blank page and build it from scratch or select from the list of PRE-DESIGNED PAGE LAYOUTS and customize it to match your brand and style.
Click on the SELECT button below your choice for the new page you're adding.
After you've added your new page, you can reorder the pages of your website within the navigation at any time by dragging and dropping the item to your desired location.
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.