MENU

How To Embed A 3rd Party Form In Your Website

March 13, 2024 | By: PhotoBiz Knowledge Base

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.
Previous Post Next Post

Related Posts

How To Use HTML Blocks

May 22, 2025

How To Embed A 3rd Party Calendar In Your Website

April 28, 2025

How To Embed A Google Form In Your Website

October 15, 2024

How To Embed VidFlow Galleries or Videos on PhotoBiz

May 15, 2025

CLOSE