You can use “Image with text” to place an image, along with a bit of text. There will be a single image and single block of text in each row. The block of text will be inclusive of a headline and a snippet of text or paragraph content.
Along with the text, the block in each row will also include a CTA or call to action button that you can either “enable” by check boxing “enable button” or disable by clearing the check box. You can link the CTA button to any page of your storefront and add a text of your choice in the button.
To customize your “image with text,” you can do the following:
You can change the height of the block by choosing from three height options:
- Small – 500px
- Medium – 650px
- Large – 750px
By selecting either of the sizes, you can change the height of the block to configure with the background image.
To select a banner image, you need to click on “select image”. Recommended image size is 3840 x 1000px.
Image alignment will allow you to align the image top to bottom. Whichever option you choose, it will make your image appear as per it.
Image alignment options you can select from the dropdown menu:
- Top left
- Top center
- Top right
- Middle left
- Middle center
- Middle right
- Bottom left
- Bottom center
- Bottom right
For example, if you choose “top left,” the “top” portion of your image will appear in the block and so on.
Add a clear headline text, which is used for attracting customers.
Add a banner copy to support your headline and drive customer engagement.
Change the text color by selecting from the color picker.
With the “Text alignment” you can opt to either make your heading and paragraph content in the block to appear either in the center, left or right by selecting from the following options:
Add “name or CTA (call to action)” in the text label to guide users to the selected page.
Paste or search link based on your button text, where you want your users to redirect once they click on the button. For example, if you want your user to visit the “collection” page after he/she clicks on the button, then add “collection” page link in the “button link”