Adding paperform embed code to header button

Hello!

I’d like to add a paperform popup to my header button but it doesn’t seem intuitive. I’d like it for my button to produce a popup when clicked. Here is the embed code paperform has given me…

    <button data-paperform-id="snzokzrn" data-popup-button="1">Click me to show the form!</button><script>(function() { var script = document.createElement('script'); script.src = "https://paperform.co/__embed";document.body.appendChild(script); })()</script>

Where should I place this code for the desired functionality? I have this on a test page now located here.

You can see how I want the functionality to operate by visiting the homepage and clicking on the button on the revolution slider.

Thank you for the help,

Garrett

Hi Garrett,

You can replace the default button with this, then add the code below to the text element:

<a data-paperform-id="snzokzrn" data-popup-button="1" class="x-btn x-btn-red x-btn-flat x-btn-pill x-btn-x-large" href="#example" title="Example" data-options="thumbnail: ''" style="outline: none;">Click Me</a>
<script>(function() { var script = document.createElement('script'); script.src = "https://paperform.co/__embed";document.body.appendChild(script); })()</script>

You can find all the HTML button codes on this page:

http://demo.theme.co/integrity-1/shortcodes/buttons/

Hope it helps :slight_smile:

Awesome that was what I needed thank you very much!

On behalf of my colleague, you’re welcome. Cheers! :slight_smile:

Looking to do much the same…Replacing the current link on page https://julielohre.com/competition-secrets-2/
I want instead to add this code from Ontraport…

<a style=' font-size: 1.5em;text-transform: uppercase;text-decoration: none;font-family: Arial, Helvetica, sans-serif;padding: .3em .6em;letter-spacing: .05em;color: #333;' href='javascript://' data-opf-trigger='p2c192814f3'>Get It Now!</a><script type='text/javascript' async='true' src='https://app.ontraport.com/js/ontraport/opt_assets/drivers/opf.js' data-opf-uid='p2c192814f3' data-opf-params='borderColor=#fff&borderSize=5px&formHeight=492&formWidth=60%&popPosition=mc&instance=n143310050'></script>

Hello @rglohre,

Please don’t mind but this is a post although similar is started by a different user. Posting on someone else thread create lot of confusion and slows down the response time. Faster response we encourage users to create a new ticket. In that regards I request you to please create a new ticket and someone from support team will take a look. For more details please take a look at our support handbook.

Thanks.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.