Embed Code Examples:
Gallery embed code (iframe) example:
<iframe src="https://snapbar.com/gallery/1SqS3cWnFS" style="width:100%;height:100%;border:none;background-color:#ffffff;margin-top:15px"></iframe>
Snapshot embed code (iframe) example:
<iframe src="https://experiencedemo.virtualbooth.co" allow="camera *;microphone" style="width:100%;height:100%;border:none"></iframe>
โ
Troubleshooting
Common embed issues:
A screen that says "yoursnapshot.virtualbooth.co refused to connect" appears when attempting to view Snapshot
If visible, your experience does not have embed enabled.
if you feel this is incorrect, please contact Snapbar.
The camera will not work in an embedded state
Confirm that the camera works when using the booth outside of its embedded state
This is done by using the booth's direct link (i.e. https://futuredesign.virtualbooth.co)
The site that you are embedding into has some security that prevent embedded sites from accessing your camera
Please reach out to your web team to ask them to update the site's security preferences to allow embedded sites to access user's cameras.
The site you are embedding onto is automatically removing the
allow="camera *; microphone"
portion of the iframeTo determine if this is the case:
Right click on your site and click the "Inspect" option in the right click menu
Within the "Elements" tab, press "cmd + F" or "ctrl + F" and search for your booth's url (i.e. trial.virtualbooth.co)
The iframe should pop up and you should be able to see if the
allow="camera *; microphone"
is there in full!