Call to action section

The “Call to Action” section can be a vital part of your store and is designed to engage customers and prompt an immediate response from them. It can play a key role in driving conversions and achieving your e-commerce business goals.

Section settings

Make section fullwidth: Choose to extend the section to the full width of the viewer’s screen for a bold, immersive look.

Height (in pixels): Specify the height of the section in pixels to ensure it fits seamlessly into your store’s design.

Background Image: Upload a background image to enhance the visual appeal of your call to action.

Overlay background: Add a gradient overlay to your background image to enhance readability and aesthetic appeal.

Heading and Description: Craft a compelling message with customizable heading and description fields. Use this space to clearly communicate what you’re offering and why visitors should take action.

Heading size: Adjust the size of your heading to make your message stand out.

Button label and Link: Customize your call to action button with a specific label and link it to any part of your store, such as a product page, a contact form, or another desired location.

Button color scheme: Choose a color scheme for your button that complements your brand and draws attention.

Content position: Determine where your text and button will be positioned within the section.

Content width: Adjust the width of your content within the section to optimize readability and visual balance. Only applies on desktop. The maximum width (in percentage) of the call to action’s content (heading and description).

Mobile layout

Height: Adjust the height of the section for mobile devices.

Background image: Optional secondary image to be displayed only on smaller screen sizes.

Heading size: The section’s heading size in mobile devices.

Content position: Set the section’s content position for mobile devices.

Colors

Color scheme: Select one of the predefined color schemes as defined in Theme settings > Colors. For more information regarding the color schemes please refer to our article about creating your own color scheme.

Section spacing

The section spacing settings gives you the option to adjust the top & bottom section spacing values.