This article details how guests will use your Virtual Booth website to create content and share it on social media; including the different options available for desktop and mobile devices, as well as what to expect both with, and without, A.I. Background Removal enabled.
For info on creating a Virtual Booth website, check out:
When guests visit your Virtual Booth site, they'll start out on PAGE 1. This consists of any logos you've applied, your website link, and even a YouTube video of your choice. In the middle of the page is the button they'll click/tap to get started.
If your guest is using a mobile device to access your Virtual Booth site, they'll have the option of either selecting an image from their library, or capturing a new image to use.
Demonstrated on iOS device
If your guest is on a desktop web browser, they'll be prompted to upload an image from their hard drive.
Once the image is captured/uploaded, one of two things will happen, depending on whether or not you've enabled A.I. Background Removal for your Virtual Booth site.
If you have enabled A.I. Background Removal, the subject and background will be automatically detected by the software, the background will be automatically removed, and you can skip on down to step 4, below.
Something to keep in mind: Even though our A.I. Background Removal is pretty impressive no matter what the background of the image may be, your guests are going to get the best results if their photo has a solid color background (like, say, a white wall) and nothing else in frame with them. You might even consider adding this to the text of your button on PAGE 1, just to let them know, like so:
If you don't have A.I. Background Removal enabled, your guests will be taken to PAGE 2 of your site, and prompted to "draw" the foreground, then "draw" the background. By "draw" we basically mean "scribble all over" using either their finger (mobile) or cursor (desktop). The more thorough the scribbling, the more accurate the background removal will be. It's generally a good idea to get as close to the edge of the "foreground" or "subject" as possible to ensure the best results.
Here's an example of a well-drawn foreground and background, and the results:
Not bad, right?
But, not to worry, if something like this happens instead, because the drawing didn't cover enough of the subject...
...your guests have the option to go back and re-draw to make it right.
Once it looks the way the guest wants it to look, they'll proceed by selecting the button at the bottom of the page...
After the background has been removed from the image, the guest is taken to PAGE 3, where they can select from the different backgrounds and animations you've made available on this Virtual Booth site. By tapping or click on the preview image, they'll be able to see what it looks like behind their picture.
The user can reposition, rotate, and resize their picture however they like! Once it's in position where they want it, they'll select the Save button at the bottom of the page. Now it's time to share their creation with the world!
The Share Screen once again shows the final image/GIF that your guests have created, and provides them with different share options (the icons along the side). These options include:
Each share option behaves a little differently depending on whether you're using the desktop or mobile versions of the website. We won't go into detail here, but let it suffice to say that these options function basically how you'd expect them to.
One important thing to note, though, is that the Instagram option does not post directly to Instagram, but instead will request an email address from the guest, and they will be sent an "instagrammable" version of their creation as an attachment.
Once the guest has shared their creation (or downloaded it) they have the option to go back and create another one!
And that's how Virtual Booth works!
Be sure to check out our other tutorials on how to create the website and add the animations/backgrounds of your choosing.
Check out MORE VIRTUAL BOOTH TUTORIALS!
Questions? Contact email@example.com