Configuration within Tolstoy
Go to Onsite → Create Tolstoy → Select Tapcart PDP stories
Select videos you want to include in the feed through selecting playlists, and adjust any settings through the design tab
Most customers include the “Product tagged” playlist
If your Tapcart app uses multi-currency, hide the product price by going to Design → Product card → product price.
Click “Publish” on PDP stories once you’re ready to bring it to Tapcart
View where to find in Tolstoy app
📺 See installation video tutorial here
Code for PDP Carousel
<tolstoy-block data-publish-id="PROJECT_PUBLISH_ID" data-block-type="pdp-carousel" ></tolstoy-block>
CSS code:
* { box-sizing: border-box; padding: 0; margin: 0; }
JS code:
function createTolstoyBlock() { const script = document.createElement('script'); script.setAttribute('type', 'module'); script.setAttribute('defer', ''); script.setAttribute('src', 'https://widget.gotolstoy.com/we/widget.js'); script.setAttribute('data-app-key', 'TOLSTOY_APP_KEY'); document.head.appendChild(script); } createTolstoyBlock();
To publish:
Replace the PROJECT_PUBLISH_ID in the HTML code with the Publish ID from the Tolstoy Tapcart project, which you can find in the Tolstoy app under the projects settings.
Replace the TOLSTOY_APP_KEY in the JS code with your Tolstoy App Key.
Optional:
Ask your Tapcart Account Manager to activate the Cart API in order to see your full video analytics including conversion data
Please note, this will disable the option for Apple pay in your Tapcart App
🤔Troubleshooting list:
Is Tolstoy activated on Shopify theme?
Is the Tapcart project live? (Published = green button)
Is the APP KEY copied to the code?
Is the app in the latest version?
That's it. 🚀
Need help?
You can reach out to our friendly support team in two ways:
Via email at support@gotolstoy.com.
Using our live chat option, which can be found by clicking on the pink chat icon on any Tolstoy page in the lower right corner.