Skip to main content

Search

Embed a Form on Your Webpage

Alyssa Cook
  • Updated

Important Note

If you are a developer attempting to embed a form on your own website, please visit the OneBlink Forms CDN GitHub Repository. It will provide instructions on how to embed a form into a custom website.

Accessing the Website Script

Form: When accessing the forms script from the form the environment, app, and form IDs are prefilled into the script. 

SDK: Generating the script from the SDK allows you to configure the environment, app, and form IDs specifically.   

 

Form Summary

  1. Click Forms
    Click_Forms_1.png
  2. Select the Form you want to embed
    Select_the_Desired_Form_2.png
  3. Click the script button next to the Form Link
    Click_the_Script_button_3.png
  4. Click the Copy button
    Click_the_Copy_Icon_5.png
  5. When you add the code to your website, add the URL of the page you are embedding the code in between the '' of both the submissionRedirectUrl and the cancelRedirectUrl.
    example_code.png 
    • Example: 

      • submissionRedirectUrl: 'https://console.transform.civicplus.com/',

      • cancelRedirectUrl: 'https://console.transform.civicplus.com/',

 

SDK

  1. Navigate to the SDK page
    Click_SDK_a.png
  2. Select the Generate Script button in the Forms CDN card.
    Click_Generate_Script_b.png
  3. Select the specific Environment, App, and Form
    Select_the_Environment__App__and_Form_c.png
  4. Click Copy
    Click_Copy_d.png
  5. Paste the script onto your website

 

 

Resources

Comments

Let us know what was helpful or not helpful about the article.

0 comments

Please sign in to leave a comment.