To offer a spin-the-wheel popup that doesn't require an email, we're going to use a signup block that we're going to edit to do the following:
Hide the email field
Use the Wisepops' JS callbacks feature to automatically fill the email field with a dummy email address
Step 1: Create a campaign including a spin-the-wheel block.
Step 2: In the popup builder, open the CSS editor.
Step 3: Paste the following code:
.wisepops-block-signup input[name=email] {
display: none;
}
Step 4: Click on the JS section, add create a new callback listening for the event Before form submit. Set the following snippet as the script:
// Automatically fill up the email field
event.target.elements['email'].value = 'dummy@example.com';
On Shopify, you can automatically add the email of logged users to the spin-to-win data.
In the JS section, instead of:
event.target.elements['email'].value = '{{customer.email}}';, use:
event.target.elements['email'].value = event.detail.properties.customer?.email ?? 'dummy@example.com';
Save your popup, and you're done! Since the JS callback is not executed on preview, you should test your wheel on a hidden URL.