Scratch-offs guide

Scratch-offs are interactive images that can be used to reveal an image to your subscribers when they “scratch” a cover image on a custom landing page. Transform promotional offers and product reveals into fun, engaging brand experiences that prompt subscribers to take action to unveil their surprise. Create a sense of intrigue and exclusivity with a custom scratch-off!

NOTE: Scratch-offs are available on Enterprise plans.

Create a scratch-off

Scratch-offs are located in the Personalization section of the Litmus platform. Start from the Overview page of the Personalization tab to find the Scratch-offs templates. Or select the Scratch-offs link in the left menu where you can create a new scratch-off from a template or find any you've already created. Select New scratch-off in the upper right corner.

Customize your scratch-off

Customize the three elements of your scratch-off: cover image, reveal image, and landing page.

Cover image

The first element of a scratch-off is the cover image. This is the image or text that displays by default before the scratch-off is “scratched.” It will display in the email and is the default image on the landing page once a subscriber selects the scratch-off.

  • Cover image
    • image or text that displays by default before "scratch-off" action and default image on landing page after click
    • design your image or upload an image
  • Background color
    • choose a color for background (only for design your own image)
  • Text
    • enter message for cover (only for design your own image)
  • Font
    • choose a font for message (only for design your own image)
    • upload custom font if desired
  • Text color and Font size
    • select options for cover message text display (only for design your own image)

Cover customization pane Enlarge cover customization image

cover image editor with upload your own image selected

NOTE: Your custom font name will appear in the list with the same file name you upload.

Once your font has been uploaded, you can select it from the Font family dropdown under the Text style section. Your uploaded font will be available in the Custom fonts section of the list and will be available to use in any other widget that has custom font capability.

Reveal image

The next element of a scratch-off is the reveal image. This is what will display once the user has “scratched” the cover image. Reveal images will only display on the landing page.

  • Reveal image
    • image or text that displays by default before "scratch-off" action and default image on landing page after click
    • design your image or upload an image
  • Background color
    • choose a color for background (only for design your own image)
  • Text
    • enter message for cover (only for design your own image)
  • Font
    • choose a font for message (only for design your own image)
    • upload custom font if desired
  • Text color and Font size
    • select options for cover message text display (only for design your own image)

Reveal customization pane Enlarge reveal customization image

Landing page

Once your cover and reveal images are configured, they will be pre-populated in the landing page. You can customize the landing page background color, button styling and URL, as well as add and style an optional custom message using the options on the right.

  • Background color
    • choose color for landing page background
    • Button styling
      • Button color - choose a color for button background
      • Button text - enter text for landing page button
      • Label font - choose a button font or upload a custom font
      • Text color and Font size - select options for button text
      • Button URL - REQUIRED enter valid URL for button
    • Custom message (optional)
      • enter custom landing page message if desired
      • Label font - - choose a button font or upload a custom font
      • Text color and Font size - select options for custom message

Landing customization pane Enlarge landing customization image

An interactive preview of your landing page appears below the cover and revealed images on the left, allowing you to test your scratch-off as you design it.

animation of scratch-off preview with cover image being scratched off to show reveal image

Test and generate your tag

Once the elements of your scratch-off are set, select Preview your scratch-off to test the flow and functionality of the button and landing page.

scratch-off preview

When you have confirmed your scratch-off is set up and ready, select Save and get HTML to generate your tag! You can copy the tag using the button below the text box, and your new scratch-off will appear in the Scratch-offs section of the Personalize tab in your account.

Add a Scratch-off to your email

To add a scratch-off to your email, simply copy the HTML tag for your scratch-off and add it to your email's code. You can quickly copy the tag by hovering over the scratch-off’s's thumbnail and selecting Copy HTML.

scratch-offs section with copy html button displayed over a template thumbnail

The tag itself can be added to your code the same as you would add any other link.

You can also add a scratch-off with Visual Editor in Litmus Builder using the image link and landing page link from the HTML code rather than the entire tag. Copy the image link and add it in Visual Editor to replace a placeholder image with your scratch-off, then add the landing page link to the image.

scratch-off tag with image and landing page links highlighted

Impression usage

Scratch-offs may register one or three impressions. Each scratch-off will register one impression when the email is opened, and two when the subscriber clicks through to the landing page even if the scratch-off is not revealed.

NOTE: Impressions usage limits vary based on your subscription. Learn more about usage limits and how impressions are counted to make sure you understand how your tag will impact your usage!

Top

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us