Code Giveaway Setup Guide

This guide will help you create a Code Giveaway campaign that works for your brand. Use this experience type to distribute a unique or static code to be redeemed on your e-commerce site or in your app.

Create the Code Giveaway

From the Campaigns page, select the template type – Landing Pages.

Then choose Code Giveaway from the campaign types.

Campaigns - landing pages - main
Lending pages - Code giveaway

Add a Title

Next, add a title or name in the “Enter a title for your Experience” field and click Continue.

Code giveaway title screen

Overview Tab

The next screen you’ll see is the Overview section where you can edit basic settings and view or download stats.

Code giveaway overview tab

Click the Edit button above the Status section to set the start and end dates of the experience’s entry period.

Status -edit dates

Select the dates and times, then click Save.

Status - edit dates panel

Click Edit above the Sharing section to customize the sharing image, title, and description for your experience URL.

Share dialog customization panel

Performance Stats

Once your experience receives views or entries, you can view a graph of these stats for the past past week, past month, or past year. Click Download Performance Stats to export a detailed traffic stat CSV file.

Performance stats section

Design tab

Click the Design tab to add backgrounds, images, videos, and customize the campaign’s Form Element. For more information on adding elements, styles, check out this article.

Code giveaway - design section

You can switch between the pages you are customizing from the left navigation menu.

Code giveaway design tab - pages

By clicking Elements in the left navigation, you can add images, videos, text, or even design creative with the Canvas element.

Customize - add elements

You can add an image element to upload your creative content to the Entry Page.
*Notice the “Now Editing: Version 1” in the upper right corner. Versions gives you the ability to upload and schedule different images in the same image element.

Image element settings

Customizing the Form Fields

While in the Customize section, click on the Form Fields element itself to add or edit form fields.

Code giveaway form element

By selecting the Voucher Page in the Design section and clicking on the Voucher Element to select it then clicking Settings on the left, you can choose whether or not to display the”Redeem” button which will link to your website.

Code giveaway voucher element
Voucher element - redeem button

By clicking the Styles tab while the Voucher element is selected, you can choose to display the QR code for redemption, or just the voucher code, and adjust the spacing on the voucher.

Voucher element - styles tab

You can customize the share options by clicking on the Share Element.

Share element
Share element settings

Custom Coding

By clicking Code in the Customize section, you can access the HTML, CSS section (on Advanced plans or higher) or the Javascript section (on the Power plan) to add custom coding. *Clicking Code with an element selected will open the HTML editor for that element.

Customize - Code

Participants tab

In the Participants tab, you can view entry data for the first 1,000 entries, pick winners, and download your Entries and Uploads exports.

Code giveaway - participants tab

Click Download to open the Exports panel

Download exports panel

Settings tab and Voucher Codes

Under the Settings tab, enable entry restrictions and limits, and other important options.

Code giveaway Settings tab

Click Codes to select the type of codes that will be distributed (Static or Custom codes).

Settings - codes panel

*For uploaded custom codes, you can also delete unused codes and export the unused codes along with the data associated with distributed codes.

In the Limits and Restrictions section, you can limit the number of available codes (if using static or automatically generated codes), restrict entry, and enable age or password restriction.

Code giveaway - Limits and restrictions
Code giveaway - limit availability

In the Customizations section, you can customize all of the default language and auto-emails, as well as add Rules for your Code Giveaway.

Code giveaway - customizations section
Custom rules section

In the Advanced section, you can setup real-time integration for Automatic Exports, Facebook and Google Tracking, or enable Kiosk Mode for on-site campaigns.

Settings tab - Advanced
Automatic exports panel

At the bottom of the Settings page, you can Reset, Copy, or Delete your Code Giveaway.

Copy, reset, and delete Code giveaway

Preview and Publish

When you’re ready, go back to the Overview tab and test/preview your contest by clicking the experience URL under Installation.

Installation - preview

Click Preview to redirect the URL to an embed on your website.

Redirect URL

Click Install on Facebook to install a Facebook Tab for your experience.

Facebook ta panel

Clicking Embed on Website will open the Embed panel where you can copy the JavaScript embed code or WordPress short-code and adjust optional popup settings.

Embed panel

To turn off Admin-Only mode and publish your experience, click the Publish button in the Status area.

Publish button

If you have any questions or issues setting up your campaign, don’t hesitate to email us at support@woobox.com!

Updated on September 18, 2020

Was this article helpful?

Related Articles