Custom Badges
In this example we are using Breeze Booth to generate a customised name badge. This takes advantages of a few key features: the ability to take zero photos, and the ability to add graphical elements to the print layout based on survey choices.
In this Guide
Demo Video
Sample Event
Key Concepts
The event is essentially the same as any other event, but has a few differences which are highlighted below. The best approach is to download the sample event and import it in to the Event Editor to see how how it all works.
Zero Photos
In the Photos tab, the Number of Photos is set to 0. We don’t need a photo on the output, so by setting the Number of Photos to 0 we will skip the countdown and capture process.
Custom Font
This event uses a custom font from Google Fonts, called JustMeAgainDownHere.ttf. You can find it in the sample event folder. To preview the font in the Event Editor, ensure you have installed it on your PC and device.
Survey 1
The first survey is asking users to select their favourite food. This is set up using Radio Buttons and will determine the emoji that is used on the print layout. The group name is emoji and then each individual foods ID is named accordingly eg icecream. We will recall the selection by using the token: {survey1_radio_emoji}
Survey 2
The second survey is asking users to select their favourite color. This is set up using Radio Buttons and will determine the background that is used on the print layout. The group name is color and then each individual color’s ID is named accordingly eg blue. We will recall this selection by using the token {survey2_radio_color}
Survey 3
The third survey is asking for the users First Name and the initial of their Last Name. This is set up by using two seperate Text Fields. Additionally, to ensure that guests only enter a single character for the last name initial, we have set the Max number of characters to 1. We will recall these entries by using the tokens {survey3_text_name} and {survey_text_initial}
Print Layout Text
We can add the name details entered in Survey 3 to the print layout, by adding a caption and setting the text to {survey3_text_name} {survey_text_initial}. Additionally, we can force the correct capitalisation by wrapping the text with a Token Modifier such as capitalize that makes the first letter of each word a capital:
{capitalize,{survey3_text_name}} {capitalize,{survey3_text_initial}}
Print Layout Background
We can change the print layout background image based on the selection made in Survey 2. By default, a print layout uses background.jpg as the background image. By using the Background/Overlay filename suffix feature, we can use the survey result to determine which background image to use.
In the Photos tab of the Event Editor, we set the suffix to {survey2_radio_color}. By doing this instead of using background.jpg Breeze Booth will look at the selection made in the survey, and return those results. If blue was selected, it will use background_blue.jpg. This means you need to create all the variations of the background image:
- background.jpg
- background_blue.jpg
- background_green.jpg
- background_pink.jpg
- background_purple.jpg
- background_yellow.jpg
Print Layout Emojis
We can add the Emoji graphics to the print layout based on the selection made in Survey 1. First we add a placeholder graphic by using the Import logo/graphic function. Once the placeholder image is positioned where needed, right click on it to edit it, and set the Suffix to {survey1_radio_emoji}. By doing this, instead of Breeze Booth using (for example) the file logo_emoji.png if the user selected beer it will use logo_emoji_beer. This means you need to create all the variations of the logo/graphic:
|
|
Post your comment on this topic.