Asset Manager, Phone Design, Output Design

Created by Ryan Ramsey, Modified on Fri, 25 Jul at 3:53 PM by Ryan Ramsey

Click here to open this guide in a new browser tab.

The Asset Manager is a page where you can create default settings for your apps. It saves you time by allowing you to upload your images just once, and use those images as the defaults for multiple apps. Instead of uploading your custom images to specifically Photo Magic, you can upload them to be used by all apps in the same amount of time, simply by using the Asset Manager.

When you are ready to set up your Phone Design or Output Design, use the menus in the Left Nav. All apps use these pages to configure their design.

Topics Covered:

How to Select the App and Template to Edit
Phone Design
1. Capture
2. Polling
3. Streaming
Output Design
1. Capture
2. Polling
3. Streaming

i. How to Select the App and Template to Edit

The first step is to ensure you are selecting the proper app and template that you wish to edit. In the first dropdown menu, select the app you wish to edit. In the next dropdown menu, select the template you wish to edit.

All apps begin with a Default Template for Phone Design and another Default Template for Output Design. A typical flow would be to edit and Save the Default Template, but alternatively you can create additional Templates for when you want to have a different look simply by selecting Save As, and choosing a new name for the new template.

ii. Phone Design

In this section, we'll review Phone Design. All apps have their own saved template specific to that app, and you can have multiple templates for different themes. Note that you must customize the Phone Design separately for each app you intend to use.

1. Phone Design - CAPTURE

The Capture Page (left) is where fans take a still selfie
The Submission Page (center) is where fans review their selfie before submitting, and enter any Data you've requested
The End Page (right) is where fans are redirected after the activation ends

Phone / Capture / SETTINGS

This section contains settings that affect various aspects of the Phone Design.

Auto-Redirect:This is an Off/On toggle that determines what happens when the moderator ends the activation.
- Off (Default): When the activation ends, fans will be sent to the End Page / Post Participation Message. From there, fans can manually tap the screen to visit the End Page URL.
- On: When the activation ends, fans Auto-Redirect to the End Page URL. They skip the End Page / Post Participation Message. You would use this when the URL is more important than the End Page.
End Page URL: This is the URL that fans will be redirected to after the activation ends. Commonly a sponsor page, merch page, or ticket page.
Camera Content Type: Select if you want fans to submit Photos or Videos.
Overlay: If you've uploaded an image in the Assets section (typically an outer frame), you can enable the overlay to display by toggling this On.
Show Guide: This is a dotted outline that displays when taking a selfie, and is used to help align for the selfie.
Include Camera: Very rarely, you may want to simply collect Data without fan pictures. To do this, simply toggle Off the camera.
Show Flip Camera Button: With this option On, there is an additional button that fans can use to switch their phone from the front-facing selfie cam, to the rear facing camera. If you want to ensure that all submitted images are selfies, this option should remain Off.
Submit Button Text Color: This is the color of the text on the Submit button.
Button Color: This is the color of the Submit button itself.
Button Text: You can edit the text of the "Submit" button to something else, such as "Confirm".
Font Type: Change the font used. You can upload a custom font on the Assets tab.

Phone / Capture / ASSETS

This section is where you upload the main graphics that are used in your Phone Design.

Title Image: This is the small image at the top of the Capture Page. When fans are preparing to take a selfie, this image will display right above the camera view.
Background Image: This is where you upload your background image that will be used for the Phone Design's background.
Post Participation Image: This is the image shown to fans after the activation ends, before they redirect to the predetermined URL. This image typically contains a Thank You or Sponsor message.
Background Color: Instead of using a background image, you can simply select a solid color to use as the background.

Phone / Capture / INPUTS

In this section, you determine which Data input fields you'd like to include. These data fields are visible by the moderators, but won't display on the output. The exception is when you use the Message App - with Message you'll decide which of the data fields will be displayed on the output, and which will be for moderator viewing only.

Name: Include "Name" as a data field
Email: Include "Email" as a data field
Message: Display a "Message" field for fans to leave a message. This must be On if you plan to use the Message App
Section: Helps locate the fan, for event/promotional purposes
Seat: Helps locate the fan, for event/promotional purposes
Row: Helps locate the fan, for event/promotional purposes
Input Text Color: Change the color of the Input Text in the data fields
Input Background: Change the color of the background in the data fields
Input Border Color: Change the color of the data field borders
Input Error Color: Change the color of validation messages in the data field

2. Phone Design - POLLING

The Phone Design for Polling uses the same options as Capture, with some additional options available for the interactive Polling screen. All these settings affect the Polling interface from the fan's phone perspective:

Unselected Option Text Color: Text color for answers not chosen by the user
Unselected Option Background Color: Color of the background in the "answer bubble" for answers not chosen
Selected Option Text Color: Text color for the answer chosen by the user
Selected Option Background Color: Background color of the "answer bubble" for the answer chosen by the user
Correct Option Text Color: Text color of the Correct Answer (only applies to Trivia, not Polls)
Correct Option Background Color: The background color of the "answer bubble" for the correct answer
Option Font Size: The font size for the selectable answers. For shorter answers, a larger font size can be used
Question Text Color: Color of the question's text
Question Background Color: Color of the Poll screen's background
Question Font Size: How large the question will be displayed

