Adding a Promo Block to Collection Pages

The Promo block is a powerful Safa block that lets you add a call-to-action below the product grid on collection pages. Use it to promote sales, link to lookbooks, highlight seasonal collections, or share brand messaging.

Add promo block below collection pages in sidebar

Before adding a promo block, you need to navigate to the Collection pages section settings.

Click collection pages section in sidebar to access settings

How to Add a Promo Block

  1. In your Shopify admin, go to Online Store > Themes and click Customize on your Safa theme.
  2. Navigate to a Collection page template.
  3. Open the sidebar and click the Collection pages section to open its settings.
  4. Scroll down to the Blocks section and click Add block.
  5. Select Promo block from the list of available blocks.

Configure the Promo Block

Once the promo block is added, click it to open its settings:

Heading

Add a heading to draw attention. Keep it short and action-oriented, such as “New Arrivals” or “Spring Sale.”

Text

Include descriptive text to provide context or details about the promotion.

Image

Upload an image that supports the promo. This could be a lifestyle photo, product shot, or branded graphic. For best results, use an image with a 16:9 aspect ratio.

Link

Set a destination link for the promo block. This can be a product, collection, blog post, or custom URL.

Button Text

Customize the call-to-action button text. Default text is “Learn More” but you can change it to something more specific like “Shop Now” or “View Sale.”

Managing Multiple Collection Pages

Open collections then default collection

By default, settings applied to the Collection pages section affect all collection pages. If you want to show different promo blocks on different collections, you can override these settings on a per-collection basis:

  1. From your Shopify admin, go to Products > Collections.
  2. Click on a specific collection to open its settings.
  3. In the Collection image section, you can assign a unique image and description that will appear alongside the promo block.
  4. For individual collection template overrides, assign a specific template from the Theme template dropdown.