Burst Commerce Burst Commerce
Flair
Getting Started
Badges
Banners
Support

Shogun + Flair

1 min read
updated Dec 16 2022
Shogun logo
Shogun
by Shogun Labs, Inc.
Shopify app store page

Heads up! This guide is for Flair Gen 2. For assistance with Flair Gen 3 (now in early access), please contact support.

Default Setup Instructions

Shogun requires no further installation and should automatically pull in the Flair Badges and Banners for your theme’s default product and collection pages.

Custom Setup Instructions

Flair will work in a limited capacity for the following Shogun page types due to only being able to use a strictly HTML-based snippet:

  • Custom Shogun Pages
  • Landing Pages
  • Blog Pages

Adding Flair Badges for a Single Product

  • Visit Shopify Admin > Products on the left menu of your Shopify dashboard.

  • Click the product you want to display the badges for, and grab the number portion at the end of the URL: Products area within Shopify Admin area

  • Visit Shogun Editor > Content and drag the Html element to your desired page location. Shogun HTML element

  • Edit the Html element and add the following snippet, replacing <product_id> with the number you obtained previously:

    <div data-flair-product-badge data-product-id="<product_id>"></div>

  • Click Save and then Publish to make your change live.

Adding Flair Banners

  • Visit Shogun Editor > Content and drag the Html element to your desired page location. Shogun HTML element

  • Edit the Html element and add the following snippet:

    <div data-flair-banner></div>

  • Click Save and then Publish to make your change live.