How to Use the Text + Image Block in PhotoBiz

How To Add Text + Image Blocks

Video tutorial on how to add text + image blocks to your PhotoBiz website.

How to Use the Text + Image Block in PhotoBiz

Overview

The Text + Image Block lets you combine an image with written content in one section of your PhotoBiz website. Use this block when the image and text support the same message, such as introducing yourself, describing a photography service, explaining your client experience, or promoting an offer.

You can start with a blank block or a predesigned starting design, choose from 36 layouts, and customize the text, image, styling, colors, background, fonts, and other settings. You can also add an optional call-to-action button and use Ask PhotoBiz AI to create or rewrite text and generate image alt text.

This guide walks you through adding and customizing a Text + Image Block in the PhotoBiz Website Builder.

When to Use a Text + Image Block

A Text + Image Block is a good choice when you want written content and an image to work together within the same section of a page.

Common uses include:

Introducing yourself on an About page with a portrait and bio
Highlighting a photography service with an image and description
Explaining your photography process or client experience
Promoting mini sessions, seasonal offerings, or specialty services
Pairing a testimonial or story with an image
Creating alternating image-and-text sections throughout a page

If your section is primarily written content, consider using a Text Editor Block. If images are the main focus, an Images Block may be a better choice. Use a Banner Block when you want a larger visual section, such as a hero image or promotional banner.

STEP ONE

Log into your PhotoBiz account and click WEBSITE in the left-side menu. This opens the Website Builder, where you can create pages and manage the blocks on your website.

STEP TWO

Choose the page where you want to add the Text + Image Block, or create a new page. In the Block Editor on the right side of the screen, click TEXT + IMAGE to add the block to your page.

STEP THREE

The SELECT TEXT IMAGE BLOCK panel opens on the right side of the Website Builder. Choose Blank if you want to start with an empty Text + Image Block.

You can also choose one of the Text + Image 1 through Text + Image 11 predesigned options. These provide a starting design with sample text, imagery, and styling that you can replace and customize.

Click SELECT below the option you want to use. You can continue customizing the content, layout, and design after the block is added.

STEP FOUR

Add or edit the title and text using the side menu. If you selected a predesigned Text + Image Block, replace the sample content with your own text and use the available editing tools to format it.

Click SAVE CHANGES when you are finished.

When pasting text from another program or website, you can paste it as plain text to help prevent hidden formatting from affecting your website.

On a Mac, use Command + Shift + V.

On a PC, use Ctrl + Shift + V.

STEP FIVE

Add or replace the image in your Text + Image Block. If you selected a predesigned option, a stock image may already be included. You can replace it with your own image, paste an image from your clipboard when available, or choose another stock image.

After adding an image, you can adjust the focal point and add alt text. The focal point helps PhotoBiz determine which part of your image should remain visible when the image is cropped or displayed at different screen sizes.

You can enter your own alt text or use Ask PhotoBiz AI to analyze the image and create a description for you. Alt text helps describe meaningful images for visitors using screen readers and can also help search engines understand the image. Each time you use Ask PhotoBiz AI to generate alt text, it counts as one of the 100 monthly AI requests included with the PhotoBiz Website Package.

Click SAVE CHANGES when you are finished.

STEP SIX

Use the Button settings in the side menu if you want to add an optional call-to-action button to your Text + Image Block. Enter the text you want visitors to see in the Button Text field, then use the LINK TO option to choose what happens when a visitor clicks the button.

If you leave the Button Text field blank, no button will appear on the block. To remove an existing button, delete the text from the Button Text field and click SAVE CHANGES.

Use clear button text that tells visitors what to expect, such as VIEW SENIOR PORTRAITS or BOOK YOUR SESSION. Click SAVE CHANGES when you are finished.

FINAL STEP

Review the completed Text + Image Block on your page. Make sure your text is easy to read, the important part of your image remains visible, and any button you added opens the correct destination.

Click SAVE CHANGES after making any final adjustments. Your saved changes are applied to your website, so there is no separate publish button.

Blank and Predesigned Starting Designs

When you first add a Text + Image Block, PhotoBiz lets you choose how you want to start.

Available options include:

Blank
Text + Image 1
Text + Image 2
Text + Image 3
Text + Image 4
Text + Image 5
Text + Image 6
Text + Image 7
Text + Image 8
Text + Image 9
Text + Image 10
Text + Image 11

