Getting Started
The integration is available to all Tapcart Enterprise customers with Custom Block enabled, as well as to all Videowise customers.
Please note that the following instructions apply exclusively to the Tapcart Enterprise edition using React blocks (legacy blocks are not supported).
This integration lets you display your Live Shows Channel page on any of your mobile pages.
We highly recommend creating a new dedicated "Custom screen" on Tapcart to display this widget, as Videowise's Channel widget will take the full height of the screen.
Set up your live shows channel page
First, make sure you have the Live shows' channel page enabled and configured. If not, please follow this step-by-step article to set up your live shows channel page.
Once happy with your Live shows' channel design, click on "Embed on mobile app" on the top right.
On the dropdown, click on "Copy code", and head over to Tapcart.
Create a new custom screen on Tapcart
As stated previously, we highly recommend creating a new custom screen that you can link to your navigation for your live shows channel. Here's how to do that:
First, open Tapcart, click on the arrow dropdown next to "Home", and at the very bottom, click on "Custom screens".
On the top right, click "New Screen". This will open a blank default playground where you can add custom blocks. Give a name to your custom screen, as you will need it to link it in your App Navigation below.
Create a live shows channel custom block
On the left panel, locate "My Blocks" and switch to this tab.
Here you will have a button to "Create a custom block". Click on it, and this will open the code editor.
Select everything, and replace it with the code that you have previously copied from Videowise's dashboard.
Next, drag & drop the newly created custom block to the custom screen.
Save your changes, and your new screen with your dedicated live shows channel will now show up.
You might have to reload the page for Tapcart's custom block to properly render your Videowise channel.
Add your Live Shows Channel Custom Screen to Your Navigation
On Tapcart's dashboard, locate "App studio" on the top navigation and in the dropdown options, select "App Navigation".
Choose the navigation type of your liking, and on the editor, click on "Add new navigation".
Add a title, an icon, and click on the "Link" icon to select your newly created custom screen.
On the dropdown, select "Custom screen" and locate the one you have just created.
That's it! If you preview your live mobile app, you should now have a new dedicated screen for your live shows channel.
β