Valtt Developer Documentation
  • Welcome
  • valtt.com
  • dashboard.valtt.com
  • valtt.js / Website Code
    • How to Implement valtt.js
    • How to Add Multiple Clickwraps on the Same Page
    • Change Log
  • Valtt API
    • Getting Started
    • Status
    • Create Clickwrap
    • Change Log
Powered by GitBook
On this page

Was this helpful?

  1. valtt.js / Website Code

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">
PreviousHow to Implement valtt.jsNextChange Log

Last updated 4 years ago

Was this helpful?