The Blank option gives you an empty block to customize. The numbered Text + Image options are predesigned starting points that include sample content, imagery, and styling.

Starting designs are different from the block's Layout setting. After adding the block, you can change the Layout to control how the image and text are positioned.

Text + Image Layout Options

PhotoBiz includes 36 Text + Image layouts. Each layout changes how the image and written content are positioned and displayed within the block.

The selected layout can also affect which options appear under STYLING, since some styling controls apply only to specific layouts.

For complete instructions on changing layouts, see How to Change the Text + Image Block Layout.

Text Overlay Layouts

These layouts place your written content over the image.

Text Overlay Left
Text Overlay Right
Text Overlay Center
Text Overlay Bottom
Text Overlay Center Left
Text Overlay Center Right
Text Circle Overlay Left
Text Circle Overlay Right

Side-by-Side Text and Image Layouts

These layouts position the image and written content beside each other using different image sizes, shapes, and cropping styles.

Text Left
Text Right
Profile Text Left
Profile Text Right
Image Square Left
Image Square Right
Image Circle Left
Image Circle Right
Image Large Left
Image Large Right
No Crop Image Center Left
No Crop Image Center Right

Parallax Layouts

These layouts create a scrolling effect as visitors move through the page.

Image Parallax Left
Image Parallax Right
Landscape Parallax Left
Landscape Parallax Right

Image Overlay Layouts

These layouts use overlapping image and text treatments for a layered or editorial-style design.

Image Overlay Text Left
Image Overlay Text Right
Image Overlay Left
Image Overlay Right
Image Overlay Top
Image Border Text Bottom
Image Overlay Bottom Left
Image Overlay Bottom Right
Overlay Split Left
Overlay Split Right
Overlay Box Left
Overlay Box Right

Button Link Options

Buttons are optional on Text + Image Blocks. A button appears only when you enter text in the Button Text field.

Use the link settings to control what happens when a visitor clicks the button.

Available options include:

None: The button does not open a destination.
External Link: Opens a website or online resource outside your PhotoBiz website.
Page: Opens another page on your PhotoBiz website or moves to a specific block using an anchor link.
Form: Opens a form created in your Forms Dashboard.
Marketing: Opens a supported campaign or landing page from the Marketing Dashboard.
File: Opens a supported file uploaded to the Documents section of your Files area.
Phone: Creates a click-to-call link using the phone number you enter.
Email: Opens the visitor's default email application with your email address entered as the recipient.
Address: Opens the address you enter in Google Maps.
Video: Opens a supported YouTube or Vimeo video in a lightbox.
Pop-Up: Opens an existing website pop-up, such as a promotion, announcement, discount, or newsletter signup.

When adding an External Link, enter the complete web address and test the button after clicking SAVE CHANGES.

Styling Options

Click STYLING in the Text + Image Block side menu to customize the appearance and spacing of your block.

The options available under STYLING depend on the Layout you selected. Depending on your layout, settings may include:

Overlay Opacity: Adjusts the transparency of the overlay used with supported layouts.
Title Alignment: Controls whether the title is aligned to the left, center, or right.
Button Alignment: Controls the alignment of the optional button.
Image Border Thickness: Adjusts the thickness of the border around the image when supported by the selected layout.
Space Below Blocks: Controls the amount of spacing below the block. Options include None, Ultra Thin, Thin, Medium, and Thick.
Space Inside Blocks: Controls the amount of spacing inside the block. Options include None, Ultra Thin, Thin, Medium, and Thick.
Text Wrap: Allows text to wrap around the image on supported layouts.
Flushing: Available with supported layouts to control how the block uses the available page width.

Click SAVE CHANGES after making your adjustments.

For complete instructions on Text Wrap, see How to Use Text Wrap on the Text + Image Block.

Color Options

Click COLORS in the Text + Image Block side menu to customize the block's colors.

Your Text + Image Block can use your website's global color settings, or you can customize individual colors for that block. Select the color setting you want to change, choose one of your website's accent colors or select a different color, then click OK.

Click SAVE CHANGES when you are finished.

Changing colors at the block level lets you customize that section without changing the global colors used throughout the rest of your website.

Background Options