3. Phone Design - STREAMING

The following section will review how to change the various Phone Design options for Streaming apps.

Phone / Streaming / SETTINGS

This section contains settings that affect various aspects of the Phone Design.

End Card URL: This is the URL that fans are redirected to once the moderator determines the activation has ended
Auto-Redirect: This allows you to skip the post participation message and send fans directly to your End Card URL
Camera Overlay: This allows you to use an overlay for the camera, such as a picture frame or cutout
Enable Lenses: Toggle Snap Lenses On/Off
Lenses: Select which group of Snap Lenses to use
Text Styling: Various options for text styling

Phone / Streaming / ASSETS

This section is where you upload the main graphics that are used in your Phone Design.

Title Image: This is the header image on the first page fans see
Title Image Z-Index: This is used to adjust the layering of this and other images on this page
Background Image: The image used as the background for your phone pages
Background Image Z-Index: This is used to adjust the layering of this and other images on this page
Post Participation Image: The image fans see once the moderator chooses to end the current activation. This is typically a thank you or sponsor message
Post Participation Image Z-Index: This is used to adjust the layering of this and other images on this page
Background Color: Instead of using a background image, you can use a solid color background instead
Background Color Z-Index: This is used to adjust the layering of this and other images on this page

iii. Output Design

The output for each app contains different content, and so each app has it's own Output Design template. You will need to customize the Output Design for each app you plan to use. Note that you can use the same custom image assets for all of the apps.

1. Output Design - CAPTURE

Photo Magic, Message, Groov, Reels - Output Design options

Resolution: Set the Resolution for your Output URL
Border Radius: Set the width of the border
Transition Duration: Increase or decrease this number to change the transition speed between images
Transition Ratio: This changes the ratio of the transition. More info coming soon
Foreground Image: This optional image is usually a frame for the entire screen, or an additional floating graphic
Foreground Image Z-Index: This is used to adjust the layering of this and other images on this page
QR Style Options: This opens a menu where you can customize the look of your QR Code
QR Z-Index: This is used to adjust the layering of this and other images on this page
Logo Image: This is the small image in the corner of the Output
Logo Image Z-Index: This is used to adjust the layering of this and other images on this page
Background Image: This is the image used as the background for your Output. It can be an image or animated MP4
Background Image Z-Index: This is used to adjust the layering of this and other images on this page
Background Color: You can elect to use a solid color as a background, in place of a background image
Background Color Z-Index: This is used to adjust the layering of this and other images on this page

Mosaic - Output Design options

Resolution: Set the Resolution for your Output URL
Transition Type: This determines what type of transition is used when an image cycles to the next image

2. Output Design - POLLING

The following are options you can adjust to customize the look and feel of your Polling experience:

Resolution: Set the Resolution for your Output URL
Results Background Color: Color of the "text bubble" of the correct answer
Results Text Color: Unclear (what is "Results")
Results Foreground Color: Unclear (what is "Results")
Results Correct Background Color: Unclear (what is "Results") Unclear
Results Correct Foreground Color: Unclear (what is "Results")
Results Font: Unclear (what is "Results")
Results Font Size: Unclear (what is "Results")
Option Background Color: Color of the "text bubbles" for the various answers
Option Text Color: Color of the text for the various answers
Option Correct Background Color: Color of the background when the user selects the correct option
Option Correct Text: Color of the text when the user selects the correct option
Option Font: Style of font for the various answers
Option Min Font Size: The smallest that an answer will be displayed
Unlabeled Option: Not sure what this does
Assets - Fonts: You can upload custom fonts here
Foreground Image: This is an optional image, and can be used in any manner. Examples are a frame, or logo
Foreground Image Z-Layer: This is used to adjust the layering of this and other images on this page
Polling Options Z-Index: This is used to adjust the layering of this and other images on this page
QR Style Options: Various options to customize your QR Code
QR Z-Index: This is used to adjust the layering of this and other images on this page
Logo Image: The small optional image near the side of your Output
Logo Image Z-Index: This is used to adjust the layering of this and other images on this page
Background Image: The image used as a background for your Output
Background Image Z-Index: This is used to adjust the layering of this and other images on this page

3. Output Design - STREAMING

The following are options you can adjust to customize the look and feel of your Live or Home experience:

Resolution: Set the Resolution for your Output URL
Border Radius: Set the width of the border
Foreground Image: This is an optional image, and can be used in any manner. Examples are a frame, or logo
Foreground Image Z-Layer: This is used to adjust the layering of this and other images on this page
Output Stream Z-Index: This is used to adjust the layering of this and other images on this page
QR Style Options: Options to customize your QR Code
QR Z-Index: This is used to adjust the layering of this and other images on this page
Logo Image: The small optional image near the side of your Output
Logo Image Z-Index: This is used to adjust the layering of this and other images on this page
Background Image: The image used as a background for your Output
Background Image Z-Index: This is used to adjust the layering of this and other images on this page
Background Color: You can elect to use a solid color as a background, in place of a background image
Background Color Z-Index: This is used to adjust the layering of this and other images on this page