The mechanics of the Customizer allow you to invite your users to personalise a visual with the help of elements such as colour, text or icons. The applications are numerous: decorate an existing product of your brand, ask users to create their ideal product, hijack a photo to make an unexpected rendering, propose a colouring for children...

This module is ideal for your qualification objectives and for obtaining crucial information on the type of products/services/collections that would appeal most to your users. It also meets your engagement objectives, allowing you to launch community co-branding campaigns (offering your users to customise a product that will be marketed) and generating UGC (User Generated Contents) around your brand universe.

Before setting up your campaign, you will need to have created the various graphic elements required. To get started, please visit this page which will give you access to all the essential information for the graphic creation of your campaign.

First, click on New Campaign and then select the Customizer mechanism.

You will then find yourself in the campaign editor with the 5 steps of this mechanic: Form, Media Gallery, Customizer, Thanks and an end of campaign page. You can also add a teaser page and/or a home page.

Don't forget to set up your campaign settings now, including the dates of the campaign and the rules and privacy policy.

Import your desktop backgrounds by clicking on the "+" icon in Background Image. For background design specifications for this module, please refer to the "Game Design" section of this article. You also have the option of adding a solid background colour that will surround your game pages - you can leave the base colour or choose to unify your campaign, with a colour that is reminiscent of your brand or your game pages for example.

Visual management: Add up to 4 different visuals to be customised. The user will have to choose the product to be customised:

Final visual: The final visual is the one that will be displayed when the module is launched (in case of multiple visuals, a list will be proposed to the user). The dimensions of the visual must be similar to the dimensions of the game.

Layers: Layers represent the different editable parts of the product. There are a maximum of 11 layers and they can be placed in any order. Layer size: Width 1620px and Height 1600px.

For example, if you want the base image to be a basket, you can create 11 different layers from the image that will be different customisation areas:

Creating more than one layer helps to give more creative options as each layer represents an editing 'area'. Layers overlap each other, so it is important to position them correctly in the editor: the highest layer will be in the foreground, the lowest layer will be in the background. Drag and drop layers to change the location.

Example of customization :

Colour management: You can customise the colours you wish to offer your users.

Allow color customization: You can authorise your users to customise their own colours via a colour picker :

Sticker management: If you have activated the icon panel, the editor will offer you the possibility to choose the icons that you will make available to your users. To remove an icon from the standard panel, simply click on it. To add an icon, click on the "+" button and import your image.

Always show on top: This option allows you to display text and icons on top of layers. If this option is not activated, the texts and icons will be displayed in the layers, and therefore cannot be installed outside their borders.

Opacity of colors applied to stickers : Define the opacity level that will be applied to stickers whose colour is filled in.

One of the possible options of the Customizer module is to showcase your users' creations for brand visibility, audience engagement and UGC (User Generated Content) viralization. Indeed, with the configuration as it is presented in the Customizer campaign template (Form > Gallery > Customizer > Acknowledgements), each visual created will be added to the Gallery automatically.

This means that your users can share the campaign link with their friends/relatives to encourage them to vote for their design and potentially win a reward if it is one of the top choices. To learn more about setting up a photo contest, please refer to the dedicated article.

The other option is to use the "Dynamic image" widget in the "Media" tab:

This will allow you to highlight the image created by the user on a thank you page, for example:

Once your Desktop campaign has been set up, you need to switch to the Mobile view in order to import the dedicated backgrounds and to format your different pages for this medium. To import Mobile backgrounds, follow the same procedure as for Desktop backgrounds.

⚠️ The mobile version of the Customizer does not contain the "Validate" and "Cancel" buttons like the Desktop version. Instead, you will find a system button "OK" that allows you to validate the creation and go to the next step.

When both the Desktop and Mobile versions are finalised, you can start publishing the campaign. Don't forget to check the campaign.