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.
Copy the Videowise Video Feed code
Step 1: In Videowise, Go to Mobile -> Tapcart.
After activating Tapcart, you will see the Tapcart Top Videos widget, which constitutes the base of our Tapcart Video Feed.
Step 2: Click on the widget, then click on "Copy code" (you should see the screen below).
Add Video Feed Widget to your Home screen and other default screens
For this example, we will add it to our Home screen, but the process is similar if you are looking to add it to your product listing screen, collection screen and other default screens.
Go to Tapcart, and Access App Studio > Screens. You will be automatically put on your Home screen.
On the left panel, select "My Blocks".
You will now see a button to create a custom block, click on it.
In the code editor, replace all the existing code by pasting the code that you copied from Videowise's dashboard, give a name to your block, and save it.
Finally, drag & drop the new custom block created to your desired location on the page, and hit save or publish!
Create a custom screen to display a video feed
Go to Tapcart, and Access App Studio > Screens. Next to "Home", click on the arrow to open the dropdown, and at the very bottom, click on "Custom screens".
On the top right, click on "New Screen". This will open a blank default playground where you can add custom blocks.
Give a name to your custom screen, so you can easily remember it when linking it in your App Navigation later.
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.
In the code editor, paste the code that you copied from Videowise's dashboard.
Your newly created custom block will appear in your selection of custom blocks on the left panel. Simply drag & drop the video feed block to your page, save your changes and publish your screen.
Add your custom screen to your navigation
On Tapcart's dashboard, locate "App studio" on the top navigation and in the dropdown options, select "App Navigation".
Scroll down on the left panel, and 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.
Save your changes and you're good to go! If you preview your live mobile app, you should now have a new dedicated screen displaying your video feed.