Follow on shop button

Overview

The Follow on shop button block provides a customizable call-to-action that encourages visitors to follow your shop. By offering flexible alignment, layout, and visibility options, it ensures the follow action is easily incorporated into your design. This block is a valuable tool for driving ongoing customer engagement and building a loyal audience.

💡 Tip: Place the Follow on shop button where it attracts attention but remains harmonious with your overall store design.

Alignment settings

Alignment settings let you control the horizontal positioning of the Follow on shop button for both desktop and mobile users. This ensures your button appears exactly where you want it, adapting responsively to different screen sizes.

These configuration options are available:

1. Alignment (desktop)

   1. Adjusts the horizontal position of the button for desktop users.

2. Alignment (mobile)

   1. Sets the horizontal position of the button for mobile device visitors.

Configure each alignment setting to match your storefront's look on different devices.

Layout settings

Layout settings control how the Follow on shop button interacts with other navigation elements. These options allow you to highlight the button or integrate it more subtly, supporting a variety of design approaches.

Available layout options include:

1. Fill available space

   1. When enabled, the button expands to fill the width of its container.

      1. Default: off

2. Show in new column

   1. Moves the button into its own column, positioning it apart from other items horizontally.

      1. Default: off

3. Show in new row

   1. Places the button on a new row, visually separating it from other navigation elements.

      1. Default: off

Use layout settings to determine how prominently your follow button appears within the navigation area.

Visibility settings

Visibility settings give you precise control over where and on which devices the Follow on shop button appears. This makes it easy to keep your site uncluttered while targeting the right audience.

Visibility options include:

1. Do not hide

   1. The button shows on all devices.

      1. Default: selected

2. Hide on desktop

   1. The button displays only for mobile users.

3. Hide on mobile

   1. The button displays only for desktop users.

📝 Note: Adjust visibility to match your display strategy and optimize for user engagement on each device.

Available in sections

The Follow on shop button block is available in the following section:

1. Footer navigation

Usage notes

1. Responsive design considerations

   1. Regularly review how the button appears on all supported devices to ensure a consistent and professional presentation.

2. Performance

   1. Keep your pages uncluttered by strategically placing the block where it is visible but not overwhelming.

3. Accessibility

   1. Prioritize clear labeling and strong contrast for the button so that it remains usable and friendly for all visitors, including those using assistive technology.

💡 Tip: Combine alignment, layout, and visibility options to create an effective and accessible follow experience that supports your unique store layout and goals.