Cover block

Cover blocks present essential information about your business, product, or service in a bold and distinctive way. You can use these blocks to introduce your product or service and make it easy for visitors to get in touch with you.

 

Adding a Cover block

Find a suitable location for your Cover and click on the + Add a block button.

In the Block Library, locate the Cover section in the vertical menu on the left and choose the style of Cover that you like.

 

Customizing the Cover block settings

You can add headings, subheadings, and add or remove buttons in the Block settings window. Here's how you do this:

1. Hover over the Cover block to trigger the appearance of the menu.

2. Click on the "gear" icon to reach the Block settings menu. In the Layout section, you can instantly change the block layout and preview the changes. In the Appearance section, you can choose which block elements to display, including:

  • Block title
  • Business address
  • Business phone number
  • Business email address
  • Business hours
  • Primary button
  • Secondary button

Depending on the Cover block type you choose, you may be able to add other elements, such as features or form.

Once you are done customizing Block settings, click Save to confirm changes.

Editing the block text

You can replace the demo text in the block simply by clicking on the text and typing your own content. Highlight the text to be replaced or copy/paste the content from your own text editor. Here's how you can format your text:

You can also assign title tags to the headers of your sections in the block. Here’s how to do it: 

Adding title tags (H1, H2)

Adding SEO-friendly page titles

You can also change the text color:

Screen_Shot_2021-04-05_at_17.26.47.png

 

Replacing the background image

You can replace the demo image of the Cover block. Here's how you do this:

Click anywhere on the image to trigger the appearance of the control panel. For more details, check out these tutorials:

Changing the block background

Adding block background overlays

Adding an animated background

Note: You can upload animated .gif files as block backgrounds.

 

Customizing the form

You can choose a cover that contains a form that your visitors can use to send you a message. Here’s how you can modify the form on your Cover:

Building website forms

Adding a form

Customizing form settings

Once you are done customizing the Cover block, click Publish to make changes live.

Other helpful articles

Creating your homepage

Creating text links

Creating an About Us page

Adding website animations

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