In this article I'll show you how to add a ‘Terms and Conditions’ checkbox to a campaign, that can be clicked on to open a Popup with the Terms and Conditions.
Here are the steps I'll show you to do this:
- Prepare the Terms and Conditions or Contest Rules.
Wishpond provides custom contest rule generator, that generates basic terms and agreements that you can add to your contest pages. You can use the above contest rule generator to insert terms and condition to your contest, but please be aware that it is your responsibility to find anything more specific (if there are any) for your country and your province. Wishpond will not be legally liable for your contests and your terms and conditions in any circumstances.
Note: If you have your own terms and conditions, you can skip step 1.
To use the rule generator, simply enter your contest information to the contest rule generator and click on the “Generate My Contest Rules” button on the page.
This will generate a text version of your rules. It doesn't generate the content as a link, so you would need to either copy and paste this as text on the contest page, or create a separate page for this and link it to the contest page which we will be doing now.
Go to the main Campaigns tab in Wishpond and then click on “View More” and then select the Popup or Welcome M1at campaign
Scroll all the way down from the template gallery and choose a blank template.
Now from the page editor, locate the add content button on your left (orange plus icon), and then drag and drop:
- A section into the white Popup page.And then
- A Text block into this newly added section
Then copy the rules from the Rules Generator page and paste into the text block that you added.
You will find the Popup ID in this screen (see below) which will be needed in the next step.
$('.checkbox span:eq(0)').text("I have read the terms and conditions and agree to ").append("<a href='#wp_popup_[Enter Popup ID]' type='popup' target='_blank'>the Official Contest Rules</a>");
You will need to add a Checkbox field in the form on the campaign page.
For Landing pages, Bonus Entry Sweepstakes and also Form campaigns, the editor works a little differently. In this case, you will find a ‘Campaign Design’ option (the color palette icon on the left of the editor).
You can check out this example landing page - https://mywebsite.wishpond.com/salecondos/