How to Add an ECommerce Services Block

Video Guide: How to Add Service Blocks to Your PhotoBiz Website

Use the Services block to load your desired Ecommerce services for visitors to purchase.

How to Add an ECommerce Services Block to Your PhotoBiz Website

Overview

The Services Block lets you display ECommerce Services directly on your PhotoBiz website so visitors can view service details and make a purchase. The block can display all of your services, services from a specific category, services with specific tags, or individual services you choose.

Your Service Name, Description, Price, images, and options are managed through the ECommerce control panel, while the Services Block controls how those services appear on your website. When a visitor purchases a service, payment is processed through the merchant configured for your PhotoBiz account.

This guide walks you through adding a Services Block, choosing which services to display, and customizing its basic settings.

Using Scheduler services instead?

The Services Block covered in this guide displays services created in ECommerce. If you want to display services clients can book through Scheduler, see How to Link the Scheduler to My Website.

Prerequisites

Before adding a Services Block, you need at least one active ECommerce Service in your PhotoBiz account.

If you have not created a service yet, see How To Set Up A Service.

STEP ONE

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

STEP TWO

Click the page where you want to display your ECommerce Services. Locate the Services Block in the right-side panel. Click the Services Block to add it to the bottom of the page, or click and drag it to the location where you want it to appear. A placement bar will show where the block will be added when you drag it onto the page.

STEP THREE

Choose the starting layout you want to use for your Services Block and click SELECT. Blank layouts use your website's existing design settings, while predesigned layouts include styling based on the selected design.

You can change the Services Block layout later without recreating the block. For complete layout options and instructions, see How To Change Service Block Layouts.

STEP FOUR

Choose which ECommerce Services you want the block to display. You can display all services, services from a specific category, services that use selected tags, or individual services you choose.

If you need to edit the services themselves, click MANAGE SERVICES to access your ECommerce Services. Changes to a Service Name, Description, Price, image, options, or other service details are made in ECommerce rather than in the Services Block.

If you want to organize and display services using tags, see How To Use Service Tags.

FINAL STEP

Click SAVE CHANGES to apply your Services Block settings. Your selected ECommerce Services will now appear in the block on your website using the layout and display settings you selected.

Visitors can view the service information and purchase available services through your website using the merchant configured for your PhotoBiz account.

Choosing Which Services to Display

The Services Block gives you several ways to control which ECommerce Services appear on your website:

All Services — Display all applicable active ECommerce Services.
Single Category — Display services from one Service Category.
Services by Tag — Display services associated with one or more selected tags.
Custom Services — Choose individual services you want to feature.

Using categories and tags can be helpful when you want different pages or sections of your website to feature different groups of services.

Service Order

The order in which services appear can depend on the Services Block layout you select.

When the layout follows the order of a Service Category, services appear based on how they are arranged within that category in the ECommerce Dashboard. If you need to change the order, review the service category in ECommerce and adjust the service order there.

Last Item Options

Depending on your layout and the number of services displayed, the Last Item settings can control what visitors see after the initial group of services.

Available options may include:

None — Display only the services currently visible in the block.
Load More Link — Give visitors a link to load additional services into the block.
Standard Link — Send visitors to another destination.

Standard Link destinations may include:

External Link
Page on your website
Form
Email Marketing Campaign
File
Phone Number
Email Address
Address
Video
Pop-up

The Last Item option is especially useful when your layout displays only a portion of a larger group of services.

Layout Options

Services Blocks include multiple layouts for displaying single services or collections of services. Depending on the layout, you may be able to control the number of rows and columns, image proportions, text placement, pricing placement, and other display settings.

Single Item layouts are designed to feature one ECommerce Service in greater detail rather than displaying a collection of services.

For a complete walkthrough of the available layouts, see How To Change Service Block Layouts.

Styling Options

Available styling settings vary by Services Block layout. Depending on the layout you select, you may be able to adjust:

Text alignment
Image borders
Space between services
Space above and below the block
Padding
Block width or flushing
Mobile display
Overlay opacity

Click SAVE CHANGES after making adjustments.

Colors

The COLORS settings let you customize colors for an individual Services Block without changing the colors used throughout your entire website.

Available settings vary by layout and may include:

Title
Text
Background
Overlay
Last Item text and background
Shapes
Borders
Captions

You can choose a color from the color selector or enter a HEX value when available. Click SAVE CHANGES after updating your colors.

Background

The BACKGROUND settings let you add a background image to the Services Block.

Depending on the available settings, you can:

Upload a background image
Choose an image from the Background Library
Tile the background
Position the image
Center the image
Use a cover-style background

Click SAVE CHANGES after updating the background.

Fonts

You can customize fonts for an individual Services Block without changing your website's global font settings. Available font controls vary by layout and may include the service title, price, Last Item text, and button text.

For complete instructions, see How to Change the Fonts on Service Blocks.

Animations

Depending on the selected layout, your Services Block may include animation settings for images or buttons.

Image hover animations may include:

None
Scale
Blur
Scale + Blur
Bounce

Button hover animations may include:

Fill
Overlay
Scale
Arrows

Animation availability varies by layout. Click SAVE CHANGES after selecting an animation.

Helpful Notes

The Services Block displays information from the ECommerce Services in your account. To change a service's Name, Description, Price, images, options, or other service-specific information, edit the service from the ECommerce Dashboard.

If you delete a service or set Active to No, the service will no longer appear in a Services Block.

Changes to a Services Block affect how your services appear on your website. They do not change the underlying ECommerce Service unless you edit that service separately.

Troubleshooting and FAQs

Why isn't one of my services appearing in the Services Block?

Confirm that the Services Block is configured to display the service, category, or tag you expect. You should also make sure the service still exists and that Active is set to Yes in ECommerce.

How do I change a service's Name, Description, or Price?

Edit the service from the ECommerce Dashboard. The Services Block displays information from the service but does not control those underlying service details.

See How To Set Up A Service for more information.

How do I change the order of my services?

Service order depends on the layout you are using and, when applicable, the order of the services within their Service Category in the ECommerce Dashboard.

Can I display only one service?

Yes. You can choose an individual service to display and use an appropriate Single Item layout if you want to feature one service prominently.

Can customers purchase services from the Services Block?

Yes. Visitors can view and purchase active ECommerce Services displayed through the Services Block. Payments are processed using the merchant configured for your PhotoBiz account.

Can I use the Services Block for Scheduler services?

No. The Services Block in this guide is designed for ECommerce Services. To display bookable Scheduler services on your website, see How to Link the Scheduler to My Website.

Related Guides

Need Help?

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

Phone: 866.463.7620

Support Channels: Phone, Live Chat, Support Ticket

Previous Post Next Post

How To Customize Service Detail Layout

May 31, 2024

How To Change Services Block Layout

July 30, 2025

How to Hide The Decimal Point On Product and Service Blocks with CSS

May 4, 2026

How To Use Products Blocks

August 19, 2026

How To Use Services Blocks

Video Guide: How to Add Service Blocks to Your PhotoBiz Website