Using the HTML Block on Your PhotoBiz Website
The HTML Block is a powerful tool if you're comfortable with code. You can use it to display third-party content like forms, widgets, live chats, badges, or to apply custom styling to your page.
⚠️ Need help? Our Passionate Support team can assist you with adding an HTML block and inserting embed code. However, we’re unable to provide support for third-party services or troubleshoot external code.
How to Add an HTML Block
STEP ONE
OPEN THE WEBSITE BUILDER
Log in to your PhotoBiz account and click WEBSITE from the menu on the left.
STEP TWO
CHOOSE YOUR PAGE
Click on an existing page or create a new one where you want to add the HTML block.
There are two ways to add the HTML block to your page:
-
Option 1: Quick Add
Click the HTML icon on the right side of your screen. The block will automatically appear at the bottom of the page. -
Option 2: Drag & Drop
Hover over the HTML icon, then click and hold.
Drag it to your desired spot on the page.
When you see a teal line appear, release your mouse to drop it there.
You can move it up or down later by dragging.
STEP THREE
ADD YOUR CUSTOM CODE
-
Click inside the block, or click the pencil icon in the top-right corner.
-
Select Advanced.
-
A menu will appear on the right with a text box for your HTML embed code.
Paste your code into the box. This can be anything from a live chat widget to a social media feed or custom styling.
Click Save Changes when you're done.
Styling Your HTML Block
You can customize the look of your HTML block with background color and image options.
COLORS
You can set a background color specifically for this block. This will override the global color settings under the DESIGN tab.
Click the color square or enter a HEX color code to choose your background color.
Background Image
To use a background image:
-
Click to upload your own image or select one from the Background Library.
-
Under Background Settings, choose how the image should appear:
| Option | Description |
|---|---|
| Tile | Repeats the image to fill the space |
| Top Left | Aligns the image to the top left corner |
| Centered | Centers the image in the available space |
| Cover | Scales the image to cover the entire background area |
Click Save Changes to apply your background settings.
