Creating the Quiz
From the Campaigns screen, select the template type – Landing Pages.
Then choose Personality Quiz from the campaign types.
Give your experience a title and add start adding results. You can click +Add Result to input all possible results here, or add more results later in the Settings section. When you’re ready, click Next.
Adding Questions
After clicking Next you will be taken to the Questions page.
Add your questions and their answer choices here. Questions and answer options can be text, image, or both.
Click +Add Question at the bottom to add more questions.
Click Results Scoring to assign a point value to each answer choice, leading to a particular result. If an answer should not lead to a result, the value should be “0”. If some answers are more important than others, their scores can be higher.
The user’s final result will be selected based on the total score of all the answer choices, whichever result option has the greatest number of points will be the user’s quiz result.
After clicking “Continue” you’ll be taken to the Overview tab to choose a few other settings for your Quiz.
Start by clicking the Edit button above the “Status” area to adjust the experience’s start and end dates and times (times reflect your local time-zone).
Share Dialogue
Also in the Overview section is Sharing. Click the edit button to customize the shared title, description, and/or image. *This will apply to Facebook, Twitter, and anywhere that recognizes open graph share dialog.
In the Performance section below, you can see views and entries by date, as well as download performance stats.
Design Tab
In the Design section, you can you can add backgrounds, images, videos, and customize the campaign’s form and share dialogue. For tips and tricks on using the Design section, check out this article.
You can switch between the pages you are customizing from the left navigation menu.
If your experience is configured to start in the future, all users that visit the URL will be directed to the Pre-Start Page. Most admins use the default, “Please check back later. The promotion you are trying to access hasn’t started yet”, because often times campaigns are not promoted until they are ready to accept entries, so users generally never see the Pre-Start Page.
When you Enable the Fan-Gate, you can ask users to first like your Facebook Business Page before they enter the promotion (due to Facebook’s platform policies, you cannot require or incentivize this action).
Elements
By clicking Elements in the left navigation of the Design section, you can add images, videos, text, and more.
If you have decided that you would like to collect data from entrants, add the Form element here.
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.
Customizing the Form Fields
While in the Design section, click on the Form Fields element itself to add or edit form fields.
Click “Add Form Field” in the menu on the left to add text fields, drop-downs, radio buttons, check-boxes, and social media follow buttons.
Click on the Questions element, then click the Styles tab on the left to select different layouts.
Once a user has successfully entered, they will be directed to the Post Entry page. This is where the entrant will see their result.
You can customize the share options by clicking on the Share Element.
Custom Coding
By clicking Code in the Design 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.
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.
Click Download to open the Exports panel
Click Pick Winner to randomly select one or more winners
Settings Tab
In the Settings tab, you can add and edit questions and results, edit entry and age restrictions, password-protect the experience, customize the language, add rules, and more.
In the Limits and Restrictions section, you can enable entry limits, enable bonus entries for referrals, and enable age-gate or password restrictions.
Clicking “Custom Rules” in the Customizations section will allow you to type/paste in your rules, or add a URL to the site where your rules are hosted. The Language panel allows you to customize any default dialogue in your campaign.
The Advanced section allows you to add your Google Analytics or Facebook tracking pixels, enable Kiosk-mode, and setup real-time data exports.
At the bottom of the Settings section, you can Reset, Copy, or Delete your Quiz.
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.
Click Preview to redirect the URL to an embed on your website.
Click Install on Facebook to install a Facebook Tab for your experience.
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.
To turn off Admin-Only mode and publish your experience, click the Publish button in the Status area.
If you have any questions or issues setting up your campaign, don’t hesitate to email us at support@woobox.com!