How to customize your badge design

Learn how to design and configure name badges for your event participants using the vFairs Badge Designer, including selecting which fields will be printed on the badges.

The Badge Design screen can be accessed from the left navigation menu under the Badge Printing App section in the Admin Backend. Click on the Badge Printing App section to expand and select “Badge Design”
This will take you to the Badge Design screen where you can select your badge type, size, and the user role you want to design the badge for.
Select the correct dimensions for your badge. If you cannot find the exact dimensions for your badge, you can enter custom dimensions as shown below.
There is a toggle titled “Is your badge two-sided?” Shown below. Make sure to enable this toggle if your badge is double-sided.
Click on “Save & Continue” to proceed to design the badge.
This will take you to the next screen, where you can upload a background image to assist in designing the badge. If you have a digital version of your badge design (without attendee-specific details), you can upload it here.
(The size of the graphic should be 4x203 and 6x203 which will be 812x1218px for a 4x6 badge)
Once you click “Save & Continue”, you will be taken to the badge designer screen where you can now finally select the fields you want to print on the badge and rearrange each field as per your requirements.
Select which user role you would like to design the badge for. For this example, we will choose “Attendee”.
Once the badge design is set, you will see a green tick as shown in the above image.
On the right, you will find the Badge Design Toolbox (See image below). The table below explains what each of these sections offer and how you can use each to design your badges:

Section	Description
Badge Settings	This section will take you back to the screen where you define your badge size and type. So if you wish to change these details, click on “Badge Design.”
Fields	Click on this to expand this section. This section has all the registration form fields that are not included in the pre-defined fields. E.g. Company, Title, etc.
Pre-Defined Fields	Click on this to expand the section. This section has only pre-defined fields. Regardless of your registration form fields, these fields will always exist when designing a badge. E.g. First Name, Last Name, Full Name, Email, QR code, etc.
Custom Text Field	This section is for you to create any static or hardcoded label to be printed on the badge. For example, if you want to print “Attendee” on every attendee badge, then you should create a text field “Attendee”.
Image Section	This section allows you to upload an image or logo to print on the badge. (Only black and white flat PNG image with transparent background is recommended)

10. To add any field to the badge, click on the “+” icon next to it. This will paste that field on the badge canvas, then you can drag and drop the field as you like for better placement.

11. If you click on any single field, it will open a sidebar of controls that you can use to reposition and resize any of the added fields:

12. Using these controls you can do the following:

1. Change the size of the field
2. Change the position of the field on the canvas.
3. Centrally align fields
4. Invert fields to appear upside down. (This comes in handy if you have a double-sided badge)

13. After configuring the fields, click ‘Publish Changes’ to save your badge design.

14. If your badge is double-sided then you just need to set the fields on the front side of the badge and then click on “add field” > “duplicate fields on back”. This will automatically invert the fields and place them on the back of the badge.

15. From now on, whenever you print a badge for this user role, the selected fields will be printed on the badge.