How To Add The Image Block + Images To Your Website
STEP ONE
Log into your PhotoBiz account and click on the WEBSITE option in the left-side menu.
STEP TWO
Click on the page name you want to work with, or create a new page.
There are two ways to add an image block:
- Quick Add: Click the image icon on the right-hand side. The image block will appear at the bottom of the page.
- Drag & Drop: Hover over the image icon, left-click and hold, then drag it to your preferred spot. Let go when a teal line appears—this will drop the block in that location. You can move it later by dragging it up or down.
STEP THREE
To add images, click inside the image block or on the pencil icon at the top right and choose Advanced. A menu will appear on the right with image upload options:
- UPLOAD – Add new images from your device
- CLIPBOARD – Use images you've already uploaded
- STOCK IMAGES – Choose from royalty-free stock photos
Once added, you'll see image thumbnails in the right panel. You can:
- Rearrange them by dragging
- Click on each image to:
STYLING OPTIONS FOR YOUR IMAGE BLOCK
Last Item Link
Use this feature to create a "load more" link or a standard link on the last item of your image block. Perfect for loading extra images or directing users to another page.
Display Options:
-
NONE – No link is used
-
LOAD MORE LINK – Loads more images in the same image block
-
STANDARD LINK – Links to something else, like:
-
External URL
-
Page
-
Form
-
Marketing campaign or landing page
-
File (PDF, JPG, etc.)
-
Phone number
-
Email
-
Address (opens in Google Maps)
-
Video (YouTube or Vimeo embed)
-
Pop-up
-
You can also customize the button text that appears.
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 vary depending on your selected layout. You can override your site’s global styles for more customization:
-
Overlay Opacity – Controls visibility of hover overlays
-
Title Alignment – Left, Center, or Right
-
Description Alignment – Left, Center, or Right
-
Image Border Thickness – None to Thick
-
Spacing – Adjust:
-
Space Between Items
-
Space Below Blocks
-
Space Inside Blocks
-
-
Flushing – Choose full-width or centered block
-
Mobile View – Show 1 or 2 columns on mobile
📝 Don’t forget to click Save Changes when you're done!
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.
