How To Use HTML Blocks In The Footer

Blog » How To Use HTML Blocks In The Footer

June 27, 2024

By PhotoBiz Knowledge Base

The HTML block is a great tool if you’re familiar with coding. You can also use it to show off badges, awards, and to stylize your text.

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

STEP ONE

Log into your PhotoBiz account and click on the WEBSITE option in the left side menu.

STEP TWO

Click FOOTER at the bottom of your list of webpages.

STEP THREE

There are two ways to have an active HTML block in your footer:

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

Once the HTML block has been added to your page, click inside of the block to customize it.

Styling Options For Your HTML Block

COLORS

The HTML color section includes one color option. This color 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 section:

Background

BACKGROUND

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.

If you have any questions about the Images 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.

Tags: Design, HTML Block, Footer, Website Builder