How to Use Image Blocks in PhotoBiz
Adding images throughout your site is a powerful way to showcase your brand, tell your story, and create visual interest for your visitors. Here's how to add and customize image blocks on your PhotoBiz website.
STEP ONE
LOG INTO YOUR ACCOUNT
Log into your PhotoBiz account and click WEBSITE from the menu on the left.
STEP TWO
CHOOSE A PAGE
Click on the name of the page where you’d like to add images—or create a new page.
There are two ways to add an image block:
- Quick Add: Click the Image icon on the right side of the screen. The image block will be added to the bottom of your page.
- Drag & Drop: Hover over the Image icon, click and hold, then drag it to your preferred spot. Release when a teal line appears. You can always move the block later by dragging it up or down.
STEP THREE
CHOOSE YOUR BLOCK STYLE
You’ll have two options:
- Blank Block: Customize the layout and design from scratch using your global style settings.
- Pre-designed Block: Choose from professionally styled layouts with custom designs ready to go.
Click the Select button under your preferred image block design.
STEP FOUR
ADD & MANAGE IMAGES
Once the block is added, you’ll be in the Images section where you can upload and organize your photos.
If you selected a pre-designed block, stock images will appear in your layout. You can:
- Keep the stock images
- Remove them by dragging them to the Delete button
To add your own images, choose one of the following options:
- UPLOAD – Add new images from your device
- CLIPBOARD – Use images you’ve previously uploaded
- STOCK IMAGES – Browse royalty-free stock photos
Once your images are added, you’ll see them in the right panel. You can:
-
Rearrange images by dragging
-
Click on each image to:
STYLING OPTIONS FOR YOUR IMAGE BLOCK
LAST ITEM LINK
Use this to turn the last image in your block into a clickable link or “Load More” feature. This is particular useful if you have many images uploaded OR if you have more images than the number of rows and columns that are available in your page layout and you want visitors to be able to view the additional images.
Link options include:
-
None (no link)
-
Load More (displays more images in the same block)
-
Standard Link (link to):
-
A different page
-
Form
-
Landing page or campaign
-
PDF or file
-
Phone, email, or map
-
Video (YouTube/Vimeo)
-
Pop-up
-
You can also customize the button text for this item.
IMAGE BLOCK LAYOUT OPTIONS
Choose from 24 layout styles to control how your images display. Here are some popular ones:
- Square / Portrait / Landscape – Grid-based with hover titles/descriptions
- Editorial (Circle, Square, Portrait, Landscape) – Titles/descriptions shown below the image
- Pinboard – Preserves original image dimensions in a grid
- Collage 4/5/6 – Cropped, framed sets that repeat depending on how many images you upload
- Modern (Square, Portrait, Landscape) – Titles display as cut-outs; descriptions not supported
- Stack Mini / Stackable – Full-width stacked images
- Gallery – One large image with tile previews and navigation
- Slideshow – Auto-playing image rotation
- Carousel / Carousel Slideshow – Horizontal scroll, with or without autoplay
- Editorial & Gallery Collage 3 & 4 – Designer-style layouts with overlapping, modern elements
Click Save under the layout you want to use.
STYLING OPTIONS
Styling controls may vary depending on your chosen layout. You can override your site’s global styles for more control:
-
Overlay Opacity
-
Title & Description Alignment
-
Image Border Thickness
-
Spacing:
-
Between items
-
Below blocks
-
Inside blocks
-
-
Flushing: Choose full-width or centered
-
Mobile View: Show 1 or 2 columns
👉 Click "Save Changes" to apply your updates.
COLORS
You can override your website’s global color settings for your Image block. The options in the Colors section can vary depending on the layout you've selected. Color options can include:
- Title Color - image title font color
- Text Color - image description font color
- Background Color - background color for image block.
- Overlay Color - color for image overlay
- Last Item Text Color - last item link font color
- Last Item Background Color - last item link background color
- Border Color - image border color
Click save changes to apply.
BACKGROUND
Add a background image behind your image block. Choose from:
- Custom Upload
- Background Library
Background Display Settings:
- Tile – Repeats image
- Top Left – Anchors image in top left
- Centered – Centers image
- Cover – Scales image to fill background
Click Save Changes to apply.
FONTS
You can easily customize the fonts you're using on your image blocks to override your global font settings. You can change the font, font size, letter spacing (kerning), and line height for any of the following items in your banners:
- TITLE
- DESCRIPTION
- LAST ITEM TEXT
Click on Save Changes at the bottom of the control panel menu to apply your changes.
ANIMATIONS
Choose hover animations for your images:
- NONE
- SCALE
- BLUR
- SCALE BLUR
- BOUNCE
👉 Don’t forget to click Save Changes to apply your animation!
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.
