User Guide
  • Reactify Search
  • Getting Started
    • Introduction
    • Why do we exist?
    • What can we do for you?
    • What you need to know
    • Preparing for implementation
    • Implementation process
    • Configuring your instance
  • Release Notes
  • Upcoming Features
  • Troubleshooting and FAQ
    • How do I reduce zero search results?
    • How do I create a curation for a collection or search term?
    • How do I set up my "sort" settings?
    • How do I add a banner in a collection?
    • How long should it take for a published curation to reflect on the front end?
    • Why is a product not appearing in a collection?
    • Best practices for populating data in Shopify
    • Where does a "hidden" product go?
  • Theme Extension
  • Dashboard
    • Intro
    • Start Sync
  • Configuration
    • Intro
    • Redirects
    • Synonyms
    • Merged Values
    • Relevance
    • Sort
    • Filters
  • Merchandising
    • Intro
    • Callouts
    • Collections & Search
      • Global Boosting Rules
      • Market-specific merchandising
      • Schedule Merchandising Pages
      • Hide or show products based on Shopify Markets
      • Inventory Rules Based on Shopify Locations
    • Preview
  • CATALOGUE
    • Products
    • Collections
  • Analytics
    • Intro
    • Reports
  • Manage
    • Intro
    • Product
      • Metafields
      • Markets
    • Automations
    • Account
      • Shared Stores
    • Activity Logs
    • Bulk Sync Logs
    • Integrate Search and Image AI
Powered by GitBook
On this page
  • Add a callout banner to your curation
  • Where should I position callout banners?
  • How do I upload videos and images for callout banners?
  • How do I style my callout banners?
  • Update an existing callout

Was this helpful?

  1. Merchandising

Callouts

Create promotional images and videos and feature them within your curations.

PreviousIntroNextCollections & Search

Last updated 10 months ago

Was this helpful?

People are naturally visual. So, these banners are a great way for adding diversity to what may have been a standard grid of products. Use callouts for promoting a special event, a new collection, or a specific product you're trying to sell.

Engage with your customers by inserting your banner into a slot within the product grid layout. Callout banners are designed to appear seamlessly within your category and search results pages.

You can easily create an image or video banner and completely customise where it appears, without the hassle of clunky HTML code.

Add a callout banner to your curation

Simply go to your Curation, click on Callouts, then select the callout. Once selected callout will appear in the grid interface. From here, you're able to position the callouts in their rightful place.

Where should I position callout banners?

Anywhere in an existing curation. Simply drag and drop the curation tile and position accordingly.

Callout banners have the power to grab your customers' attention and influence their browsing patterns. As customers browse through the site, you can promote messages and strategically place them next to particular products to help drives sales.

You can apply the same callout banner to multiple curations to increase the exposure of your campaign. Simply navigate to each curation and select the banner from the callout banners ist.

Callouts can appear within the pinned section of a curation and so for a callout to appear on pages other than the first page you must pin more than one page worth of results.

How do I upload videos and images for callout banners?

  1. Go to your Shopify Settings

  2. Navigate to the Files section, then click on Upload files

  3. Once the files have finished uploading, they'll appear on the list. Click the link icon to copy and page the URL into the Link field in your callout settings

How do I style my callout banners?

You can style elements of your callouts by ensuring the following fields connect to your front end storefront. All styling to callouts will need to be configured by your front end developers.

In saying that, these fields are optional as some merchants simply use video and images.

In the Display section, you can choose the number of columns and rows the callout banner will take up on the grid layout. The most common setting is 1 column and 1 row. However, this is entirely up to you. For big promotions, you may want the banner to take up the entire width of the grid, so in this instance, you would increase the number of columns to 3 or 4.

Visibility gives you the option of whether the callout banner will be visible across all devices or specifically for desktop or mobile. Most merchants pick All as default.

Update an existing callout

When making an update to an existing callout, you will need to republish the curation that contains the callout. By republishing the curation, the updates will appear on the front end.

Choose where to place the callout banner on your category or search results page