Build Your Own
Campaign Template

Your players already know your brand: your colors, your logo, the look of your website. When a campaign page looks like it belongs to you, players trust it, and they play. The Custom Template lets you make a campaign look like your own website, without writing any code and without waiting on a designer.

This guide walks you through it, from a two-minute Quick Setup that builds a template from your logo, to the fine-tuning tools for when you want every detail just so.

Where to Find It

The Custom Template is the last card in Theme & Colors, on Step 2 of the campaign wizard, after the ready-made themes. It works for every campaign type.

1. Create a campaign, or open one you already have, and go to Step 2: Appearance & Content.
2. Open the Theme & Colors section.
3. Choose the Custom Template card. The editor opens right below the theme cards.

The Custom Template sits after the standard themes. While it's selected, the Primary and Secondary color pickers step aside, because the template has its own colors.

Quick Setup: a Template in Three Steps

The first time you open the Custom Template, it starts with Quick Setup. Three short steps give you a finished template:

1. Your logo’s colors. We read the main colors from your logo and offer three color schemes built from them: Logo colors on white, Logo colors on dark and Bold. Pick the one you like. If you’d rather choose your own, click Use my own colors.
2. Your style. Eight pairs of fonts, each a heading font and a text font that go together, with buttons to match: Modern, Classic, Bold Sports, Elegant, Friendly, Strong, Clean and Headline.
3. Your layout. What the header shows: your logo centered, on the left, or on the left with your campaign’s name on the right; a banner picture; or content of your own. The last two show your logo until you add the picture or the content, and the finish screen takes you straight there.

Click Finish and you’ll see your campaign page drawn with your template. If it looks right, click Looks good and carry on with the wizard. If you want to adjust something, click Fine-tune.

Two links sit under Quick Setup. Start from a theme or another campaign instead copies the look of one of the standard themes, in your colors, or the template of another of your campaigns. Skip to Fine-tune takes you straight to the full editor.

Fine-Tune: Your Settings and a Live Preview

Fine-tune shows your settings on the left and a live preview of your campaign page on the right. The preview is your real campaign page, with your campaign’s name, logo, footer and first game, and it changes the moment you change a setting.

Fine-tune, with the Buttons section open. Every setting has a plain name and a short hint, and many are pictures you click rather than lists.

Brand colors

At the top are your brand colors: up to five, each with a name you can change (“Casino red”, for example). Every color setting offers your brand colors first, each with lighter and darker shades. A setting that uses a brand color follows it: change the brand color once and everything that uses it changes too.

• Paste my brand colors takes color codes copied from your style guide, such as #c8102e or rgb(200, 16, 46), one per line or separated by commas.
• In Chrome and Edge, the eyedropper button next to a color lets you pick a color from anywhere on your screen, such as your own website open in another window.

The settings

The settings are grouped by part of the page. Open a section to change it:

• Page: the background color, an optional background picture with a tint, and how wide the content is.
• Header: the layout, a color, a two-color fade or a picture, the height, the shape of the bottom edge (straight, angled, wave or curve) and the logo’s size. Or, in place of the logo, a banner picture or your own content (see below).
• Text: the fonts, the text size, and how headings look.
• Links, Buttons, Content panels, Form fields and Footer: colors, corners, shadows, edges and more.

Text that sits on a colored background, like the words on a button, is set to Automatic to begin with: black or white, whichever is easier to read on that color. Change the button color and its text keeps up. Each section also has Reset this section, which puts it back to how it started.

The fonts are all served from our own servers, so your players’ pages never contact an outside font service.

Your own header: a banner picture or your own content

Two of the header layouts replace your logo with something of your own, so the top of the campaign can look like the top of your website.

• Banner picture fills the header from edge to edge. A wide picture works best, 2400 × 600 pixels. Add a phone picture too (1080 × 1080) if your banner has words in it: phones show it whole instead, so the words stay readable. Without one, phones show the middle of the banner. Keep in view chooses whether the top, middle or bottom of the picture stays in view when it is trimmed to fit.
• Describe the picture is required for a banner. It’s what a screen reader reads aloud to a player who can’t see the picture, so say what it shows, for example “Summer Cash Drop at Lucky Star Casino”. The editor reminds you until it’s filled in.
• Custom content gives you a text editor in the header, with headings, colors, alignment, links, tables and pictures. Upload pictures with the picture button; pictures from other websites are removed. Give every picture a description in the picture dialog, or tick Image is decorative if it’s only decoration.

