MENU

How To Use Button Blocks

September 11, 2025 | By: PhotoBiz Knowledge Base

How To Add Button Blocks

Add a call-to-action on your page with a button block.

How to Add a Button to Your Website in PhotoBiz

Buttons are a great way to guide your visitors to take action—whether that’s visiting another page, downloading a file, calling your business, or signing up for a form. This guide will show you step-by-step how to add and customize a button on your PhotoBiz website.

STEP ONE

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

STEP TWO

Click on the name of the page where you want to add a button.

From the right-side menu, select the Button Block icon. You can:

  • Click the icon to add the button block to the bottom of your page, or

  • Click and drag the icon to place it anywhere on your page.
    As you drag, a teal bar will appear showing where the block will land.

STEP THREE

Browse the library of predesigned layouts and click Select on the one you want to use.

  • Blank blocks will use your website’s global styling settings.

  • Predesigned blocks will use custom design settings that match the chosen layout.

STEP FOUR

If you chose a Predesigned layout, the side panel menu will remain open so you can start customizing right away.

If you chose a Blank layout, click in the center of the block where it says “click to add button text” and the side panel menu will appear.

STEP FIVE

Choose what your button will link to. Options include:

  • None: The button won’t link anywhere and is for design only.

  • External Link: Send visitors to an outside website or resource.

  • Page: Link to an existing page on your PhotoBiz website (including anchor links to specific blocks).

  • Form: Connect to a custom form you’ve created in the Form Builder.

  • Marketing: Link to a campaign or landing page from your Marketing tool.

  • File: Allow users to open a PDF, JPG, PNG, or GIF you’ve uploaded to the Documents section of your Files.

  • Phone: Add a click-to-call button.

  • Email: Open a visitor’s email program to send you a message.

  • Address: Open your address in Google Maps.

  • Video: Add a YouTube or Vimeo embed code that plays in a lightbox.

  • Pop-Up: Trigger a pop-up you’ve created (great for promotions, discounts, or newsletter signups).

FINAL STEP

Use the right-side menu to customize how your button looks and behaves.

STYLING 

  • Button Alignment (left, right, or center)

  • Space Below Blocks (distance before the next block)

  • Space Inside Blocks (padding at the top and bottom)

COLORS

You can override your global color settings for the button block:

  • Button Text Color

  • Button Background Color

  • Background Color (for the button block itself)

  • Button Overlay Color (hover background)

  • Button Contrast Color (hover text)

BACKGROUND 

Add a custom or library background image or choose no background with display options:

  • Tile

  • Top Left

  • Centered

  • Cover

FONTS

Change the font, size, spacing, and line height for your button text.

ANIMATIONS

Choose from hover effects: None, Fill, Overlay, Scale, or Arrows.

If you have any questions about the Button 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 - 8:00pm EST and we're happy to help you however we can.

NEXT: HOW TO USE TEXT EDITOR BLOCKS
Previous Post Next Post

Related Posts

How To Use Text + Image Blocks

May 20, 2025

How To Use Banner Blocks

May 21, 2025

How To Use List Blocks

November 19, 2025

How To Use Text Editor Blocks

October 8, 2025

CLOSE