Follow on shop button

The Follow on Shop Button block is a versatile tool designed to boost user engagement by encouraging visitors to follow the shop. Typically placed in the footer navigation, it allows users to easily connect with the shop's updates and offerings, enhancing interaction and retention.

Key settings include alignment options for both desktop and mobile views, ensuring the button integrates seamlessly with other elements. Layout settings offer flexibility, allowing the button to fill available space or be displayed in new columns or rows. Visibility settings provide control over when and where the button appears, tailoring the user experience across different devices.

Practical usage examples include placing the Follow on Shop Button in the footer navigation to promote shop updates and utilizing responsive design settings to maintain a consistent appearance across devices. Additionally, custom layouts can be created by integrating the button into promotional banners or call-to-action areas, enhancing its visibility and effectiveness.

Overview #

The Follow on Shop Button block is designed to enhance user engagement by providing a button that encourages visitors to follow the shop. This block is typically used in the footer navigation section, allowing users to easily connect with the shop's updates and offerings.

Key components and functionality #

Alignment settings

The alignment settings allow you to control how the button is positioned within the block. This ensures that the button aligns well with other elements on both desktop and mobile views.

• Alignment - Desktop: Adjusts the horizontal alignment of the button on desktop devices.
• Alignment - Mobile: Adjusts the horizontal alignment of the button on mobile devices.

Layout settings

Layout settings provide options to customize how the button is displayed within the block, offering flexibility in design and presentation.

• Fill available space: This option allows the button to expand and fill the available space within its container.
  • Default: Not selected
• Show in new column: Displays the button in a new column, which can be useful for organizing content.
  • Default: Not selected
• Show in new row: Displays the button in a new row, providing a clear separation from other elements.
  • Default: Not selected

Visibility settings

Visibility settings determine when and where the button is displayed, allowing for a tailored user experience across different devices.

• Visibility: Offers options to control the visibility of the button:
  • Do not hide: The button is visible on all devices.
  • Hide on desktop: The button is hidden on desktop devices.
  • Hide on mobile: The button is hidden on mobile devices.
  • Default: Do not hide

Available in sections #

• Footer navigation

Usage examples #

1. Footer navigation: Place the Follow on Shop Button in the footer navigation to encourage users to follow the shop for updates and promotions. This can increase user engagement and retention.

2. Responsive design: Utilize the alignment and visibility settings to ensure the button is displayed optimally across all devices, maintaining a consistent and professional appearance.

3. Custom layouts: Use the layout settings to integrate the button into custom-designed sections, such as a promotional banner or a call-to-action area, enhancing its visibility and effectiveness.

By leveraging these settings, you can effectively incorporate the Follow on Shop Button into your theme, enhancing user interaction and engagement with your shop.