# 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">
```