To keep your header inside the header, a few things are taken out of custom content when it’s saved: anything that would move it over the rest of the page, hide it or fix its size in pixels, and formatting copied in from another website’s style sheet. You’ll be told what was taken out. Pasting as plain text, then formatting in the editor, gives the cleanest result.

Pictures

When you choose a picture for the banner, the header or the page background, a crop window opens first. Drag the box, or use the arrow and zoom buttons, to choose the part you want, or click Use the whole picture. Large pictures are then made smaller before they upload, so your page loads quickly on a phone, and you’ll see a note if a picture is too small to look sharp on a large screen. Pictures can be JPG, PNG, GIF or WebP; the largest allowed is 4000 × 4000 pixels.

Click the preview to edit it

Point at any part of the preview, like a button, a heading or the footer, and it’s outlined with its name. Click it, and the editor opens the settings that change it. It works the other way too: point at a setting and the parts of the preview it changes are outlined.

Above the preview you can switch between Desktop, Tablet, Phone and Side by side, and between the Register, Play, Coming Soon and Thank You pages. If you use the keyboard, Pick an element lists the parts of the page to choose from.

The live preview is the real campaign page. What you see here is what your players will see.

Readability Checks and “Fix It”

Under the preview, the Readability list checks that text stands out from whatever it sits on, such as the words on your buttons or links in a panel. When a pair is hard to read, the setting gets a warning that says which text and how far it falls short, and a Fix it button.

A readability warning, with the one-click fix.

Fix it moves the color to the nearest shade that reads well, so your color stays recognizably yours. When no text color would read on a background, like white or black on some mid pinks, it nudges the background instead.

These are warnings only: they never stop you saving or launching. But text that’s hard to read is text players skip, and some players need the extra contrast to read it at all, so it’s worth a click.

Undo, Compare and Starting Over

• Undo and Redo (or Ctrl+Z and Ctrl+Shift+Z) step back and forward through every change, Quick Setup included.
• Hold Compare with where you started to see the template as it was when you opened the editor; let go to see your changes again.
• Start from a theme or another campaign replaces the template with a copy of a standard theme or another campaign’s template. Undo puts yours back.

Saving and Going Live

Your template saves with the rest of Step 2, when you move to another step or save the campaign. If the campaign is already live, the wizard asks before saving a change to its look, because players see it straight away.

Every change to a template in use is listed in the campaign’s Edit History in plain words, such as “Buttons › Corner roundness: 8px → 0px”, so you can always see what changed and when.

The Footer, Coming Soon and Thank You presets in Page Content use your brand colors. If you change your brand colors after loading a preset, the wizard offers to redraw it in the new colors.

While a template is selected, the Page Content editors show your words in the template’s look: Coming Soon, Thank You and the Info Box on your content panel’s color, in your fonts and heading and link colors, and the Footer on your Footer colors. Preview Coming Soon Page and Preview Thank You Page show the real page, drawn with your template.

Footer content often has colors of its own: a preset’s panel, or text pasted from your website. The Footer section’s Colors in the footer content decides who wins. Use these colors, the setting it starts on, draws the footer in your Footer colors whatever its content says. Keep its own colors leaves the content as it is, and the Footer section tells you which colors are showing and whether they are hard to read.

A template belongs to its campaign. Copying it into another campaign makes a separate copy, so changing one never changes the other. If you move a campaign to a standard theme, its template is kept, so switching back restores it.

In Summary

• Choose Custom Template in Step 2’s Theme & Colors to make a campaign look like your own website.
• Quick Setup builds a template from your logo’s colors, a font pairing and a header layout in about two minutes.
• The header can show your logo, a banner picture with its own phone version, or your own content. Every picture needs a description.
• Fine-tune has a setting for every part of the page and a live preview of your real page; click the preview to jump to a setting.
• Your brand colors feed every color setting, and text on colored backgrounds picks black or white automatically.
• Readability warnings come with a one-click Fix it, and never block saving.
• Undo, Compare and Reset this section mean you can experiment freely.