1. Home
  2. Template Tutorials
  3. How to: Edit Advent Calendar Templates

How to: Edit Advent Calendar Templates

Before editing the Advent Calendar templates, it is important that you watch our video tutorials and learn more about the Draw Feature.

Editing Advent Calendar Layout:

When editing, make sure that all the hidden components are revealed.

  • Enable ‘Reveal All’ to see any hidden content
Configure the locks

Each lock has a Time condition, which ensures that your audience can open a daily offer on a specific date.

  • Right-click a chosen lock and go to Actions > Conditions
  • To setup a date, add condition:
    IF Time: Day is equal to (manual value): day number
    &  Time: Month
    is equal to (manual value): month number
  • Click on each lock to configure the date

Tip: To view or test your page, cut the Time Condition. When you finish testing, paste the condition back. 

Page Timezone

To setup the Advent Calendar, you need to select your Page Timezone

  • Go to Page Settings > General > Page Timezone
  • You can choose your Page Timezone from the dropdown.
Game Stage

Once the date is unlocked, your audience can access the game by filling the Lead Form and  get a chance to win the prize.

  • To edit the game, go to Game Stage.
Lead Forms

Instant-win templates consist of two Lead Forms, instead of just one:

  • Participation Form – which is required to access a game
  • Winner Form – required when the user wins the prize

Specific Guides

Now each advent calendar template has different details, so find your template below for specific guidance.

Gift Catcher Advent Calendar

Scratch Advent Calendar

4-lock Scratch Advent Calendar

Spin & Win Advent Calendar

Claw Machine Advent Calendar

Simple Advent Calendar

Advent Calendar with Prize Selector

Gift Catcher Advent Calendar

Editing the Game Stage

If you wish to change the background image or graphic elements of the game, simply drag the Game Floating Container outside the game frame.

If you want to change the content and style of the message rows:

  • Enable Reveal All
  • Drag the Game Floating Container high enough to see all the content

Tip: To place the Game-Floating Container back: right-click, go to Anchor Settings and setup the following position: Vertical: 0%, Horizontal: 0%

Scratch Advent Calendar

Reveal Components

To see the cards underneath the Scratch Components, hover over the Reveal component and click the Eye icon.

The image is connected to the Draw, which means that the cards will be shown based on the draw results.

If you want to edit the images

  • Go to the Draw and replace the image address of Card 1, Card 2, and Card 3.
  • Save the changes in the Draw and reload the Page

4-lock Scratch Advent Calendar

To see the cards underneath the Scratch Components, hover over the Reveal component and click the eye icon.

The image is connected to the Draw, which means that the cards will be shown based on the draw results.

If you want to edit the images

  • Go to the Draw and replace the image address of Card 1, Card 2, and Card 3.
  • Save the changes in the Draw and reload the Page

Spin & Win Advent Calendar

Wheel Animation

The wheel animation is controlled by degree number placed on degree column in the Draw.  It spins 3 times before the result is shown.

A prize case: 1080° + degree with a winning field.

A loss case: 1080° + degree with a loss field

Editing messages

All the result messages a placed inside the input form. To change the result message and ‘How to play’ content:

  • Click the icon on the game form to access and edit it

Claw Machine Advent Calendar

Editing the Calendar Grid Layout

The calendar components are placed inside the Ratio Container.

  • Click ‘Edit this app’ icon on the Ratio container
  • To change the background image, right-click on the main row and go to Row style
Editing the Claw Machine components

If you wish to change the graphic elements of the Claw Machine:

  • Click Reveal All
  • Drag picker_container outside the machine
  • Replace the 5 images anchored to the picker image

When finished editing the images, set Anchor Settings of the picker_container: Vertical: 0%, Horizontal: 38%

Editing messages

All the result messages a placed inside the input form. To change the result message and ‘How to play’ content:

  • Click the icon on the input form to edit it

Simple Advent Calendar

Changing Images to be shown in the daily popups

Go to Data in the right-side menu and go to the Prize Images group. Change the images currently there, with your own 24 images of daily prizes.

Changing text shown in the daily popups

Use Page Overview and click on the popup you want to change. If you e.g. want to change the text shown 1st of December, click on Day 1 from the overview. From here you can apply your changes.

Controlling date for the winner draw and how many winners are drawn

By using Page Overview again, you will want to navigate to the Quiz Contest of the daily popup you wish to change. Go to General Settings in the left-side menu and apply your changes under Winner Selection Settings. You can control two things here:

  1. When the winner should be selected. Remember to configure this to match your own time zone.
  2. The number of prizes to give away. All the Quiz Contests of this template are set to draw two winners: one winner and one back-up winner, in case the first winner does not respond.
How to see who won

Go under Data & Analytics > Apps for your page and then select which day to see the winners from the drop-down menu.

Advent Calendar with Prize Selector

Updating/Adding prize images

Go to Data in the right-side menu. Here you have a data group called Prizes, that contains a total of 3 prizes with links to images. To update the prizes, simply replace the default images with your own. You can also add more prizes, by adding new data fields and uploading more images.

Configure which prizes to show each day

Go to Actions in the right-side menu and choose Prizes to show. Located here are 24 Action Sets with conditional rules based on what day it is. There are 3 actions for each action set, which correspond to the 3 images you see in the popup – each pointing to the images configured in the previous step. By changing what image is being used, you change what prize will be shown and in what position.

Pick a random winner

To pick a random winner you must go to the Draw linked to the page. Here you can request any number of names to randomly be drawn and exported.

See which product was selected by winner

Go under Data & Analytics > Audience > Add Fields. Select to show Email together with the field corresponding to what day you are checking. Now, go under Filter and make a search for the email of the winner – remember to click Apply. Whether the person choose product 1, 2 or 3 will now be shown.

Updated on November 16, 2018

Was this article helpful?

Related Articles