The Mystery box is a gamified item for Signup Forms. It lets visitors pick a box to reveal a discount while signing up.
In this article, you’ll learn how to add and customize a Mystery box in the Form Builder.
Before You Begin
Mystery box is available on the Pro plan and on the Standard plan as a paid add-on. If you're on the Standard plan, you can either upgrade to Pro or purchase the Forms Plus add-on.
For a Static discount, create the discount code in your store before configuring the Scratch card. For a Unique discount, select Unique in the Scratch card settings and configure the discount rules in Omnisend.
Unique discounts in Signup Forms are currently available only for Shopify stores.
Add and Configure a Mystery Box
Step 1. Create or edit a Signup Form
Go to Forms and create a new Signup Form, or open an existing form in the Form Builder.
Step 2. Add the Mystery box item
From the left-side menu, drag the Mystery box item into your form layout.
Select the Mystery box item to open its settings in the right-side panel.
Step 3. Add a discount code
In the Mystery box settings, configure a Static or Unique discount. A Static discount uses one code for every contact. A Unique discount generates a different code for each contact.
Important: Unique discounts in forms are available for Shopify stores only.
Step 4. Customize the Mystery box styles
Go to the Styles section to customize the appearance of the boxes.
You can adjust:
Font: Select the font for the box text.
Size: Set the text size.
Width: Adjust the width of the Mystery box item.
Border radius: Make the box corners more or less rounded.
Border width: Adjust the border thickness.
Border style: Choose a solid, dashed, or dotted border.
Border color: Select a color or enter a hex code.
Padding: Adjust the space around the Mystery box item.
Step 5. Customize each mystery box
Open Mystery box 1 style, Mystery box 2 style, or Mystery box 3 style to customize each box separately.
For each box, you can configure:
Text: Enter the text displayed on the box.
Text color: Select the color of the box text.
Mystery box color: Select the background color of the box.
Step 6. Save and enable the form
Review the Mystery box on desktop and mobile views.
Once your form is ready, click Enable form.
💡 Visitors see the mystery boxes in the form. After they pick a box, they reveal the discount and receive the code for checkout.
Choose How to Share the Mystery Box Discount
After configuring the discount, choose how contacts receive it. You can display it in the form’s Success Message after submission, send it through a Welcome Automation Workflow, or use both methods.
Show the Discount in the Success Message
To display the discount after a contact completes the Mystery box interaction and submits the form:
Open the Success step in the Form Builder.
Add the Discount item to the Success Message.
Select Use game discount.
The Success Message displays the discount code after the contact completes the interaction.
Send the Discount Through a Welcome Automation Workflow
To send the discount through an Email, SMS, or Push notification, create or open a Welcome Automation Workflow and add a message.
In the message editor, open Personalization and select Discount code. This adds the following tag: [[event.discount_code]]
The tag displays the discount code generated through the Mystery box. If you also display the discount in the Success Message, the workflow sends the same code.
💡 For the complete setup, see Add Static or Unique Discounts to Signup Forms.
Use Cases
Grow your Contact list: Add an interactive experience to your Signup Form to encourage visitors to submit their contact details.
Offer a signup discount: Let visitors pick a mystery box to reveal a discount they can use at checkout.
Create a choose-and-reveal promotion: Give visitors a choice of boxes instead of displaying the discount as static text.
Offer an alternative to other gamified options: Use Mystery box when you want visitors to choose a box instead of spinning a wheel or scratching a card.
FAQ
Who can use the Mystery box?
Mystery Box is available on the Pro plan and on the Standard plan as a paid add-on. If you're on the Standard plan, you can either upgrade to Pro or purchase the Forms Plus add-on.
What happens when a visitor picks a mystery box?
The visitor picks one of the boxes and receives the discount code configured in the Mystery box settings.
Can I customize each mystery box separately?
Yes. Open the style settings for each box to change its text, text color, and background color.
Can I change the appearance of the Mystery box?
Yes. You can customize the font, size, width, border, border color, border radius, and padding.
Need more help? Contact our Support Team via in-app chat or at [email protected].