Add customizable content to make each badge easily identifiable and aligned with your brand.
To access the badge designer you will first need to create a badge.
Once you have created a badge, you can hover over the entry and select Edit from the buttons that appear on the right hand side.
This will open the Badge Designer where you can add custom info, QR codes, and images to customize each badge.
1. When you first begin editing a badge, you will be taken to a screen where you will have a blank canvas.
On the panel on the right hand side, you can select which ticket types you would like this badge to be for. Click All ticket types.
2. Make your selection from the dropdown list; you can select more than one ticket.
3. You can also change your preferred unit of measurement. Click on the box to generate a drop down list.
4. Select Millimeters or Inches.
5. You can also change the Badge Name by simply clicking on the associated field.
6. To start creating your badge, take a look at the panel on the left hand side. Click Guest Info to add information about your Attendees.
7. Here, you can add a field for the Attendee's [Full Name], [First Name], [Last Name], [Email Address], [Headline], and [Ticket Type].
8. With your mouse, click, drag and drop the new component to move it.
9. Click Small to generate a drop down list and choose the size of the text from Extra small to Huge.
10. Format the text using the following controls:
B - Bold
I - Italics
U - Underline
T - Strikethrough
11. Choose whether you would like the text to be left-aligned, centred, or right-aligned.
12. Click Delete to remove the component from your badge.
13. Click Custom Text to add your own custom text to your badge.
14. Double click on the component to begin editing the text.
15. You can write anything you like here!
16. Click Image to add an image to your badge.
17. Click Add an Image to upload an image from your computer.
18. Or click Add profile picture to add the profile picture uploaded by the Attendee on their profile.
19. Click QR Code to add the QR code to the badge.
20. Click on the QR code to move it around and edit it.
21. Use the buttons in the right hand side panel to align the QR code.
22. You can also manually change the position by inputting the mm/inches
23. Or manually change the height by inputting the mm/inches
24. Click Save to apply your changes and save your badge.
25. That's it, you're done!
Here's an interactive tutorial
** Best experienced in Full Screen (click the icon in the top right corner before you begin) **
In the panel on the right hand side you can edit the Badge Name, the Ticket Types it is linked to, and your preferred unit of measurement.
Double sided badges
If you would like to make your badges double sided, then look for the heading called "Double Sided Badge" in the panel on the right hand side.
Click on the field underneath to generate the drop down menu where you will see the following options:
- None - your badge will remain single-sided
- Mirror - the badge will show the same design on both sides
- Two labels - each side of the badge can be designed independently of the other; you will see an additional canvas to be able to design both sides.
On the left hand side panel you can begin adding different elements to your Badge.
Click Guest Info to add the following information of the Attendee to their badge:
- Full Name
- First Name
- Last Name
- Email Address
- Ticket Type
Click Custom Text to add your own text to the badges. Once the element is on your badge, simply double click on it to edit the text.
Click Image to add an image to the Badge. There are two options available:
- Add an Image - upload an image directly from your computer
- Add profile picture - this will show the picture that each attendee uploaded to their profile
Click on the QR code button to add the QR code directly to the badge. This can be scanned to check in to different Onsite Rooms.
Once you have added in the components you would like, you can rearrange, align, and resize them.
Simply click on the component you would like to edit to display the different options.
The two blue buttons on the left hand side will allow you to rearrange the components. The first will Bring forward the component you have selected and the second will Send backwards. You can click these multiple times until the components display correctly.
Above these, you will see the trash can icon which you can use to delete a component.
Resize the component by clicking and dragging the squares in each corner. You can also use the square at the top to rotate the component.
To move each component, click and hold the component and drag it to the desired position.
You can also use the controls in the right hand side panel to edit the alignment of each element, as well as manually edit the size and position, too.
If you have added a text component, you will also see a text editor bar, as shown below. Click Small to display a dropdown list where you can choose the size of the text from Extra small to Huge.
You can also use the respective buttons to Bold, Italicize, Underline, or Strikethrough the text.
The buttons on the right hand side of the bar allow you to left-align, center, or right-align the text.
You will also see additional settings in the right hand side panel where you can edit the font, the line height, the case (upper case vs lower case) and the color.