The Zibster Website Builder includes a footer section that displays on every page of your website, unless you choose to disable it in the page settings. Within this footer, you can add a Badges Block to showcase affiliations, organizations, awards, or any other graphics you'd like to feature. This guide will walk you through how to add and manage the Badges Block in your footer.
PRO TIP!
For optimal results, we recommend sizing your badges to 150 pixels by 150 pixels in a transparent PNG format.
HOW TO ADD THE BADGES BLOCK TO YOUR FOOTER
STEP ONE
Log in to your Zibster account and click on WEBSITE in the left-side menu.
STEP TWO
Click on the "Footer" option at the bottom of the website builder.
STEP THREE
Click on the "Badges" icon in the right-side menu to add it to the footer. The Badges Block will be added to the bottom of your footer, and you can drag and drop it to rearrange the order of your footer items.
ADDING & EDITING BADGES
STEP FOUR
Click on the Badges Block to add new badges or edit existing ones. The right-side menu will open, allowing you to update the badges block.
STEP FIVE
Click "New Badge" to upload your badge file. For best results, use a 150 x 150 pixel PNG or JPG file.
After uploading your badge, you can add alt tags or a link to the badge.
Link Options Include:
- None: Your badge will not be linked, ideal for items that serve purely aesthetic purposes.
- External Link: Direct your clients to external resources.
- Page: Link to an existing page on your website.
- Form: Connect to a custom form from your Form Builder.
- Marketing: Link to a campaign or landing page created in the Marketing tool.
- File: Allow users to open a file (PDF, JPG, PNG, GIF) uploaded to the Documents area of your Files section.
- Phone: Enable users to click and call you directly.
- Email: Link to an email address to open the user's default mail client.
- Address: Open an address in Google Maps.
- Video: Embed a YouTube or Vimeo video to play in a lightbox.
- Pop-ups: Link the badge to a pop-up if one has been created.
Additional Badge Block Settings
Styling: The Styling section offers two options: Space Below Blocks and Space Inside Blocks. These settings override the global styling options under the Design tab in your control panel.
- Space Below Blocks: Adjusts the space before the next block begins.
- Space Inside Blocks: Adjusts the space at the top and bottom of the block.
Colors: The Colors section includes one color option, which overrides the global button and background colors set in the Design tab.
Background: Customize the background image behind your block to be different from the website’s default background.
0 Comments