This document shows an example of implementing a clickwrap agreement for a website registration form. You can see an actual form here.
There are a few options to help you load your legal Contracts into your page. These options are configurable through the user interface. Here are the most important ones:
Key—The key is what you will use to programmatically load your Group onto your web page. It’s automatically named by our system.
Style—Style determines how the Contracts render if you choose to use the PactSafe library to render your Contracts. You can also render the Contracts on the page and simply send the “agreed” status programmatically.
Signer ID Selector—Optional, Requires HTML knowledge. In your form where we’re capturing your opt in or purchase, the Respondent ID Selector automatically listens to a form field with the CSS ID of your specifying.
An example form for sign up might look something like this:
<form action="..." method="post" id="form1" class="form"> <div> <label for="first-name">First Name:</label> <input type="text" name=first_name" id="first_name" /> </div> <div> <label for="email" name="email" id="ps-login-email" /> </div> <p>By clicking "Submit" you agree to the <a href="#">Terms and Conditions</a>.</p> <div id="contracts"></div> <p><input type="submit" value="Submit" /></p> </form>
The Signer ID Selector of this form would be
Optional, Requires HTML knowledge. If you’d like PactSafe to render the Contracts in your form automagically, you can create a
<div></div> with a CSS ID that the library will listen for in order to inject the published Contracts. The Contracts will load based upon the Style you’ve configured for your Group.
Note:The Container Selector can also be called as a part of
_ps('load')so this is completely optional.