Design Tab

The Design tab controls how your Competition widget looks, from its title and feature image to custom CSS and widget text.

Make your competition widget look like your brand.

Competition Title shows your Competition's name at the top of the widget. It's on by default and uses your Competition Name, but you can write a different public title here (up to 80 characters), or switch it off.

Gleam interface showing the Competition Title toggle on, with the Public Competition Title field set to 'Win a $200 Local Supply Gift Card'

Add an image or video to the top of your widget with Feature Media.

  • Images: upload up to 4 images (5MB max each). One image shows as a feature image, more than one becomes a slideshow. We recommend 1080 x 567px for a single image and 1080 x 810px for a slideshow
  • Video: paste a YouTube, Twitch, Vimeo or Wistia URL instead
Gleam interface showing the Feature Media image upload panel, with a gift card image already added

Use Description to tell entrants what they can win and how the Competition works. The editor supports bold, italics, links, images and more, and the placeholder text gives you a starting point.

Gleam interface showing the Competition Description editor with sample giveaway copy entered

Change the look of the widget itself:

  • Design: the overall widget style (Modern by default)
  • Text Alignment: left or centred text
  • Padding & Rounding: how much space and how rounded the corners are
Gleam interface showing Widget Design Options, with Design set to Modern, Text Alignment set to Center, and Padding & Rounding set to 2

Turn this on to hide the row that shows how many ways there are to enter.

Gleam interface showing the Hide 'X Ways to Enter' toggle switched off

Turn this on to hide how many entries your Competition has received so far.

Gleam interface showing the Hide Total Entries Count toggle switched off

Turn on Remove Gleam Branding to take the Gleam branding off your widget, Facebook shares and emails.

Gleam interface showing the Whitelabel Branding toggle switched on

Every Competition gets a Gleam-hosted landing page. Styling uses your site settings by default, and you can change the background in your site settings.

Gleam interface showing Landing Page styling set to Use Site Settings, with a link to change the current site background

On the Business Plan & above you can add custom CSS to style almost any part of the widget. It only affects this Competition, and you only need to add the overrides, for example .entry-method .tally { color: blue }.

Gleam interface showing the empty Custom Styles (CSS) editor

You can change any text in the widget. Add the key for the text you want to change and your new value in quotes (it uses YAML). Only add the lines you're changing, not the whole file.

Gleam interface showing the empty Widget Text Overrides editor, with links to example configurations and the full reference

The reference file has this:

unlock_heading_plural: "<i class='fa-solid fa-lock'></i> Unlock %{count} more entries"
notify_other: "Notify me of other Competitions (optional)"

To change them, add this to Widget Text Overrides:

unlock_heading_plural: "<i class='fa-solid fa-lock'></i> You can get %{count} more entries"
notify_other: "Sign me up to the weekly comp email, thanks (optional)"

You can include HTML too, as long as the whole value is wrapped in double quotes:

notify_other: "<p style='font-size:10px'>Sign me up to the weekly comp email (optional) <a href='https://gleam.io/privacy'>Privacy Policy</a></p>"
  View Text Overrides List

See Next Article

Post-Entry Tab

The Post-Entry tab controls what happens after someone enters, from the confirmation email to redirects, webhooks and tracking pixels.