DocumentationMarketo EngageMarketo Guide

Customize Sweepstakes Styles customize-sweepstakes-styles

Last update: Mon Aug 05 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

When you create a sweepstakes, you can customize how it looks on your landing page.

IMPORTANT
On July 31, 2024, we began the process of deprecating this feature. New assets can no longer be created. Existing assets will continue to work through January 31, 2025. Learn more
AVAILABILITY
Not all Marketo Engage users have purchased this functionality. Contact the Adobe Account Team (your Account Manager) for details.
  1. Go to Marketing Activities.

  1. Select the sweepstakes, and click Edit Draft.

  2. In the Sweepstakes editor, go to App Settings > Appearance.

  3. Edit the text of your sign-up button and the progress link.

  4. For each element that you wish to customize, enter your custom CSS properties.

    Example CSS for Enter Button:
    <pre>border: 5px solid #7B68EE; background-color: purple; padding: 10px; font: 16px; color: #FFFFFF; text-align: center;</pre>

    Example Image for Enter Button:
    <pre>background:url(https://app.marketo.com/images/public-site/button_sign-up-now.png) no-repeat center center; width:275px; height:95px; margin:auto; display:block;</pre> <pre>

    note note
    NOTE
    If you use an image with text on it, remember to remove the text from the Enter Button field under Text above.

  5. As you make each change, the result is displayed in the View & Edit preview.

    note note
    NOTE
    Test your button in several different browsers, including older versions.
    related-articles
    Related Articles
    The next step is to add sign-up and fulfillment emails to your sweepstakes.
recommendation-more-help
94ec3174-1d6c-4f51-822d-5424bedeecac