The Services block helps you present a brief and succinct overview of the services you deliver. Before leading visitors into the details of each of your services, this block helps give them a top-level overview of what you do and the unique value you offer. Let’s make the most out of this “elevator pitch” block!
Adding the Services block
Here’s how to add the Services block:
- Choose a location where you want to add a Services area and click on the Add Block + button.
- In the Block Library, navigate to the Services section and click on the block of which the style and design suit your website needs best. The block will be automatically inserted into the page.
Customizing block settings
You can show or remove any element of your Services block. To modify block settings, hover over any area of the block to activate the control panel and click the “gear” Block settings icon. The Block settings menu will appear.
You can check or uncheck any of the following options:
- Block title
- Service image
- Service description
- Primary button
- Secondary button
Once you have selected all the elements you want to have in your Services block, click Save to confirm the changes.
Customize the block appearance
In the Appearance tab, you can modify the following settings:
- Block style: Choose the color scheme of this block (light or dark)
- Content layout: Choose the number of items in a row: 3 items or 4 items
- Horizontal alignment: Choose the horizontal content alignment in this block (left or center)
- Content style: Customize the style of content in this block
- Add border
- Add shadow
Media content setting: Customize the appearance of your image or video
- Add B&W filter
Once you are done modifying the settings, click Save to apply the changes.
You can replace demo images with your own service-related photographs. Here’s how you can do it:
Editing service descriptions
You can add short service descriptions in the block with multiple services in it. To edit the demo content, simply click on the text block and start typing your new text. Alternatively, you can copy and paste your existing content from the text editor you are using.
Editing service links
Individual elements of the Services block layouts allow you to have links to separate service pages, where you will be able to describe the service in more detail. Here’s how to edit these links:
Duplicating block elements
If you would like to showcase more services in this block, you can easily duplicate any of the existing elements. To do that, hover over any block element you want to duplicate and click on the Duplicate icon. The identical block element will be inserted to the right of the original element.
Moving block elements
You can move block elements in any way that meets your website goals. To move the block element, hover over it to bring up the dialog box, and click on the Move icon. Drag the element and drop it on another spot inside the block.
Note: you cannot move elements from one block to a different block.
Deleting block elements
You can delete any block element if you have fewer services to display. To do this, hover over the unwanted element to bring up the dialog box, and click on the “trash can” Delete icon.
You can reverse this action by clicking Undo or pressing Ctrl-Z on your keyboard.
Once you have completed customizing your block, click Publish to make changes live.