Customizing Lumi ID landing pages

Your Lumi ID pages can be customized at two levels of specificity:

• Global settings apply to all of of your QR codes. Global Lumi ID settings can be defined by going to Settings and clicking the Lumi ID tab.
• QR-level settings apply to a specific Lumi ID QR code, and override the global settings. These can be unique per Item, or shared across multiple Items. View and edit QR code settings by going to the Lumi ID view in your Dashboard.

The following global settings control the appearance of your landing pages which are visible to your customers.

• Company name: displayed if no logo is present, and as the alt text and page title
• Logo: displayed at the top of all landing pages
• Website URL: tapping the logo will send people to this page
• Accent color: brand color used for buttons and links
• Landing page text: the heading text visible at the top of the landing page. The default text reads "Glad you got your package!"
• CSS override URL: a URL for the custom style sheet if you want to further customize the CSS of Lumi ID pages. This feature requires a Growth plan or above. We recommend loading your stylesheet via https to ensure browsers read your Lumi ID pages as secure. More details below.

The following global settings control which post-purchase flows are available to your customers when scanning a QR code. Lumi ID integrates with hundreds of post-purchase solutions. Lumi ID integrates with five standard post-purchase flows (Recycle, Return, Reorder, Report, Contact support), as well as your own additional custom flows.

Recycle
Allow your customers to access local recycling information for the Lumi Items linked with the QR code. Automatically populates data from the specs of linked Items.

• Toggle on/off: display the recycle flow
• Button label: defaults to "Recycle your packaging"
• End of life details: shows recycling and composting instructions
• Packaging sustainability: shows material certifications and dimensions
• Supplier location: shows the city and state where the packaging was made

Return
Allow customers to initiate a return from your QR codes. This can be set globally and per QR code.

• Toggle on/off: display the return flow
• Button label: defaults to "Return or exchange"
• URL: link to your returns page

Reorder
Allow customers to reorder a product from your QR codes. This can be set globally and per QR code.

• Toggle on/off: display the reorder flow
• Button label: defaults to "Reorder"
• URL: link to your reorder page

Report an issue
Allow customers to report an issue from your QR codes.

• Toggle on/off: display the report flow
• Button label: defaults to "Report an issue"
• URL: link to your issue reporting page

Contact support
Allow customers to access your support page from your QR codes. Displayed as secondary text below the primary buttons.

• Toggle on/off: display the contact flow
• Text label: defaults to "We're here to help"
• URL: link to your support page

Additional options
Add an arbitrary number of additional primary buttons to create your own custom flows

• Button label: the button text for your custom flow
• URL: link to your custom flow

If you want full control of the fonts, colors, sizes, and granular visual display of your Lumi ID landing pages, you can load a CSS file in your Lumi ID global settings. This feature requires a Growth plan or above.

We recommend loading your stylesheet via https to ensure browsers read your Lumi ID pages as secure.

The following global settings are available if you want to integrate Google Analytics or redirect users:

• Google Analytics tracking ID: your Google Analytics tracking ID in the format UA-XXXXXXXXX or G-XXXXXXXXX
• QR code override URL: A global override for your QR codes that bypasses Lumi ID landing page. This redirects users that scan your QR code to the website you specify. Note that you will also lose analytics data.