How To Use Form Blocks

How to Add a Form to Your PhotoBiz Website Footer

Overview

You can add any type of Form Block to your PhotoBiz website footer, giving visitors an easy way to submit information from your site. A newsletter or email signup form is one of the most common choices, but you can also use contact forms, inquiry forms, questionnaires, and other forms you have created in your account.

From the Form Block settings, you can select an existing form, edit a form, or create a new one directly from the Website Builder.

This guide walks you through adding a Form Block to your footer and choosing the form you want to display.

STEP ONE

STEP TWO

Scroll to the bottom of your list of website pages and click FOOTER.

This opens your website footer in the Website Builder so you can add or edit blocks that appear there.

STEP THREE

Browse our library of predesigned layouts, and choose the select button on your favorite one.

Blank blocks will use the global styling settings of your website.
Predesigned blocks will use custom design settings to look exactly like the layout you have selected.

Predesigned layout

The side panel menu will remain open, and you can jump right in to the next step.

Blank layout

Click in the center of the block where it says "click to add form" and the side panel menu will reappear.

STEP FOUR

To add a form to your Form block:

In the editing menu, select the category where your form is located.
Choose the form you want to display.
Click Save Changes to apply your selection.

STYLING OPTIONS FOR YOUR FORM BLOCK

IMAGE

If you want to add a visual element to your Form block, you can upload an image, insert one from the clipboard, or use a Stock Image. You can also adjust the focal point and add alt text. Click Save Changes when you're done.

FORM BLOCK LAYOUT OPTIONS

Choose from six different Form block layouts:

Single Form: Only your form will display (no image).
Form Overlay Left: The form overlaps the left portion of the image.
Form Overlay Right: The form overlaps the right portion of the image.
Form Overlay Bottom: The form overlaps the bottom portion of the image.
Form Left: The form appears to the left of the image without overlap.
Form Right: The form appears to the right of the image without overlap.

Click your layout and then save to apply it to your form block.

STYLING OPTIONS

By default, this section will use the styling and spacing settings in the global styling section of your website. You can override these settings within this section:

Space Below Blocks: Adjusts the space before the next block.
Space Inside Blocks: Adjusts the space at the top and bottom of the block.

Click the Space options you prefer and save changes to apply them to your form block.

COLORS

Customize the colors of your Form block by clicking the color square or entering a HEX code. This will override the global color picker section under the DESIGN tab. Click on the color square or enter the HEX color code to customize the color for the following sections:

You can change:

Title Color
Form Field Color
Form Field Text Color
Text Color
Button Text Color
Button Background Color
Button Overlay Color
Button Contrast Color
Background Color
Overlay Color

A Customized Flag will appear next to any color override.

Click Save Changes to apply your updates.

BACKGROUND

You can add a background image behind your Form block. Choose one from the Background Library or upload a custom image. Adjust its display settings:

Tile: Repeats the image across the background.
Top Left: Aligns the image to the top-left corner.
Centered: Centers the image in the background space.
Cover: Scales the image to fully cover the background.

Click Save Changes to apply your background settings.

FONTS

Click on the Fonts option in the right-side menu to customize fonts specifically for this Form block. You can adjust the:

Title font
Text font
Form field text
Button text
Font size, letter spacing (kerning), and line height

Click Save Changes to apply your font updates.

ANIMATIONS

You can set a hover animation for the Form Submit button to override your global hover settings. Choose from:

None
Scale
Blur
Scale Blur
Bounce

Select your preferred animation and click Save Changes to apply it.

PRO TIP!

Use your Form block to collect leads for your Marketing email newsletter!

Click here to learn how to use the Marketing tool in your account.

If you have any questions about the form block, please give our Support Team a call toll-free at 866.463.7620 or send us a live chat from your PhotoBiz control panel. We're available Monday - Friday 9:00am - 6:00pm EST and we're happy to help you however we can.

Previous Post Next Post

How to Change the Fonts on Form Blocks

December 12, 2023

How To Change Form Block Layout

July 30, 2025

How to Submit a Feature Request for PhotoBiz

March 25, 2026

How do I receive email notifications from my contact form submissions?

August 4, 2026