The Diobox Badge Builder lets you design fully branded badges for your event. You can place text, dynamic guest fields, images, shapes, and QR codes onto a visual canvas and arrange them to match your layout. Whatever you build becomes the exact badge your guests receive when printed.
This overview covers:
Understanding the Badge Builder Interface
When you open a badge template, the center of the screen displays the badge canvas. This is your main design area where you can drag, resize, and arrange elements.
There are three key sections around the canvas:
Toolbar (top)
The toolbar contains all element types you can place on your badge: Text, Fields, Images, QR Codes, and Shapes. It also includes Undo, Redo, and Zoom tools.
Layers Panel (left side)
Each item you add appears in the Layers list. Drag layers up or down to change their stacking order.
Properties Panel (right side)
This panel changes depending on what you select.
When no object is selected, you will see the default Badge Builder settings, including options to edit Printer and Media Type and Badge Dimensions.
Adding and Customizing Elements of the Badge
Use the toolbar to add elements, then drag them into position on the canvas. You can add as many items as you need.
Shapes
You can add Rectangle, Oval, or Line shapes to your badge. Shapes can be customized with:
Fill color
Border color
Border width and style [solid or dotted]
Use shapes to create dividers, colored sections, or visual structure.
Texts and Guest Fields
Place static text or dynamic fields on the badge to display guest and event information. You can adjust fonts, styles, alignment, and field types.
See full guide:
Add and Customize Text and Fields on Badges
Images and Logos
Add event logos or artwork to your design. You can upload new files, adjust image transformations, and choose how the image scales or crops.
See full guide:
QR Codes
Place QR codes on the badge to enable check in, lead retrieval, or vCard contact exchange. You can choose between QR types and adjust sizing for optimal scanning.
See full guide:
Positioning and Sizing Elements
All elements can be resized by dragging their corners on the canvas. To adjust placement precisely, use the first two controls in the Properties panel:
Position: Enter X and Y coordinates to place the element.
Size: Enter width and height values for exact sizing.
These fields let you align and size objects consistently across your design.
Saving the Template
When you finish designing, click the X button in the upper-right corner to save and close the template. Your badge layout will then be available in the Diobox mobile app for printing.