How to Change the Layout of the Form Block
Overview
Form Blocks let you display a form directly on your Zibster website so visitors can submit inquiries, registrations, contact information, and other details.
You can change the layout of an existing Form Block without rebuilding the block or selecting your form again. The available layouts control how the form, image, background, and surrounding panel are arranged on the page.
This guide explains the two ways to change a Form Block layout and describes the 15 available layout options.
For a complete overview of Form Block settings, visit How to Use Form Blocks.
STEP ONE
Log in to your Zibster account and click WEBSITE in the left-side menu. This opens the Website Builder.
STEP TWO
Click the page that contains the Form Block you want to update.
Locate the Form Block on the page.
STEP THREE
You can change the Form Block layout directly from the block or open the full layout menu from the block settings.
To quickly cycle through the available layouts, locate the current layout name in the upper-right corner of the Form Block. Click the left or right arrow beside the layout name to move through the available options.
Each layout change appears in the Website Builder preview.
STEP FOUR
You can also choose a layout from the full layout menu.
Click the pencil icon in the upper-right corner of the Form Block, then click CHANGE LAYOUT.
The available Form Block layouts appear in the right-side panel. Review the options and click SAVE beneath the layout you want to use.
The selected layout appears in the Website Builder preview.
FINAL STEP
Click VIEW SITE at the top of the Website Builder to review the updated Form Block on your website.
Your Form Block now uses the layout you selected. Changing the layout updates the presentation of the block without replacing the form or removing its existing form content.
Website Builder changes take effect when saved, so you do not need to publish your website separately.
Form Block Layout Options
Zibster includes 15 Form Block layouts. The best option depends on whether you want the form beside an image, overlapping an image, or displayed on its own within a styled panel.
Form and Image Layouts
-
Form Overlay Left: Places the form over the left portion of the image.
-
Form Overlay Right: Places the form over the right portion of the image.
-
Form Overlay Bottom: Places the form over the lower portion of the image.
-
Form Left: Places the form to the left of the image without overlapping it.
-
Form Right: Places the form to the right of the image without overlapping it.
Overlay Box Layouts
-
Overlay Box Left: Places the form inside a styled box over the left portion of the image.
-
Overlay Box Right: Places the form inside a styled box over the right portion of the image.
Image Overlay and Border Layouts
-
Image Overlay Left: Positions the image on the left so it overlaps the edge of the form panel.
-
Image Overlay Right: Positions the image on the right so it overlaps the edge of the form panel.
-
Image Overlay Top: Positions the image above the form so it overlaps the form panel.
-
Image Border Text Bottom: Displays the image above the form within a surrounding panel.
Single Form Layouts
These layouts display the form without an accompanying image.
-
Single Form: Displays the form by itself without an image.
-
Single Form Overlay: Displays the form panel within a larger background area using an overlapping design.
-
Single Form Border: Displays the form inside a bordered panel.
-
Single Form Contemporary: Displays the form inside an inset bordered panel within a larger background area.
What Your Clients See
Visitors see the same form and form fields you already selected, arranged according to the layout you choose.
Depending on the layout, the form may appear beside an image, overlap an image, or display on its own within a styled panel.
Changing the Form Block layout affects its presentation only. It does not replace the selected form or remove the existing form fields and content.
Need Help?
Support Hours: Monday to Friday, 9am to 6pm EST
Phone: 844.353.3412
Support Channels: Phone, Live Chat, Support Ticket
