Social sharing

Pave provides a Share button on the product page that opens the device’s own share sheet on phones and tablets, and a small share panel on desktop. The theme also outputs Open Graph and Twitter Card metadata on every page so that shared URLs render with a preview image and description.

Where it appears

  • Product page. When the Share block is in the Main product section. The default product template includes it.
  • Featured product. When the Share block is added to the section.

Share block settings

In the Share block on the product page:

  • Show label text. Toggle whether the word “Share” appears next to the icon.
  • Label. The label text. Default: Share.

How sharing works

  • Mobile. Tapping the button opens the device’s native share sheet (iOS share sheet, Android share). The customer picks an app (Messages, WhatsApp, Email, etc.) and shares the URL with title and description.
  • Desktop. Clicking the button opens a panel with links to share on Facebook, Pinterest, WhatsApp and by email, plus the product link in a field with a Copy button. The panel also opens on a phone if the share sheet is cancelled or unavailable.

Open Graph and Twitter Card metadata

Pave outputs the following metadata in the <head> of every page:

  • og:title. The page title.
  • og:description. The page meta description (or shop description as fallback).
  • og:image. The page’s image (product image, article image), then the Social share image from theme settings, then your logo.
  • og:url. The canonical URL.
  • og:type. product for products, article for articles, website otherwise.
  • twitter:card. summary_large_image when the page has an image or a social share image is set, summary otherwise.
  • twitter:title, twitter:description and twitter:image mirror the og: tags.

This metadata makes shared URLs render with rich previews on Facebook, X, LinkedIn, WhatsApp, Slack, and most messaging apps.

Configuring the social share image

The fallback social share image (used on pages without their own image) is set in Theme settings > Favicon > Social share image. See Favicon.

Tips

  • Keep the Share block. It helps on considered purchases such as gifts, fashion and homeware, where customers want to text or email a product to a friend before buying.
  • Verify your share preview. Use the Facebook Sharing Debugger to confirm your previews look right and to clear its cache after image changes.
  • Open Graph image dimensions. The recommended size is 1200 by 628 px. Smaller images render small in feeds; larger images cost bandwidth.

Troubleshooting

  • The Share button doesn’t appear. Confirm the Share block is in the Main product section in the theme editor.
  • The share preview shows the wrong image. Social platforms cache previews. Clear the cache with the platform’s debugger tool.
  • The share preview shows no image. On product pages, the product’s first image is used. Confirm the product has at least one image. On generic pages, the Social share image in theme settings is the fallback.

Pave theme © Corebia. Documentation last updated {{ site.time | date: "%B %Y" }}.