Skip to main content
Home screen section
Updated over 2 months ago

Description

The home page is generally the first page your participants will see, so it's important that it gives a good idea of your campaign (whether it's the game they're going to play or the prizes they could win) and encourages them to sign up.

✍️ Please note: Would you like your game to start directly at the next stage, such as the form stage? That's possible! All you have to do is enter the game's URL as follows:

Page skin

You need to select the font, colour and upload a page skin image for Desktop (810x700px) and Mobile (480x710px). On this subject, we recommend reading our guide to the graphic configuration of a campaign. The colour-pickers manage transparency. For optimised rendering, you can also choose the position of your image (‘top centre’ or ‘bottom centre’).


Editorial content

In this section, you need to define the text that will present the key elements of your campaign, such as the theme, the prizes to be won, the game instructions and so on. The aim is to arouse participants' interest and encourage them to continue to the form.

Choose the title and description that will appear on this page, and customise their appearance. You can also insert HTML content if required. For more information on how to set up this step, please see this article.

Button

You can change the appearance of the redirect button to the SoftGate or the form, including the text and colour in normal state and when the cursor is hovered.


Menu (footer)

This menu contains the legal information for your campaign (if you decide to add it). It appears at the bottom of the page on each page of your campaign. On mobile devices, the menu is accessible at the top left of the screen (hamburger menu).

You can choose the background colour of the footer menu. The default text colour is white. To change the colour, use the CSS Control tool. If you want to remove the menu background on the Desktop for a more immersive effect, while keeping the background colour for the Mobile version, simply enter the following code in the ‘CSS Control’:

(nav[ng-show=‘ssMenuBarVisible’] {background:transparent !important;})

Don't forget to choose the background colour that will be displayed on Mobile.

Example :

The menu on Desktop is transparent...

but will appear on Mobile with a black background.

We recommend that you activate the following information in your Menu:

Each time, you will have to choose whether to insert a URL redirecting you to the document, or to write its content directly in the appropriate text field. You can also add Terms of Use, a customisable link (e.g. a redirect to your merchant site) and a Prizes section (e.g. to present the prizes to be won).

Did this answer your question?