The PhotoBiz Form & Contract Builder is included with your website package membership, however you may want to use a third-party form builder. You can easily add a third-party form to your PhotoBiz website. Some providers we've seen clients use Jotform, Constant Contact, Wufoo, 17Hats, LeadSavage, Honeybook, MailChimp, and TypeForm.
Please Note: PhotoBiz Support can help you add the HTML block and insert code for third-party forms. For specific questions about design, functionality, etc. for your third-party forms, you'll need to contact your provider's support resources for assistance.
STEP ONE
You'll want to get the embed code from your provider that will allow you to put their form into your website.
STEP TWO
Log into your PhotoBiz account and click on the WEBSITE option in the left side menu.
STEP THREE
Click on the page name or add a new page you want to use an HTML block on.
There are two ways to have an active HTML block on your page:
- On the right hand side of your screen, you can click the HTML icon and the HTML block will appear at the very bottom of your page.
- The second option is to hover your mouse over the HTML 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 FOUR
To add an embed code to your HTML 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 a text box to input an HTML embed code.
You can add any desired HTML code to the box provided. Some examples of custom code you may want to add include a social media feed or third-party widgets. Click save changes once you're done adding your code.
STYLING OPTIONS FOR YOUR HTML BLOCK
COLORS
The HTML color section includes one color option. This color will override the color for the HTML block 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 section:
- Background Color
You can add a background image to display behind your HTML 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.