Live Selling Cards combine camera angles, your logo, product images, text, etc. into a single asset. These Cards make your livestream look more professional, while also giving you an easy way to showcase what you are selling. Switcher Studio has several templates for Live Selling Cards that you can easily customize with your branding and products. Then, during your livestream or recording, you can easily switch between different Cards with just a single tap.
Accessing Templates for Live Selling Cards
Entering Vertical Video Mode
Live Selling Cards are available when using Switcher Studio's Vertical Video Mode (9:16 aspect ratio). To enter Vertical Video Mode:
Log into the Switcher Studio app on the main iOS device.
Tap the 9:16 option on the homepage of the app.
Then tap Use as Switcher.
Editing Example Live Selling Cards
Vertical Video Mode automatically includes a few examples of Live Selling Cards in the Sources panel. To customize any of the pre-populated Cards:
Tap and hold the card under Sources.
Tap Edit in the menu that appears.
That will take you to the Properties window where you can customize the card.
Accessing the Full Template Library
To access the full library of Live Selling Card templates:
Tap the blue + button, located at the bottom of the Sources / Production panel.
Tap Live Selling Samples.
The next screen will show all the available templates.
Scroll down to see all the templates.
Tap a template to open the Properties window and begin customizing the card.
Overview of Template Elements
A grey checkered background indicates transparency.
A yellow background indicates a camera angle.
Customizing a Live Selling Card
You edit/customize a card from its Properties window. You can access the Properties window from either the example Cards pre-loaded in the Sources panel or the template library, as outlined in the previous section.
To view all available options in the Properties window, scroll down from the top.
Understanding Card Customization Options
Dimming Level: Use the slider to adjust the brightness of the background.
Main Color & Secondary Color: Tap the color swatch on the right. Choose between using the Palette picker, RBG sliders, or color swatches. As you select a color, you'll see the CSS code change in the preview color box. Tap the preview color box at any time to type in a specific CSS color code.
You can save a color for future use by tapping one of the grey checkered boxes at the bottom of the color picker screen.
Font: The font options are based on what is available on the OS of your device. Tap the right arrow next to the default font to see the options.
Font size: Use the slider to adjust the text size. Slide to the right to make the text bigger and to the left to make it smaller.
Image: Tap the box to select an image file. For live shopping streams, most customers add their logo, brand name, or social media handle in that spot.
Background Image: Tap the box to select an image to use for the background.
If you do not have an image file that you would like to use, you can select from the Gradient options.
Text: Replace text by tapping on the text on the right next to Text 1, Text 2, etc.
The keyboard will appear.
Delete the existing text.
Type the replacement text.
Items Alignment: Tap between Left, Center, and Right alignment.
Production Groups: Assign it to an existing Production Group or create a new one to keep your Cards together in the Sources panel.
The Card preview will update in real time as you customize the properties. When you are happy with the settings, tap Done in the top right corner.
Note: Customization settings are only applied to individual Cards. Currently, it is not possible to apply global settings to multiple Cards at once.
Duplicating a card makes it easy to create several similar-looking cards. Duplicating a card can be especially valuable if you will be using several cards to showcase products. To duplicate a card:
Tap + hold the card you want to duplicate in the Sources panel.
A menu will appear.
The new card will appear in the Sources panel next to the original card.
Tap + hold the new card to customize it.
The Properties window will appear for the new card.
Customize the new card as needed and tap Done in the top right corner.
Deleting Individual Cards
If you no longer need a card, you can delete it as follows:
Tap + hold the card you want to delete in the Sources panel.
A menu will appear.
Bulk Deleting Cards
If you want to delete several cards at once, here is how:
Tap Select in the lower right corner of the Sources panel.
Tap the cards you want to delete.
A blue checkmark will appear on the selected cards.
Tap the trash icon in the lower left corner of the Sources panel.
To rearrange cards, or any other assets:
Tap + hold the card you want to move in the Sources panel.
A menu will appear.
The assets will begin to jiggle.
Drag the card to the desired location in the Sources panel.
Tap anywhere else on the screen when you are done reordering.
Note: Live sources, such as camera angles, will always appear at the top of the Sources panel and cannot be moved.