Articles in this section
Category / Section

How to Set Up Badges for your In-person Event in Zuddl

Published:
14 mins read
Updated:
To make your event experience seamless, Zuddl now offers customizable badges for your participants for Hybrid and In-person events. You can have multiple templates for different audience groups and customize their appearance and contents as required.
There are four main stages to set up badges:
  1. Customize your badge templates in the event setup.
  2. Share your requirements with our team.
  3. Ensure you have the printing equipment and materials on-site.
  4. Use the Zuddl Onsite App to check in your participants and print badges.

For more detailed instructions on using the Onsite app, use this guide.

Creating a new badge template

Follow these steps to create a new badge template:
  1. Go to Onsite > Badges > All badges tab. Click the Create badge button.
    Screenshot 2024-08-12 at 2.56.18 PM
  2. In the popup, customize the badge details:
    1. Enter a Badge name (up to 30 characters).
    2. Select a badge size from the available options: 4x6, 4x3, or 3x3 (measured in inches). The default badge layout for each size is shown in the preview below.
    3. Under Select audience group, choose the applicable audience groups for this badge.
    4. Click Create badge.
      Screenshot 2024-08-01 at 5.23.53 PM


Customizing the badge design

Once the badge is created, you can now start customizing its design. You can choose what badge elements to include, images to add, fonts, or even custom HTML designs.

Follow these steps to customize the badge design:
  1. If you need to change the size of the badge, choose the desired option under Badge size.
    It is recommended that you select a size before making other customizations, as changing the size later will rearrange all badge elements.
    Screenshot 2024-08-05 at 2.54.43 PM
  2. In the Badge elements section, choose what elements to include in the badge. Toggle off the elements you want to hide. To add a custom field, click + Add custom field and choose a field from the dropdown.
    Screenshot 2024-08-05 at 2.57.47 PM
  3. In the Upload custom font section, you can add custom fonts to use for the badge. Learn more about uploading custom fonts.
    Screenshot 2024-08-05 at 3.00.37 PM
  4. To use HTML styling to customize the badge, click the Upload custom HTML button.
    Using custom HTML will reset all the changes made to the badge.
    Screenshot 2024-08-05 at 3.19.34 PM
  5. In the toolbar shown above the preview, click the text icon to add a text element. You can change the text contents or resize the borders by dragging them.
    Screenshot 2024-08-05 at 3.55.13 PM
  6. Click on the text element to open the edit toolbar.
    Text options
    1. Click Text options > Font to change the font for the text element. Use the Auto-fit text toggle to make the text automatically adjust size. Text will remain at the set font size if it fits the space, and will reduce in font size for longer character lengths. Set the Minimum font size to define the smallest size (for the longest character length).
    2. Use the sizing controls to increase or decrease the font size.
    3. Click the B icon to access the formatting options (Bold, Italic, Underline, and Strikethrough).
    4. Click the alignment icon to access the text alignment options (Left, Center, and Right).
    5. If elements are overlapping each other, click Rearrange to view the different options:
      Screenshot 2024-08-05 at 4.15.42 PM
      1. Bring to front: Moves this element to the front, over any other overlapping elements.
      2. Bring forward: Moves this element forward by one element.
      3. Send backwardMoves this element backward by one element.
      4. Send to backMoves this element to the back, behind any other elements that are overlapping.
  7. In the toolbar shown above the preview, click the image icon to upload an image.
    Images are currently printed in black and white on badges.
    Screenshot 2024-08-05 at 4.18.38 PM
  8. Click on the image to open the edit toolbar.
    1. Use the orientation buttons to move the image on the badge to the left, center, or right.
      Screenshot 2024-08-05 at 5.41.43 PM
    2. If elements overlap, click Rearrange to view the different options.
    3. Click the image icon to replace the image.
  9. In the toolbar shown above the preview, click the grid icon to view grids if required. There are two options: 0.5x0.5 inch, and 1x1 inch. Grids are not printed on the badge and are only used for reference.
    Screenshot 2024-08-05 at 5.46.40 PM
  10. Ensure that your badge elements are within the Safe area marked on the preview. Any text or images outside this area are not printed on the badge.

