Live Selling Cards

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.

To make using Cards even easier, we highly recommend setting up your Brand Profile. You can have your branding be the default option for all Cards, or you easily apply your brand preferences with one tap when customizing a Card.

Jump to:

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 Vertical.

    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 Card.

    • 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 editor. You can access the Properties editor 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 editor, scroll down from the top.

    Using Your Brand Profile with Cards

    When setting up your Brand Profile, you will have the option to select "Use Brand Profile values as default for all new templates." We highly recommend checking this box. If you do, when you create a Card, it will automatically insert your logo and/or use your brand colors.

    If you do not check the box when creating your Brand Profile, you can still manually use your Brand Profile to customize a Card. From the Card Properties editor, simply tap Apply next to Brand Profile.

    You can change which Brand Colors are used and the order they are applied, by using the Theme option in the Properties editor.

    • From the Properties editor, tap Apply if you have not already applied the Brand Profile.

    • Tap the color swatch next to Theme.

    • The Theme window will appear.

    • Tap Shuffle Selected Colors to change the order of the selected colors. As you make changes, the preview window will update in real-time.

    • Keep tapping Shuffle Selected Colors to toggle through all the options.

    • When you are happy with the colors, tap the X in the top right corner of Theme window.

    • Continue customizing the Card using the options below.

    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 Cards

    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.

    • Tap Duplicate.

    • The new card will appear in the Sources panel next to the original card.

    • Tap + hold the new card to customize it.

    • Tap Edit.

    • The Properties window will appear for the new card.

    • Customize the new card as needed and tap Done in the top right corner.

    Deleting Cards

    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.

    • Tap Remove.

    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.

    Reordering Cards

    To rearrange cards, or any other assets:

    • Tap + hold the card you want to move in the Sources panel.

    • A menu will appear.

    • Tap Reorder.

    • 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.