Skip to main content
All CollectionsIntegrationsMobile apps
Videowise Integration with Tapcart
Videowise Integration with Tapcart

With Videowise x Tapcart Custom Blocks integration, you can seamlessly incorporate interactive videos into your customizable blocks.

V
Written by Videowise Support
Updated over 6 months ago

What is Tapcart?

Tapcart is a mobile app builder helping Shopify merchants to improve mobile conversions and retain customers. Custom Blocks will allow brands to create and customize their own blocks using HTML, CSS, and Javascript to deliver better experiences for their customers.

Why Videowise + Tapcart?

The Videowise + Tapcart provides brands with the possibility to bring the power of interactive video content into their mobile storefronts. The integrated solution enhances the mobile shopping experience, boosts conversions, and empowers e-commerce brands with captivating content.

How to Connect Videowise + Tapcart Custom Blocks?

The integration is available to all Tapcart Enterprise customers with Custom Block enabled and all Videowise customers. To learn more if Custom Blocks are a good fit for you, visit the FAQs page.
​


​Follow the setup instructions down below:πŸ‘‡
​

Step 1: Firstly, you would need to have our app installed.
​

Step 2: Log into your Tapcart dashboard.

Screenshot 2024-01-25 at 17.09.44


​

Step 3: Log into your Videowise dashboard β†’ Mobile
​

Add video widget to Tapcart Home Page


​Step 1: Click on Tapcart Home Widget
​

Step 2: Click "Add Videos" to choose the videos you want to feature in your video widget.
​​


​Step 3: Select your videos β†’ Click "Confirm"


​

Step 4. Tag your videos with products


​Step 5. Edit the look of the video widget

Step 6. Customize the video player

Step 7: While on the Install screen, proceed with the first step by navigating to the Tapcart dashboard.
​


​Step 8: Navigate to Tapcart dashboard β†’ App Studio β†’ Home
​

Screenshot 2024-01-26 at 13.08.48


​Step 9: Hover with the mouse over the preview pane on the right β†’ click "Edit drop"
​

Screenshot 2024-01-26 at 13.11.08


​
​Step 10: Click on "Custom Blocks" tab on the left pane β†’ click "Launch Blocks Editor"
​

Screenshot 2024-01-26 at 13.25.17


​Step 11: In the blocks editor set a name for the new block β†’ paste the code you copied from Step 7 inside the HTML tab β†’ hit Save and then Close
​

Screenshot 2024-01-26 at 13.28.49


​Step 12: Select "Custom Blocks" and find your recently created blocks in the "My Blocks" section
​

Screenshot 2024-01-26 at 13.31.25


​
​Step 13: Drag the newly created block to the desired position in the Tapcart right pane β†’ clickSave & Update to publish the new version of the app.
​

Screenshot 2024-01-26 at 13.32.37


​
​Step 14: Click Preview your app in the Tapcart simulator to make sure everything works correctly.
​

Screenshot 2024-01-26 at 13.34.32


​
​Step 15: In the Tapcart simulator β†’ Tap to play β†’ Installing app β†’ The carousel widget is now installed on the mobile app's home page.
​

Screenshot 2024-01-26 at 13.37.01


Add video widget to Tapcart Product Page


​Step 1: Click on Tapcart Product Widget
​

Step 2: Set up your automated playlist

Choose from 4 use cases and start adding your conditions. Discover how to set up an automated playlist.
​​

Step 3. Tag your videos with products

Step 4: Edit the look of the video widget

Step 5. Customize the video player


​Step 6: While on the Install screen, proceed with the first step by navigating to the Tapcart dashboard.
​

Step 7: Navigate to Tapcart dashboard β†’ App Studio β†’ Product detail
​

Screenshot 2024-01-26 at 14.13.18


​
​Step 8: Click on "Custom Blocks" tab on the left pane β†’ click "Launch Blocks Editor"
​

Screenshot 2024-01-26 at 14.15.11


​
​Step 9: In the blocks editor set a name for the new block β†’ paste the code you copied from Step 8 inside the HTML tab β†’ hit Save and then Close
​

Screenshot 2024-01-26 at 14.17.02


If you want to delete the block, click on the "..." on the right β†’ Archive


​Step 10: Select "Custom Blocks" and find your recently created blocks in the "My Blocks" section
​

Screenshot 2024-01-26 at 14.18.58


​Step 11: Drag the newly created block to the desired position in the Tapcart right pane β†’ click Save & Update to publish the new version of the app.
​

Screenshot 2024-01-26 at 14.21.08


​
​Step 12: Click Preview your app in the Tapcart simulator β†’ Tap to play β†’ Installing app β†’Look for your product page
​

Screenshot 2024-01-26 at 16.03.33


​Step 13: Scroll on the page β†’ The carousel widget is now installed on the mobile app's product page.πŸŽ‰
​

Screenshot 2024-01-26 at 16.06.28

Disconnect Tapcart

If you decide to disconnect Tapcart from Videowise β†’ Navigate to βš™οΈSettings β†’ Integrations β†’ Mobile apps β†’ Disconnect Tapcart


​

Do you need more help with this integration?
​
​
Talk to your CSM or support team by chat or email.

Did this answer your question?