How To Add Form Blocks
Add a Form block to your website to display one of your Custom Forms for visitors to fill out and submit. Not sure what kind of form you should display? Click here for ideas!
STEP ONE
Log into your PhotoBiz account and click on the WEBSITE option in the left side menu.
STEP TWO
Click on the page name or add a new page you want to use a form block on.
There are two ways to have an active form block on your page:
- On the right hand side of your screen, you can click the form icon and the form block will appear at the very bottom of your page.
- The second option is to hover your mouse over the form icon, left click and hold, then drag the block to your preferred location. When a teal colored line appears where you want the block, let go of the mouse button and the block will drop in that location. To move it, simply drag it up or down.
STEP THREE
To add a form to your form block, simply click inside the block or on the pencil icon at the top right and choose Advanced. The menu will open on the right side of your control panel and give you the option to choose a from.
To input the form into the form block, select the category the form is in, then select the form and click save changes.
STYLING OPTIONS FOR YOUR FORM BLOCK
IMAGE
If you would like to add a visual element to your Form block, you can add an image to display with the form. You may upload a new image, insert an image from the clipboard, or use an image from our Stock Image library.
If needed, you can adjust the focal point of the image and add alt text. Click save changes to finalize your selections.
- Form Overlay Left
- Form Overlay Right
- Form Overlay Bottom
- Form Left
- Form Right
FORM BLOCK LAYOUT OPTIONS
You can choose from 6 different form block layouts for how you'd like your form to be displayed in your form block. The form block layouts are the following:
- Single Form: Only your form will display (without an image)
- Form Overlay Left: The form will overlap a left portion of the image.
- Form Overlay Right: The form will overlap a right portion of the image.
- Form Overlay Bottom: The form will overlap a bottom portion of the image.
- Form Left: The form will appear to the left of your image without an overlap.
- Form Right: The form will appear to the right of your image without an overlap.
STYLING OPTIONS
The form styling section gives you more control over how your forms are displayed within the layout you've selected. By default, this section will use the styling and spacing settings in the global styling section of your website. You can override the global settings for your form block within this area. The settings in this section can include any of the following items:
- Space Below Blocks: Controls the amount of space before the next block begins.
- Space Inside Blocks: Controls the amount of space at the top and bottom of a block.
COLORS
The form color section includes 7 color options. These colors will override the colors for the button that have been picked in 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:
- Title Color
- Form Field Color
- Form Field Text Color
- Text Color Button Text Color
- Button Background Color
- Background Color
- Overlay Color
The customized flag will appear next to any color you've selected to override the global color picker for your website.
Click on save changes at the bottom to apply your color updates.
BACKGROUND
You can add a background image to display behind your form block by adding a background image. You can upload your own custom background image or choose one from the Background Library. You can customize how the background image is displayed under the Background Settings.
If you upload a Custom Background or select a file from the Background Library, you can customize how the background image is displayed under the Background Settings from the following 4 different options:
- Tile: Will tile your image to fill the background
- Top Left: Will align your image to the top left
- Centered: Will align your image at the center of the available space
- Cover: Will scale your image to be as large as possible to completely cover the background
Click on Save Changes to apply your changes to the background settings.
FONTS
Click on the Fonts option in the right-side menu that opens up.
You can easily customize the fonts you're using on your form blocks to override your global font settings. You can change the font, font size, letter spacing (kerning), and line height for any of the following items in your form block:
- TITLE
- TEXT
- FORM FIELD TEXT
- BUTTON TEXT
Click on Save Changes at the bottom of the control panel menu to apply your changes.
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.
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.