Overview of Zibster Website Builder Blocks
Overview
The Zibster Website Builder uses content blocks to create pages for your business. Each block serves a purpose, such as displaying images, sharing information, collecting inquiries, selling products, or booking appointments. You can combine different block types and arrange them in the order you want visitors to see them. This guide explains the available blocks, when to use each one, how DuoBuild works, and which blocks count toward your page limit.
How Website Builder Blocks Work
Blocks are individual sections of a website page. Each has its own content and available design settings, which vary by block type and selected layout.
Some blocks let you enter content directly in the Website Builder. Others display content managed elsewhere in your account, such as products in the ECommerce Dashboard or posts in BLOG.
Depending on the block, you can customize colors, backgrounds, fonts, spacing, animations, and layouts. Custom block settings override the corresponding global website settings for that block.
To add a block, click WEBSITE and open the page you want to edit. The available blocks appear in the right-side menu. Click a block icon to add it to the bottom of the page, or drag it to a specific location.
Choose the Right Website Builder Block
Use this chart to compare blocks quickly. The sections below explain each block in more detail and link to its setup guide.
| Block | What It Does | Common Uses |
|---|---|---|
| Title Block | Adds a main heading using an H1 tag. | Main page heading |
| Text Editor Block | Adds formatted text, headings, and links. | Business bios, pricing, policies |
| Text + Image Block | Combines written content with an image. | About sections, service introductions |
| Images Block | Displays a collection of images. | Portfolios, project examples, recent work |
| Banner Block | Highlights images, text, and optional buttons. | Page introductions, promotions |
| List Block | Organizes related images, videos, text, and links. | Testimonials, teams, service categories |
| Blog Block | Displays published Zibster Blog posts. | Recent posts, business news |
| Video Block | Displays video from your Video Library or an external platform. | Introductions, demonstrations, promotional videos |
| Form Block | Displays a form visitors can complete. | Inquiries, questionnaires, signups |
| Divider Block | Adds spacing or visual separation. | Section breaks, decorative transitions |
| Button Block | Adds a button linked to a destination or action. | Contact links, booking links, product links |
| HTML Block | Adds custom HTML, scripts, or embed code. | External widgets, embedded tools |
| Products Block | Displays ECommerce products for purchase. | Merchandise, featured products |
| Services Block | Displays ECommerce services for purchase. | Service packages, consultations |
| Scheduler Block | Displays services clients can book for an available date and time. | Appointments, consultations |
| Gift Cards Block | Lets visitors purchase gift cards and check balances. | Gift card sales, balance checks |
| Mood Boards Block | Displays Mood Board projects from a selected category. | Project directories, client project access |
| Maps Block | Displays your business location on a Google map. | Business locations, contact pages |
| FAQ Block | Organizes questions and answers. | Service questions, booking information, policies |
Title Block
The Title Block adds a prominent heading. Its text automatically uses an H1 heading tag, which identifies the page’s primary topic.
Use one Title Block as your main page heading. For additional section headings, use H2 or H3 styles in a Text Editor Block.
Related Guide: How to Use Title Blocks
Text Editor Block
The Text Editor Block adds paragraphs, headings, links, and formatted text. Use it for business information, pricing details, policies, service areas, or team biographies.
Related Guide: How to Use Text Editor Blocks
Text + Image Block
The Text + Image Block combines written content with an image. Use it for a business introduction, featured service, project highlight, or testimonial where the image and text support the same message.
Related Guide: How to Use Text + Image Blocks
Images Block
The Images Block displays images in layouts such as grids, slideshows, carousels, and collages. Some layouts also display image titles and descriptions.
Use it for portfolios, project examples, featured work, or other image collections.
Related Guide: How to Use Images Blocks
Banner Block
The Banner Block creates a prominent visual section using images, text, and optional buttons. Use it to introduce a page, promote a service, feature an announcement, or direct visitors to important content.
Related Guide: How to Use Banner Blocks
List Block
The List Block organizes images, videos, titles, descriptions, and links into a structured layout. Use it for testimonials, team members, featured services, project categories, publications, awards, or process steps.
Related Guide: How to Use List Blocks
Blog Block
The Blog Block displays published posts managed in BLOG. Use it to feature recent posts or posts from a selected category.
You can add the block before publishing a post, but it will not display blog content until a published post is available. Draft, scheduled, and unpublished posts do not appear until published.
Related Guide: How to Use Blog Blocks
Video Block
The Video Block displays a video from your Zibster Video Library or embed code from a service such as YouTube or Vimeo.
Use it for promotional videos, product demonstrations, behind-the-scenes content, tutorials, or introductions. You can select a video stored in your account or upload a supported video through the block’s video settings.
Related Guide: How to Use Video Blocks
Form Block
The Form Block displays a form directly on a website page. Use it for contact inquiries, questionnaires, mailing list signups, applications, or registrations.
You can select an existing form or create a new one from the Website Builder. Your forms and submissions are managed through the Forms Dashboard.
Related Guide: How to Use Form Blocks
Divider Block
The Divider Block separates page sections with spacing, lines, or decorative styles. Use it to organize content and make longer pages easier to scan.
Related Guide: How to Use Divider Blocks
Button Block
The Button Block adds a clickable call to action. It can direct visitors to a website page, external website, form, file, email address, phone number, video, pop-up, Mood Board, or a specific block using an anchor link.
Use it to encourage visitors to explore your work, contact you, shop, or book an appointment.
Related Guide: How to Use Button Blocks
HTML Block
The HTML Block adds custom HTML, scripts, or third-party embed code. Use it for widgets or tools supplied by an external service.
Zibster Support can help you locate the HTML Block and insert code you already have, but cannot create, debug, or guarantee custom code or third-party services.
Related Guide: How to Use HTML Blocks
Products Block
The Products Block displays products created in the ECommerce Dashboard. Use it to feature store items that visitors can review and purchase.
Create your products in ECOMMERCE, then choose which ones the block displays.
Related Guide: How to Use Products Blocks
Services Block
The Services Block displays services created in the ECommerce Dashboard, such as service packages or consultations available for purchase.
Create an active ECommerce service before displaying it. To let clients choose an available appointment date and time, use a Scheduler Block.
Related Guide: How to Use Services Blocks
Scheduler Block
The Scheduler Block displays services created in the Scheduler Dashboard. Clients can review services, select an available date and time, and complete the booking process online.
Create a Scheduler service and configure its availability before displaying it in the block.
Related Guide: How to Use Scheduler Blocks
Gift Cards Block
The Gift Cards Block lets visitors purchase gift cards or check an existing balance. Enable gift cards in ECOMMERCE and configure the amounts you want to offer.
Gift cards can be redeemed through eligible ECommerce and Scheduler checkouts. They cannot be used with Mood Boards, Forms, or Quotes & Invoices.
Related Guide: How to Use Gift Cards Blocks
Mood Boards Block
The Mood Boards Block displays projects from one selected category, giving clients a place to find and open their Mood Boards. Create your projects and assign them to the category you want to display. Add another block to display another category.
Use it to organize inspiration boards and client projects. Mood Boards do not provide a checkout for selling prints or digital packages.
Related Guide: How to Use Mood Boards Blocks
Maps Block
The Maps Block displays your business location on a Google map. Use it to help visitors locate your studio, office, shop, or other business location.
Use the business name and address associated with your Google Business Profile listing.
Related Guide: How to Use Maps Blocks
FAQ Block
The FAQ Block displays frequently asked questions and answers. Layouts include expandable accordions, numbered lists, and multi-column designs.
Use it for questions about pricing, booking, turnaround times, locations, services, or policies.
Related Guide: How to Use FAQ Blocks
Using DuoBuild
DuoBuild automatically places two supported blocks side by side in equal-width columns when you position them beside each other. Each block keeps its own content and design settings.
The following blocks support DuoBuild:
- Text Editor Block
- Text + Image Block
- Images Block
- List Block
- Banner Block
- Video Block
- Form Block
- Button Block
- HTML Block
You can pair two different supported types or two of the same type. A DuoBuild row holds two blocks. DuoBuild is built into the Website Builder; it is not a separate block, page template, or setting.
On smaller screens, the blocks stack vertically, with the left block appearing first and the right block below it.
Related Guide: How to Use DuoBuild
Website Builder Block Limits
Each page allows a combined maximum of 30 of the following blocks:
- Images Block
- Banner Block
- List Block
- Blog Block
- Products Block
- Services Block
- Scheduler Block
- Mood Boards Block
Count each block instance, not the items inside it. An Images Block containing 20 photos counts as one block. Two Images Blocks paired with DuoBuild count as two.
The following blocks do not count toward the 30-block limit:
- Title Block
- Text Editor Block
- Text + Image Block
- Video Block
- Form Block
- Divider Block
- Button Block
- HTML Block
- Gift Cards Block
- Maps Block
- FAQ Block
Related Guide: Understanding Website Builder Block Limits
Saving Your Changes
Click SAVE CHANGES after editing a block’s settings. Saved changes to your Live Website take effect without a separate publishing step.
Block content and design changes made in a Draft Website remain in that draft until you publish it. Changes to shared account content, such as products, forms, and blog posts, can also affect your Live Website.
Review your page on desktop and mobile after editing. Check that content appears as intended and that buttons, forms, Mood Boards, and booking links work correctly.
NEED HELP?
Have questions or need a hand? Contact our Support Team for help with your Zibster website and account.
Phone: 844.353.3412
Support Channels: Phone, Live Chat, Support Ticket