Publishing the badge


Follow these steps to publish a badge:

  1. In the badge editor, click the Publish button. Once published, badges are available inside the app and can be printed for attendees.
    Screenshot 2024-08-05 at 6.41.58 PM
  2. When multiple badges are published, you can set one as the default. To set a different badge as default, open the options menu for that badge and click Make default.
    Default badges are available for all audience groups, and cannot be deleted or unpublished without setting another badge as default.
    If an audience group has no badges specifically assigned to them, those participants will get the default badge template printed instead.
    Screenshot 2024-08-05 at 6.54.49 PM
  3. To reorder badges, click the reordering icon on the badge and drag it as desired.
    The order of the badges determines which badge is printed. If a participant is a part of multiple audience groups and is eligible for multiple badges, the badge that is higher in the list will be the one printed.
    Screenshot 2024-08-12 at 3.27.35 PM


Recommended approaches

To use the customization feature more effectively, here are some use cases and the suggested approaches to badge design:

Case 1 – Using a Single Badge Template for Multiple Audience Types

If you plan to use a single badge layout for all audience types (Attendees, Speakers, Sponsors, etc.):

  1. Edit and publish the default badge template.
  2. Assign it to all relevant audience groups.


Case 2 – Using Different Badge Templates for Different Audience Groups
If different audience groups require different badge designs:

  • Create separate badge templates for each group. For example badge 1 is assigned to sponsors and badge 2 is assigned to Attendees & Sponsors.
  • Use the priority order feature to define which badge takes precedence if someone belongs to multiple groups. So if badge 1 has a higher priority, sponsors will receive Badge 1.


Case 3 – Using the "Role" Field on Sponsor Badges

Currently, the Role field cannot be used on Sponsor badges, since doing so will apply the role of an attendee to the sponsor. Instead, here is the recommended approach:-

  1. Add “Sponsor” as static text directly on the badge template.
  2. Assign this badge only to Sponsors.
  3. Adjust priority to ensure this badge is printed when a Sponsor belongs to other groups.


Case 4 – Designing a Badge with Fields from Different Registration Flows

Zuddl’s badge customization supports using fields that appear across different registration flows, even when standard fields (e.g., Title, or Company) are reused multiple times.
In scenarios where a standard field is (e.g., Title, or Company) are reused multiple times across registration flows, any occurrence after the first is treated as a custom field. All such fields are listed as custom fields in a dropdown and are accessible during badge design.

For example, if the field Company is used twice, first as a standard field, and again as a custom field.

In the badge setup, you may see multiple entries with same name ’Company’ all listed in a unified dropdown, giving access to the available data fields.


Recommended Approach:

  • Select and stack all relevant field variants in the same location on the badge template.
  • When the badge is generated, the correct field, based on the attendee’s registration submission, will automatically appear.
recommended approach table 1 recommended approach table 2


Badge printing in the App

In the Zuddl Onsite App, you can print badges for event participants once you check them in. Badges are printed based on the badge settings in the event setup and the audience group assigned to a participant.

Let’s say you’ve created badges for audiences and ticket types with priority settings:
image (28)

  1. Printing a badge for a specific group: We've assigned a badge specifically for speakers. When a speaker is checked in, this badge will be printed for them.
    Screenshot 2025-05-15 at 3.36.20 pm

  2. No badge assigned: We have not assigned any badge specifically for this participant.
    When they are checked in, the default badge is printed for them.
  3. Participant is part of multiple groups: When a participant is in multiple audience groups, the badge with the highest priority will be printed for them.
    IMG_2821


Was this article useful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please  to leave a comment
Access denied
Access denied