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