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. Here you can choose which block elements will be displayed:
- 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:
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. Follow the instructions in this tutorial:
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 in your Cover:
How to modify the buttons
You can replace the text in the buttons of your covers. Here's how you do it:
Once you are done customizing the Cover block, click Publish to make changes live.