The HTML block is a great tool if you’re familiar with coding. You can use the HTML block to show off integrations of 3rd party forms, widgets, live chat options, and badges, or to stylize your text.
Please Note: PhotoBiz Support can help you add the HTML block and insert code for 3rd party embedded content. However, we cannot provide support for services not affiliated with PhotoBiz.
How To Add The HTML Block To Your Website
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 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 THREE
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.