Services block

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:

  1. Choose a location where you want to add a Services area and click on the + Add a Block button.
  2. In the Block Library, navigate to the Services section and click on the block of which style and design suit your website needs best. The block will be automatically inserted into the page.

Customizing block settings

You have several options to make the Services block truly yours. To activate the control panel, click anywhere on the block and then click the Block Settings icon:

Screenshot_2021-06-08_at_23.43.19.png

In the Layout section, you can fully switch the block layout or hide some of the block elements. To fully switch the block layout, simply click the respective button and select a new block content layout:

userlmn_b0fc6ff5b750cbbebe9a683f264c4333.png

To hide a specific block element (for example, if you want to remove a button), remove the blue tick next to its name.

In the Appearance tab, you can make the following changes:

  • Block style: Change the color scheme of the block.
  • Block spacing: Change the whitespaces on the top and bottom of the block.
  • Horizontal alignment: choose the horizontal content alignment in this block.

    ezgif.com-gif-maker__12_.gif
  • Content layout: Choose the number of items in a row.
  • Content style: add border or add shadow to make the elements stand out on the page:

    userlmn_32cc0a35af0dfdb1efc3acf5b6a31e24.png
  • Media settings: add a black & white filter to the images within this block.

Once you are done customizing block settings, click Save.

Editing images

You can replace demo images with your own service-related photographs. Here’s how you can do it:

Adding images

Choosing the image format

Adding image alt text

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:

Creating text links

Creating Nofollow 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.

services_block_5.png

 

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.

services_block_6.png

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.

services_block_7.png

 

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.

Other helpful articles

Selling products and services using Products block

Features block

Creating a page from a page template

Was this article helpful?
0 out of 0 found this helpful