Articles on: Integration

How to Insert Recaptcha To Your Ontraport Forms and Embed It To Your Website

You must be login to your website's back-end and your Ontraport Account.



On your Ontraport Account, go to Contacts and click on Forms.





Click on + New Form button if you wanted to add another form or simply click any of the existing form.





Once done clicking + New Form button, you will then be redirected to a page where you will be ask to choose a form. Click on Smart Form.





A default form will appear with buttons to choose from at the top of the form. Double-click on reCAPTCHA button.




If a pop-up dialog box with a warning appear, click on OK. However, you must make sure that the API key of your website and Ontraport are set accordingly.

 



Give your Ontraport form a name and click on Publish button.





Click on Iframe tab and copy the whole script under editor.





Head over to your website's back-end and go to the specific page where you want to insert form from your Ontraport. Click on Edit page.





Click on the Add Element "+" icon at the  bottom of the page and search for Raw JS.





Under Raw JS Settings, paste the iframe codes (script) you copy from your Ontraport Account and click on Save Changes button.





Click on Update button to save all your web changes.



Lastly, refresh your website for you to see the form with reCAPTCHA addded on your website.

Is this tutorial unclear? If you do not find the training you are looking for, please send us a detailed email to hello@lightningsites.com.

Updated on: 12/02/2022

Was this article helpful?

Share your feedback

Cancel

Thank you!