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 screen, select the template type – Landing Pages.

Create a campaign - Landing Pages

Then choose Code Giveaway from the campaign types.

Landing 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

Design tab

After clicking Continue, you’ll be taken to the Design tab where you can add backgrounds, images, videos, and customize the campaign’s Form Element.

Code giveaway design section

You can switch between the Entry and Voucher pages by clicking on those options in the top left.

Code giveaway design page navigation

By clicking Add New Element in the left navigation, you can add images, videos, text, and more.

Form - add new element

Clicking directly on an existing element allows you to edit that element. Clicking on the Voucher Element allows you to display the expiration date, display the Redeem button and add your e-commerce site’s URL for redemption, and edit the language for that element.

Code giveaway edit voucher element

Click the “Painter’s Palette” icon to set a theme, background, and other styling options.

Painter's Palette menu 2022

Theme menu selected:

Painter's palette - Themes menu

Customizing the Form Fields

While in the Design section, click on the Form element itself, or the Form Fields area in the left sidebar, then click Add Form Field to add fields. Click directly on an existing field to edit that specific field.

Form campaign - add form fields

Once a user has successfully entered, they will be directed to the Voucher page. This page acts as confirmation that the user has successfully entered and displays the entrant’s code. Be sure to customize your post-entry message and add a share element to encourage sharing.

Custom Coding

In the Design section, at the bottom of the “Painter’s Palette” section, you can access the CSS section (on Advanced plans or higher) or the Javascript section (on the Power plan) to add custom coding.

Custom code section

Overview Tab

The Overview section is 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

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.

Overview - Installation 2024

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

Redirect URL

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 June 21, 2024

Was this article helpful?

Related Articles