OPT-IN WIDGET

You want to understand what is the opt-in widget and its implications.

The opt-in widget is an embedded form for your landing page that allows consumers to receive all the info they need about the promotion directly to their e-mail and/or phone number.

On the opt-in widget, consumers will also have the option to give marketing consent for the first time, a moment in which they will also agree to the terms of service and privacy policies, so all the process is compliant with the current US legislation from the beginning.

During the onboarding process, you will be required to confirm which type of widget will be added to the promotion, as there are four different types to address.

You can choose between a variety of ways for your consumers to opt-in. Those can be:

Email AND phone
E-mail OR phone
Only email
Only phone.

To ensure a broader approach and be on the safe side of deliverability, the suggestion is to go with E-mail AND phone.

TECHNICAL DETAILS

The opt-in widget is a webpage that can be placed on an iframe anywhere on your landing page.

Transparent Background: The widget's background is transparent, so it will adopt the background you place on. It can be a colored background, an image, or even set on a transparent iframe to blend seamlessly on the page.

Font Color: In the on-boarding form, you can set the color of the font and elements on the opt-in. When choosing the color, think about the background you want to place it on. To make it pop, it should contrast.

Specs: The widget should be set on a responsive i-frame container.The container size should be:

Desktop: 460px * 490px
Mobile: 360px * 490px

Sample i-frame HTML:
To use this sample, all you have to do is:

1. Copy this HTML
2. Change the Link to your opt-in widget link
3. Change the background color, or add a background image.

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;

}
@media (max-width:768px) {
    .container {
        min-height: 600px !important;
        overflow-x: hidden;
    }
}
</style>
</head>
<body>


<div class="container"> 
  <iframe class="responsive-iframe" src="https://app.chop.today/YOUR-PAGE/opt-in"></iframe>
</div>

</body>
</html>

The link to the opt-in widget should be changed here:

 <div class="container">   
<iframe class="responsive-iframe" src="https://app.chop.today/YOUR-PAGE/opt-in">
</iframe></div>

You can change the iFrame color by changing its background color or setting a background image:

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
  background: rgb(102, 138, 255);
}

REMINDERS

Consumers get to choose what communication method is most convenient to them, text message or email. Once they click send, they will immediately get the rebate details to their inbox.

Then reminders are sent two days after the user opted-in, five days later, and a final reminder after ten days.
All reminders contain a link to the Chop's rebate page, the rebate details, and the brand's store locator link.
The emails contain the "promotion description" as established in the on-boarding form, just underneath "Try it, love it, let us pay for it."
The email's banner color is the "brand color #1" on the onboarding form.