Getting Started

All Knowledge Base Guides

Onboarding Checklist

Features

Site

Feed

Content

Season Pass

Digital Goods

Livestream Tickets

Community

Integrations

Go to Bonfire Academy

Use the Bonfire Token Gate App to grant pass holders exclusive discounts on your Shopify store.

⚠️ To use this integration to it’s fullest potential, we recommend you create 1-3 passes on Bonfire so you can use them on the Bonfire Token Gate App. These passes will be required for fans to unlock their discounts on Shopify. Learn more about passes here.

CPKy7_jGyIUDEAE=.webp

  1. Navigate to your Shopify Store Dashboard.

  2. Click on the search bar and type ‘Bonfire’.

  3. From the drop down, choose "Search "Bonfire" in Shopify App Store".

    https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-09-05/647c8c6e-7d0a-4387-a2e4-f163a7df426a/ascreenshot.jpeg?tl_px=238,0&br_px=1957,961&force_format=jpeg&q=100&width=1120.0&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=524,204

  4. Click on the Bonfire app on the Shopify App Store.

    https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-09-05/44f4ded2-bab7-45c7-9b46-7773344cf905/ascreenshot.jpeg?tl_px=0,0&br_px=1719,961&force_format=jpeg&q=100&width=1120.0&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=168,276

  5. Click Install and go through the installation process.

    https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-09-05/5c0b5d78-4680-44c3-9b6a-0b0c8b516462/ascreenshot.jpeg?tl_px=0,377&br_px=1719,1338&force_format=jpeg&q=100&width=1120.0&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=258,276

  6. Once you’re done with the installation process, you will land on the Bonfire App dashboard. If not, you can always find the Bonfire App on the search bar and even pin it to your navigation menu on the left.

  7. In the Bonfire Ap Dashboard click Connect Account. We recommend logging in to your account on a different tab before connecting your account to Shopify.

    https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-09-05/e390fb43-91b3-4b01-8cdf-fc9e09d0a872/ascreenshot.jpeg?tl_px=1074,0&br_px=2794,961&force_format=jpeg&q=100&width=1120.0&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=945,204

  8. Click Continue.

  9. Click Product Gates on the navogation menu on the left.

    https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-09-05/07f19108-6cc7-4b4f-aba4-7d18af53fd5d/ascreenshot.jpeg?tl_px=0,719&br_px=1719,1680&force_format=jpeg&q=100&width=1120.0&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=77,277

  10. Click + Product Gate to create a new discount gate for you pass holders.

    https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-09-05/9d05722c-df4c-4011-bac2-578e34a62d36/ascreenshot.jpeg?tl_px=1074,277&br_px=2794,1238&force_format=jpeg&q=100&width=1120.0&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=942,277

  11. Click Choose Product to select any product or products from your Shopify store. This is where you will select which items from you inventory qualify for discounts.

    https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-09-05/081dd733-a3d1-43ee-ac74-1f49d4b9f5c3/ascreenshot.jpeg?tl_px=256,377&br_px=1976,1338&force_format=jpeg&q=100&width=1120.0&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=524,276

  12. Select a product or products. and click Add.

  13. Now under the offers section, click Select to choose a pass to grant discounts to. This is the pass that will be required to unlock the discount.

    https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-09-05/c4a3b361-5237-4bac-9d26-238bb7969cc3/ascreenshot.jpeg?tl_px=258,773&br_px=1977,1734&force_format=jpeg&q=100&width=1120.0&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=524,276

  14. Click the percentage field to add the desired dicount you want to grant pass holders.

    https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-09-05/a54d80f1-1cc2-4f70-97c1-c0d5b5507ec4/ascreenshot.jpeg?tl_px=442,767&br_px=2162,1728&force_format=jpeg&q=100&width=1120.0&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=524,276

  15. If you want, you can click on Add Offer to add more pass tiers with different discounts (i.e. Diamond Pass gets 30% and Gold Pass gets 15%).

    https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-09-05/4b3c3169-3f48-4e03-884f-d5e8fa01c1f1/ascreenshot.jpeg?tl_px=108,1026&br_px=1827,1988&force_format=jpeg&q=100&width=1120.0&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=524,480

  16. Once you’re done, click Create Product Gate.

  17. You’ve created the product gate gate, but now you need to add the Bonfire widget to the products on your store. Under the Sales Channels section, go to Online Store.

    Screenshot 2024-09-05 at 9.13.20 PM.png

  18. Click Customize to edit your online store.

  19. On your top menu bar, click on Homepage and select the product you want to customize.

    Screenshot 2024-09-05 at 9.13.57 PM.png

  20. Go to Add Block on your navigation menu and add the Bonfire Token Gate App. It should be under the Apps tab.

    https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-09-05/c9c43891-7d99-469d-9104-67f37beabaeb/ascreenshot.jpeg?tl_px=0,1026&br_px=1719,1988&force_format=jpeg&q=100&width=1120.0&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=516,333

  21. After adding the widget, you can now Click Save.

  22. Congrats, you have now added the Bonfire Token Gate to one of your products on Shopify. If you want to add it to more products, follow the same exact process for each one. You can click on the 3-dot menu on your store themes to preview your product and give the widget a test run.

    https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-09-05/f8ff5532-7899-4419-82e4-157dc78b6d0a/ascreenshot.jpeg?tl_px=1074,759&br_px=2794,1720&force_format=jpeg&q=100&width=1120.0&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=624,277

  23. Here’s an example of how it look on a vinyl product.

    Screenshot 2024-09-05 at 4.29.10 PM.png

  24. Now you can add this page as a hyperlink to your navigation bar on your Bonfire site and let your pass holders enjoy the discounts.

← Previous

Content Guidelines

Next →

Integrations

On this page