PhotoBiz, LLC Logo
  • WELCOME
  • WEBSITE BUILDER
  • SEO
  • CLIENT GALLERIES
  • FORMS
  • Booking
  • SERVICES
    • WE BUILD IT FOR YOU
    • SEO GO
    • CUSTOM WEBSITE DESIGN
    • LOGO DESIGN
    • SOCIAL MEDIA MARKETING
    • COACHING
  • GROWTH HUB
  • CONTACT
MENU

How To Use HTML Blocks

May 22, 2025 | By: PhotoBiz Knowledge Base

Share

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

  1. Click inside the block, or click the pencil icon in the top-right corner.

  2. Select Advanced.

  3. 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:

OptionDescription
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.

Previous Post Next Post

Related Posts

How To Embed VidFlow Galleries or Videos on PhotoBiz

May 15, 2025

How Do I Integrate an Elfsight Widget into my Website?

May 31, 2024

How To Embed A 3rd Party Calendar In Your Website

April 28, 2025

How To Embed A 3rd Party Form In Your Website

March 13, 2024

Need More Help?

CONTACT US

BUILDER

Website Builder Client Galleries Blog  

TOOLS

Ecommerce Scheduler Quotes & Invoices  

MARKETING

Email Marketing Forms Contacts SEO  

MORE

Account Settings Domain & Email Files PhotoBiz Growth Hub Blog Go To PhotoBiz.com  
Copyright © 2004 – 2025 PhotoBiz, LLC All rights reserved
Crafted by PhotoBiz
PhotoBiz, LLC Logo
CLOSE
  • WELCOME
  • WEBSITE BUILDER
  • SEO
  • CLIENT GALLERIES
  • FORMS
  • Booking
  • SERVICES
    • WE BUILD IT FOR YOU
    • SEO GO
    • CUSTOM WEBSITE DESIGN
    • LOGO DESIGN
    • SOCIAL MEDIA MARKETING
    • COACHING
  • GROWTH HUB
  • CONTACT