They come in a variety of shapes and sizes and, like everything else in our themes, can be easily customized to your specific requirements.
Each theme has a slightly different set of contact block styles, but they’re all built upon the same set of configurable properties.
|Contact blocks style||The block style to use, which can be one that’s built-in or copied from our Pattern Library. Selecting “None” will hide the contact blocks from the Home page.|
|Contact blocks color||The color palette to use, which reference colors defined in your theme. Each block style uses color palettes a little differently and you can use any color you like by modifying the custom micro-template.|
|Contact blocks heading||The optional heading text to display above the contact blocks.|
|Contact block number||The number of contact blocks to display (between 1 and 4).|
|Contact block columns||The number of columns to display the blocks in (between 1 and 4).|
|Contact block image height||The height of each contact block image. If the setting is blank, images will not be displayed.|
You can then configure the following properties for each contact block:
|Title||The title of the contact block.|
|Description||The description of the contact block.|
|Link||The URL of the contact block that users will sent to.|
|Image||The image of the contact block.|
The images for each of the 4 supported contact blocks are configured in the Images setting group, whereas the other settings are in the Contact blocks setting group.
Each theme comes with a number of built-in contact block patterns that you can choose from using the Contact blocks style theme setting, but you can add additional contact block styles to your theme by:
Editing the micro-template of your chosen contact block style on the
Copying a contact block style across from another theme if you purchased our Complete Package.
Copying a contact block style from our Pattern Library.
All contact block micro-templates build upon the same set of theme settings but can differ significantly in terms of their look-and-feel and behavior. Contact blocks are built to be customized, so the only limit is your imagination.
Adding new functionality
For example, if you wanted the Web Widget to be hidden by default and then revealed when a user clicks on the Chat with us block, you could configure the block’s URL to be