How to Add Multiple Clickwraps on the Same Page

To place multiple clickwraps on the same page copy the part of the code snippet under the "Required One Time" section.

Be sure to do the following: 1. Change "valtt1 = new valtt" to "valtt# = new valtt" - where # would be the number of the clickwrap on your page. 2. Update the valtt-clickwrap# div ID, the callback element #, and the clickwrap #.

<div id="valtt-clickwrap1"></div>
<script>
  valtt1 = new valtt(
    'Environment',
    'Organization-ID',
    'Agreement-ID',
    'AgreementName',
    'AgreementVersion',
    'AgreementStatement',
    'AgreementCompleteText',
    'valtt-clickwrap1',
    'Text-Class',
    'Button-Class',
    'Link-Class',
    'Callback-Element',
    'Clickwrap-Number',
    'n',
    '',
    '',
    '');
</script>
<div id="valtt-error-message-c1" class="small"></div>
<input type="hidden" id="Callback-Element" value="n" class="Callback-Element">

Here is an example of what a second clickwrap on a page might look like.

<div id="valtt-clickwrap2"></div>
<script>
  valtt2 = new valtt(
    'live',
    'Organization-ID',
    'Agreement-ID',
    'Test Agreement',
    'v1',
    'By clicking the button below, I agree to:',
    'Completed: Terms of Service. Thank you.',
    'valtt-clickwrap2',
    'Text-Class',
    'Button-Class',
    'Link-Class',
    'clickwrap-complete2',
    'c2',
    'n',
    '',
    '',
    '');
  valtt2.displayClickwrap();
</script>
<div id="valtt-error-message-c2" class="small"></div>
<input type="hidden" id="clickwrap-complete2" value="n" class="clickwrap-complete2">

Last updated