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:
You can also change the text color:
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:
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:
Once you are done customizing the Cover block, click Publish to make changes live.