Help With Ontraport Form Integration

[ashfillmore1]

Hello, I am trying to get a button on my page to launch a Ontraport form.

The script they gave me is as follows…

Where to I put it, and how do get a button click to activate it? Please help!

<script type="text/javascript" src="https://forms.ontraport.com/v2.4/include/formEditor/genbootstrap.php?method=lightbox&uid=p2c218885f2&version=1"></script><a href="javascript://" class="moonray-form-lightbox-open-p2c218885f2">00 Intro Series A | FR-01</a>
<style type="text/css">
    .moonray-form-p2c218885f2 {
        display: none;
    }
    .moonray-form-error-message.moonray-form-error-message{
        z-index: 1000;
    }
</style>

[ruenel]

Hello @ashfillmore1,

Thanks for writing in!

Please edit your page in Cornerstone. Insert a content area element and insert this JS code:

<script type="text/javascript" src="https://forms.ontraport.com/v2.4/include/formEditor/genbootstrap.php?method=lightbox&uid=p2c218885f2&version=1"></script>
<style type="text/css">
    .moonray-form-p2c218885f2 {
        display: none;
    }
    .moonray-form-error-message.moonray-form-error-message{
        z-index: 1000;
    }
</style>

Insert a button element and then use javascript:// as the “href” or button link in the button settings:

And then change the button test as well:

And lastly, in the button settings, find the “Customize” tab and insert the moonray-form-lightbox-open-p2c218885f2 class:

I have tested this solution and this is how it displays on my end:

Best Regards.

[ashfillmore1]

@ruenel

.moonray-form-p2c218885f2 { display: none; } .moonray-form-error-message.moonray-form-error-message{ z-index: 1000; }

Your are amazing, thank you so much!

[ruenel]

You’re welcome @ashfillmore1!
We’re glad we were able to help you out.