How to embed a video recorder into your Shopify store with CameraTag
In today’s article, we’re walking you through the best way to collect videos from your users and website visitors by embedding a video recorder and uploader widget directly on your Shopify store.
We do this with the help of the CameraTag – a video capturing or upload video tool that can be used on any kind of website, for instance to collect video testimonials from your customers if you run an online store, to accept video submissions for competitions or to receive video comments from readers in your blog.
Follow these steps:
Step 1: Register an account on CameraTag
First, you must register an account on CameraTag. It’s free.
You check your email to confirm your account just registered.
Step 2: Embed CameraTag JS and CSS library in your Shopify store
- From your Shopify admin, to to Online Store > Theme.
- Find the theme you want to edit and then click Action > Edit code.
- In the Layout section, click theme.liquid to open the file in the online code editor.
- Find
</head>and paste the below code just above it.12<script src='//cameratag.com/api/v13/js/cameratag.min.js' type='text/javascript'></script><link rel='stylesheet' href='//cameratag.com/static/13/cameratag.css'></link> - Click on Save.
Step 3: Add your <camera> tag to your page
You can embed the video recorder anywhere on your store. You go to the link: https://cameratag.com/embeds/camera. You can receive embed code here. Your code like below code:
1 | <camera data-app-id='abc-xyz' id='myCamera'></camera> |
With abc-xyz is your app id.
You can see the left menu. In there, it will have some options to configure your widget.
And this is the result you can see on your store.
With regards to an upload destination, videos can get sent to your FTP, YouTube, Amazon S3…
