Customize Sweepstakes Styles

Last update: 2023-10-16

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

    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

    Test your button in several different browsers, including older versions.

On this page