Share/print UI

Easily add sharing and printing buttons to your Hero section with flexible alignment, color, and visibility controls to improve accessibility, engagement, and user convenience across desktop and mobile.

Last updated 2 months ago

Overview

The Share/print UI block allows you to add instant sharing and printing options to your Hero section, making these functions easy for visitors to access. Including these controls in a key visual area supports both user engagement and content distribution. This block is highly flexible, letting you refine visibility, alignment, and appearance so your site's experience matches your goals.

⚠️ Important: Add the Share/print UI block to make your page more actionable and user-friendly. These controls encourage visitors to interact, share, or print content directly from your Hero section while fitting seamlessly with your visual design.

Available in sections

  1. Hero

The Share/print UI block is specifically available for the Hero section. This means sharing and printing actions are always instantly accessible in your most prominent site area.

Share and print controls

Control exactly which functions are available by enabling or disabling sharing and printing from within the block settings. Limiting visible actions helps keep the interface clean and intuitive for your visitors.

Show print button

This setting enables the print button for visitors, making it simple to print the current view. This is especially helpful for guides, flyers, or content intended for offline use.

Default: disabled

Show share button

Toggle the display of the share button, so users can send or post your content across supported channels and platforms. Sharing is a key way to extend engagement and reach a wider audience.

Default: enabled

Alignment settings

Fine-tune the horizontal position of your action buttons on both desktop and mobile screens. Good alignment supports usability, keeps the interface polished, and ensures controls remain easy to find.

Adjust the horizontal alignment so the Share/print UI stays organized and clearly visible, no matter the device type.

Alignment (desktop)

Set how the share and print icons are aligned horizontally when viewed on desktop. Correct alignment contributes to a professional, balanced site layout.

Alignment (mobile)

Configure the horizontal alignment of controls for mobile devices. Optimized mobile alignment ensures actions are always within easy reach and maintain legibility on smaller screens.

Visibility settings

Visibility options determine on which devices your Share/print UI block is displayed. Use these controls to focus the interface and reduce distractions by showing relevant actions only where they are most useful.

Adjust visibility so the Share/print UI appears for the right audience, in the right context.

Visibility

Select from three visibility states for the block:

  1. Do not hide (default)

  2. Hide on desktop

  3. Hide on mobile

Adjusting visibility lets you maximize the block's usefulness while minimizing clutter and distraction for end users.

Usage notes

💡 Tip: Use high-contrast colors and test your alignment on multiple devices to ensure the Share/print UI block is always accessible and aesthetically balanced. Restricting visible actions to the most relevant options keeps your interface simple and effective.

With the Share/print UI block, you put essential sharing and printing tools right where visitors need them. Enable only the actions you want your audience to use, and apply thoughtful color and positioning for the best visual harmony and accessibility.