*This guide was written for the V-Next Search Results Page and Collections
Step 1 -
Use the script below to enable Promo tiles in search results and collection pages. Simply copy and paste this script in your theme's Header file.
<script>
var __fast_options = { with_product_attributes: true }
</script>
Use these instructions to better understand how this is done for each platform - paste a script
Step 2 -
Create a product in your store and associate it with an existing collection (or more than one). This "product" will be used as the promo tile on the site so include the image and title you would like it to have. It must have price and inventory in order to remain visible.
The title will be shown over the image, but can later be hidden using CSS.
.fs-promo-tile-title.fs-result-page-9zdf8u { display: none; }
Step 3 -
Add either product tags (Shopify and WooCommerce) or Attributes (BigCommerce and Magento)
| |
Set promo as Promo Tile - Mandatory |
Customize tile size (default is 1x1) - Optional & additional |
| Shopify & WooCommerce |
Add product tag:
ISP_PROMO_ADS
|
ISP_PROMO_AD_SIZE_2_2
(two columns, two rows - numbers can be changed)
|
| BigCommerce & Magento |
Add custom attribute, with the following details:
Attribute NAME: Tag
Attribute VALUE: ISP_PROMO_ADS
|
Attribute NAME: Tag
Attribute VALUE: ISP_PROMO_AD_SIZE_2_2
(two columns, two rows - numbers can be changed)
|
Step 4 -
If you want the tile to redirect customers to another page, insert into the product's description a full URL (starting with https://). You can use plain words if you want the tile to initialize a search session with the words as query (eg. "red shirts") .
You can leave it blank or change it at any time.
Step 5 -
In the Product Images, include the promotion's image or GIF.
Step 6 -
Save & publish all changes, and wait for the product to be synced with Fast Simon.
Step 7 -
You can pin the Promo Tile to a specific location within its collection using the Merchandising Editor. Create a rule for the collection where the tile was added to (step 1), search for the product and pin it anywhere you want.
Important Notess -
** Make sure the product sale channel Online store is checked
** Make sure the product has inventory and price so Fast Simon will be able to index it. If you don't want it to have inventory, you will have to allow OOS products to display from the Collections tab
** It's better to add a merchandising rule and hide promo tiles from the search. In Merchandising>Merchandise Rule>Create a rule to 'hide' any product with the 'ISP_PROMO_ADS tag to avoid the promo tile showing in the autocomplete dropdown or search page.
Usage on V1 collections
Are you still using V1? You should consider switching to V-Next which is faster and replaces the deprecated V1 UI for search and collections.
But if you insist - use this script instead of the one on Step 1.
<script>
var __isp_options = __isp_options || {};
__isp_options.isp_serp_enable_promo_ads = true;
</script>
