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.
