DocumentationMarketo EngageMarketo Guide

Customize Sweepstakes Styles customize-sweepstakes-styles

Last update: Mon Oct 16 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

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

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