Creating and designing a badge

  • Updated

This guide explains how to create and design badges that will be printed for attendees during check-in at your Hybrid or Onsite event.

Creating a badge

To create a badge:

  1. Go to Event Dashboard > Onsite features > Badges
  2. Click Create Badge.


  3. Enter the name of the badge.
  4. Select the printer brand and label type from the drop-down.
    Note: The label type determines the size of the badge. You cannot edit the printer brand or label type once the badge has been created.
  5. Click Create badge.
    ✔ You will be automatically directed to the badge designer to customize your badge.

Once added, badges will be listed on this page. Here’s what you can do:

  • Edit: Hover over the listing and click the Pencil icon to edit a badge name and design.
  • Duplicate: Hover over the listing and click the Copy icon to create a copy of the existing badge.
    Note: Duplicating a badge will copy everything except the ticket types it is assigned to.
  • Disable/enable: Hover over the listing and click the Stop icon to prevent it from getting printed or enable it back.
  • Delete: Hover over the listing and click the Bin icon to delete a badge.

Using badge designer

The badge designer is a versatile tool that allows you to drag and drop elements to build your badge from scratch. Here is an overview of the badge designer's features and functionalities.

General Settings

Under General Settings on the right side, you can review and adjust the following:

  • Ticket types: Select the ticket types for which this badge applies.
  • Badge name: Adjust your badge name if needed.
  • Printer and label type: Cannot be edited. If you need a different printer or label type, create a new badge.
  • Preferred unit: Choose between millimetres or inches.
  • Height and width: Cannot be edited. Defined by your selected printer and label type.
  • Double-sided badge: 
    • None: Single-sided badge.
    • Mirror: The same design appears on both sides.
    • Two labels: Allows unique designs on each side. 
      Note: When designing a badge with two labels, click on each side to add an element. You cannot move an element from one side to another.

Tip: Click Save at each stage of your design to ensure you don't lose any of your progress!

Adding components

Use the left-side menu to add different compotents to your badge, including: 

  • Guest info
    • Full name: A text variable with the attendee's first and last name.
    • First name: A text variable with the attendee's first name.
    • Last name: A text variable with the attendee's last name.
    • Email address: A text variable with the attendee's email address.
    • Headline: A text variable with the headline the attendee added to their profile. 
    • Ticket type: A text variable with the attendee's ticket type.
  • Custom info: A text variable with the attendee's response to a custom registration form question.
  • Custom text: A customizable text field.
  • Image
    • Add an image: Upload an image directly from your computer.
    • Add profile picture: An image variable displaying the picture the attendee uploaded to their profile. 
  • QR code: An image variable with the attendee's QR code. 

Editing components

Click on the component you would like to edit to display the different options:

  • Bring forward / Send backwards: Click these buttons multiple times until the components display correctly.
  • Delete: Click the Bin icon to remove a component.
  • Resize: Drag corners to resize, or rotate using the top square.
  • Move: Drag and drop the component to the desired location.
  • Change text formatting (text components only): Adjust font size, font style and text alignment.

Additionally, under Edit components on the right side, you can review and adjust the following:

  • Alignment: Click the corresponding button to change horizontal and vertical alignment.
  • Position: Manually adjust the position using X/Y axes controls and the rotation degrees.
  • Size: Manually adjust height and width. 
  • Font family (text components only)
  • Font size and line weight (text components only)
  • Case (text components only)
  • Font color (text components only)

Was this article helpful?