Skip to main content

Designing Your Own HTML-Based Invite

A short description showing how to opt for an HTML design including QR code manipulation

Written by Anthony Sergeant
Updated today

Designing Your Own HTML-Based Invite

You can replace the default invite design with your own custom HTML.

Access the Code Editor

  1. Select the blue Invite button on your event page.

  2. Create a new invite or select an existing one from your invite listing.

  3. Select the Code view icon from the rich text editor toolbar.

  1. Highlight and delete the existing HTML, then paste in your own HTML design.


Positioning the QR Code in Custom HTML

If you want to include the auto-generated guest QR code in your custom design, use the following CSS classes:

  • barcodeBox - container element that holds the barcode, barcode string, and guest name

  • template_barcode - the barcode/QR code image itself

  • barcodeString - the barcode string text

  • barcodeName - the guest's name

Add <style> tags at the top of the HTML editor to manipulate the positioning and styling of these elements.

Did this answer your question?