Integrate with Tapcart

Learn how to leverage Firework videos and livestreams within your Tapcart App.

Prerequisite: Ensure you have the Tapcart app downloaded per your Shopify account. 

Adding a Firework Widget to the Tapcart App Developer

  1. First, navigate to your Tapcart - Mobile App. then add a Custom Block
  2. Click into the Launch Block Editor. Remove the default script of all 3 tabs (HTML,CSS,JS).
    Launch tapcart editor
  3. Then in a separate tab, open up your business portal. You can do so from Shopify by searching for the Firework app. 
  4. Navigate to the Playlist/Video/Livestream you would like to display your videos in your Tapcart app. Then copy the HTML code.
  5. Navigate back to your Tapcart app, then paste this directly into the HTML tab within your custom block.
  6. In a new browser window, open this https://asset.fwcdn3.com/js/integrations/shopify/tapcart.js and copy the entire script. Paste the contents of this tapcart integration script into the JS tab of the custom block. 
    1. Be sure to also wrap your script with a div. Add the following, <div id="fw-container">, above the embed script. wrap container in div
  7. You should see your Firework widget appear in the preview area on the right side of the Tapcart Custom Blocks editor. Be sure to click Save.
  8. Navigate back to the Tapcart home. Move your custom block into the desired section of your app. Clicking the preview at the top right will display your full app with the embedded Firework custom block. Save when ready to display. Movecustomappintapcart-ezgif.com-video-to-gif-converter

Notes:

  • Supports Short Video and Livestreams only
  • Be wary that the playlist may get cut off depending on app display. By default, our script assumes nav is 78px high. You can use the navHeight option to change that as needed.
  • Only 1 Playlist per Tapcart Block is supported. 
  • Widgets should use the share_template param on a widget in Tapcart to point share actions at their website. If not, users who share the video from the app will share a URL that doesn’t work (custom-blocks.tapcart.com
    • Ex: <fw-storyblock share_template=”myshopifysite.com” />
  • Storyblock needs a height set.
  • share="false" will disable the share option entirely
  • Avoid using primary url set on a video