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, as well as to all Videowise customers.
Tapcart's custom blocks work in two ways: custom legacy blocks and custom React blocks. Make sure to copy the right code from Videowise before pasting it into Tapcart.
βFollow the setup instructions below:π
β
Step 1: Firstly, you would need to have our app installed.
β
Step 2: Log in to your Tapcart dashboard.
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. Check out how to customize the video widget.
β
Step 6. Customize the video player to fit your brand's style. Check out how to customize the video player.
Step 7: While on the Publish screen, make sure to check first on Tapcart's what type of custom blocks you have access to.
If you have access to the React block, click on "copy code for React blocks".
If you still have the legacy blocks, click on "copy code for legacy blocks".
Step 8: Navigate to Tapcart dashboard β App Studio β Home.
Step 9: Hover with the mouse over the preview panel on the right β click "Edit drop".
Step 10: Click on "Custom Blocks" tab on the left panel β click "Launch Blocks Editor".
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".
βStep 12: Select "Custom Blocks" and find your recently created blocks in the "My Blocks" section.
Step 13: Drag the newly created block to the desired position in the Tapcart right panel β click "Save & Update" to publish the new version of the app.
Step 14: Click Preview your app in the Tapcart simulator to make sure everything works correctly.
Step 15: In the Tapcart simulator β Tap to play β Installing app β The carousel widget is now installed on the mobile app's home page.
Add video widget to Tapcart Product Page
Step 1: Click on Tapcart Product Widget.
Step 2: Check the videos and add or remove them.
Step 3. 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.
If you have access to the React block, click on "copy code for React blocks".
If you still have the legacy blocks, click on "copy code for legacy blocks".
Step 7: Navigate to Tapcart dashboard β App Studio β Product detail.
Step 8: Click on "Custom Blocks" tab on the left panel β click "Launch Blocks Editor".
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".
If you want to delete the block, click on the "..." on the right , and then "Archive".
βStep 10: Select "Custom Blocks" and find your recently created blocks in the "My Blocks" section.
Step 11: Drag the newly created block to the desired position in the Tapcart right panel β click "Save & Update" to publish the new version of the app.
Step 12: Click Preview your app in the Tapcart simulator β Tap to play β Installing app β Look for your product page.
Step 13: Scroll on the page β The carousel widget is now installed on the mobile app's product page.π
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.