Skip to main content

How to Install the Capture Kit Widget

Updated over a week ago

Learn how to enable the Capture Kit widget on both your mobile and desktop websites.

Steps to Enable the Mobile Install Banner

  1. Navigate to your 'Engage' tab and select 'Capture Kit'

  2. From there click 'Mobile Install Banner' (MIB) on the left side

    MIB 1.png
  3. Configure your MIB and select 'Save & Publish'

    MIB 2.png
    • Enter the 'Banner' copy

    • Add your 'Call to Action', to entice users to click the banner

    • Customize your font and background colors for an on-brand experience

    • Choose the placement on your website

    • Set your trigger delay and display frequency

  4. Then choose 'Enable Capture Kit on Shopify'

    CleanShot 2024-04-22 at <a href="mailto:13.40.46@2x.png" rel="nofollow noopener noreferrer" target="_blank">13.40.46@2x.png</a>
    • Once selected, user is taken to their Shopify theme editor in a new window

  5. Make sure the 'Capture Kit' extension is enabled and then select 'Save'

    CleanShot 2024-04-22 at <a href="mailto:13.41.27@2x.png" rel="nofollow noopener noreferrer" target="_blank">13.41.27@2x.png</a>
    • Important Note: You will only need to enable this once to be able to use either Mobile Install Banner or Desktop Install Banner

  6. Navigate back to the Tapcart dashboard to confirm the banner is live

    CleanShot 2024-04-22 at <a href="mailto:13.47.05@2x.png" rel="nofollow noopener noreferrer" target="_blank">13.47.05@2x.png</a>
    • Important Note: If you have not enabled the Capture Kit app embed or remove it in the future, you will see the error message below alerting you that the Capture Kit extension is not enabled.

      CleanShot 2024-04-22 at <a href="mailto:14.06.18@2x.png" rel="nofollow noopener noreferrer" target="_blank">14.06.18@2x.png</a>

Steps to Enable the Desktop Install Widget

  1. Navigate to your 'Engage' tab and select 'Capture Kit'

  2. From there click 'Desktop Install Widget' on the left side

    CleanShot 2024-04-22 at <a href="mailto:14.41.54@2x.png" rel="nofollow noopener noreferrer" target="_blank">14.41.54@2x.png</a>
  3. Configure your widget and select 'Save & Publish'

    CleanShot 2024-04-22 at <a href="mailto:14.42.15@2x.png" rel="nofollow noopener noreferrer" target="_blank">14.42.15@2x.png</a>
    • Enter the 'Headline' copy

    • Add your 'Call to Action', to entice users to click the banner

    • Customize your font and background colors for an on-brand experience

    • Choose the placement on your website

  4. Enable Capture Kit on Shopify

    CleanShot 2024-04-22 at <a href="mailto:14.43.51@2x.png" rel="nofollow noopener noreferrer" target="_blank">14.43.51@2x.png</a>
    • Important Note: You will only need to enable this once to be able to use either Mobile Install Banner or Desktop Install Banner

  5. Make sure the 'Capture Kit' extension is enabled and then select 'Save'

    CleanShot 2024-04-22 at <a href="mailto:13.41.27@2x.png" rel="nofollow noopener noreferrer" target="_blank">13.41.27@2x.png</a>
  6. Navigate back to the Tapcart dashboard to confirm the widget is live

    • Important Note: If you have not enabled the Capture Kit app embed or remove it in the future, you will see the error message below alerting you that the Capture Kit extension is not enabled.

      CleanShot 2024-04-22 at <a href="mailto:14.43.15@2x.png" rel="nofollow noopener noreferrer" target="_blank">14.43.15@2x.png</a>

More Questions

To learn more about Tapcart, visit Tapcart Academy to become a mobile app expert!

If you have additional questions on getting started with Capture Kit, we’re happy to help! Please reach out to a Tapcart Team member through our LiveChat in your dashboard or you can email us at [email protected].

Did this answer your question?