Welcome to the Odicci Studio! This guide will walk you through building a high-engagement experience such as Swipe to Reveal or Scratch to Reveal campaigns.
Journey Overview
Step 1: Laying the Foundation (Setup)
To begin, click 'Create Experience' in the top navigation bar and select your Experience type.
- Identity: Give your experience a name that’s easy for your team to identify.
- Localization: Choose your preferred language and timezone.
- Duration: Decide when your campaign starts and ends (or leave it open-ended!).
Pro tip: Use a naming convention like [Brand][Campaign][Season] (eg. Odicci_Jump_summer26) to keep your experiences organized as you grow.
Step 2: Defining the Reward (Prizes)
Each experience requires prizes to be assigned to it, in the Offers section you can configure individual prizes and set the prize winning chances.
To ensure every player gets a result, you must have at least one 'Unlimited' prize, usually a 'Loser' or a generic 'Winner' reward.
In order to access the prize section, click the pencil icon under the 'Actions' header.
.png?width=670&height=102&name=Frame%201490%20(1).png)
Once within the individual prize configuration, you can customise your prize:
- Image - You must add an image to be linked to your prize. You can choose pre-existing brand images from the gallery or upload your own. This will be automatically populated onto the corresponding Success Frame but can be removed/replaced anytime.
- Name: This will be the main customer name used for your prize. Once you fill up the details, it will auto-populate onto success frames and will be available for mapping via any integrations you have enabled.
- Category: Choose whether your prize will be a for the 'Winner' or the 'Loser'
- Type: Select between Rewards (generic promo codes ) or Vouchers (unique imported codes or via API like Shopify)
- Number of Prizes: Choose the maximum number of prizes you'd like to give away or set it as unlimited (one unlimited prize is needed for every experience).
- Email Template - Through this option, you can select the automated email your winners will receive the moment they claim their prize.
- Notify Others - This option allows you to add an email address to be notified when this prize type is issued. This is useful when giving away high value prizes that you would like to monitor
- Confetti Effect - To make the win feel special, you can enable the confetti effect and even add brand specific icons. The Offer Setup allows you to preview the uploaded confetti!
Win Logic: Chances of winning each prize can be configured by selecting a Weighting from the dropdown or free typing into the field. Please ensure you are happy with this distribution before putting the experience live. If in doubt, speak to your Customer Success Manager!
Step 3: Experience Design
Once your happy with the prize distribution, click the Studio tab to begin customising the look and feel of your experience. The Studio is where you align the experience with your brand identity.
Each frame can be configured to match your requirements but the overarching theme can be set in the Design section, found in the left-hand side menu, next to Frames.
General
- Logo: Upload your brand logo to appear at the top of every frame. This can be switched off on a frame by frame basis if needed.
- Background: Select a brand color or upload a high-quality background image.
Layout
- Content Position - Determine how the experience should be aligned.
- Text Orientation - Choose the direction of flow text (useful when working with different languages)
Body
- Typography & Colors: Define colors for the body, header, footer, and form fields to match your brand's digital presence.
- Fields - Select a colour for the background of your Form Fields.
- Fields Focus -Select a colour which highlights a Form Field when it is being interacted with.
Once you have set the experience formatting, you can move to customising specific frames in your experience.
Frame Settings
Every frame has its own unique settings found under the Cog icon:
- Hide Logo: It enables you to hide the logo on this specific frame.
- Desktop Background: Select an alternative desktop background image for this specific frame.
- Mobile background: Enables you to select an alternative mobile background image for this specific frame.
- Tracking pixel: Add tracking to your experience
Components: Static Components can be added to all frames but Field Components can only be used within Form frames. Further details on Static Components can be found here and Field Components here .
Step 4: Success Frame
Once you have completed configuring your Form and experience campaign mechanics, you can move onto customising the Success Frame. It is the final touchpoint where winners claim their prize.
A Success Frame will be automatically generated for each prize you setup earlier in the process.
Each Success Frame can be customised to your requirements including adding additional imagery, text and CTAs.
If you have chosen to giveaway a Voucher code as your prize, you can choose how you would like that to be displayed by adding a Voucher Codes component. This can be in a text format, QR code or barcode. QR codes and barcodes are generated by the Odicci platform.
Step 5: The Grand Opening (Publishing)
Before you publish your Experience, ensure it’s perfect by:
- Preview: Use the Eye icon in the top right-hand corner for different preview options such as browser, mobile or to share the preview link with others.
- Configuration: Map your data fields to your CRM/Integrations to ensure you capture every lead. Full details can be found in the **Configurator** section.
- Final Checks: Click Confirm to see a checklist of recommendations or blockers.
- Go Live: Hit Publish! You’ll receive a URL and an iframe code to embed on your site.