Click BACKGROUND in the Text + Image Block side menu to add or customize a background behind the block.

You can upload your own background image or choose an image from the Background Library. Use the available Background Settings to control how the image is displayed.

Click SAVE CHANGES when you are finished.

Font Options

Click FONTS in the Text + Image Block side menu to customize the typography used in the block.

You can customize the following font areas:

TITLE
PARAGRAPH
HEADING H1
HEADING H2
HEADING H3
BUTTON TEXT

For each font area, you can adjust:

Font
Size
Letter Spacing
Line Height

These settings let you override your website's global font styling for the individual Text + Image Block.

Click SAVE CHANGES after making your adjustments.

For complete instructions, see How to Change the Fonts on Text + Image Blocks

Button Animations

Click ANIMATION in the Text + Image Block side menu to control how the optional button responds when a visitor hovers over it.

Available BUTTON HOVER ANIMATION options include:

None: No hover animation is applied.
Fill: Adds a fill-style animation when the visitor hovers over the button.
Overlay: Adds an overlay-style hover effect.
Scale: Changes the scale of the button during the hover effect.
Arrows: Adds an arrow-style animation when the visitor hovers over the button.

Select the animation you want to use, then click SAVE CHANGES.

If your Text + Image Block does not include a button, this setting will not affect the block.

Using Ask PhotoBiz AI

You can use Ask PhotoBiz AI to create new text or rewrite existing text in your Text + Image Block.

Click ASK PHOTOBIZ AI to have PhotoBiz create new text or rewrite the existing text based on information from your Branding Profile. Your Branding Profile gives PhotoBiz AI context about your business and brand so it can create content that better fits your website.

If you want to provide more specific instructions, click the text below the ASK PHOTOBIZ AI button to enter a custom prompt. You can use a custom prompt when you want the content to focus on a particular service, audience, message, or writing style.

Each time you use Ask PhotoBiz AI to create or rewrite text, it counts as one of the 100 monthly AI requests included with the PhotoBiz Website Package.

Review the generated text, make any edits you want, then click SAVE CHANGES.

Using Ask PhotoBiz AI for Alt Text

You can also use Ask PhotoBiz AI when adding alt text to the image in your Text + Image Block.

Ask PhotoBiz AI analyzes the image and creates a suggested image description. Review the generated alt text and make any changes needed before saving.

Each time you use Ask PhotoBiz AI to generate image alt text, it counts as one of the 100 monthly AI requests included with the PhotoBiz Website Package.

Using Text + Image Blocks with DuoBuild

The Text + Image Block supports DuoBuild, a built-in layout feature in the PhotoBiz Website Builder.

When you place a Text + Image Block next to another DuoBuild-compatible block, the two supported blocks automatically snap into a two-column layout. DuoBuild gives you another way to create side-by-side content without using a separate page template or layout setting.

See DuoBuild Introduction Guide for complete instructions.

Helpful Notes

A call-to-action button is optional. Leave the Button Text field blank if you do not want a button to appear.
To remove an existing button, delete the Button Text and click SAVE CHANGES.
Blank and predesigned starting designs are different from the 36 layouts available within the block settings.
Styling options can vary depending on the selected layout.
Font controls are available for the same text areas across Text + Image layouts.
Your Text + Image Block can use your website's global styling or individual block-level settings.
Review your page on both desktop and mobile after making significant layout or image changes.
Use the image focal point when an important subject needs to remain visible as the image adapts to different screen sizes.
Add descriptive alt text when an image provides meaningful information to visitors.
Using Ask PhotoBiz AI for block text or image alt text counts toward your monthly AI request total.

Related Guides

Want Help Building Your Website?

If you would rather have a professional help build or customize your PhotoBiz website, learn more about We Build It For You or Custom Website Design.

Need Help?

Support Hours: Monday to Friday, 9am to 6pm EST

Phone: 866.463.7620

Support Channels: Phone, Live Chat, Support Ticket

NEXT: How To Use Image Blocks

Previous Post Next Post

How To Use Text Editor Blocks

September 3, 2026

How To Use Predesigned Blocks

June 17, 2025

PhotoBiz AI - Overview

August 26, 2025

How To Use ChatGPT with Your Photography Website

April 28, 2025

How To Use Text + Image Blocks

How To Add Text + Image Blocks