How to embed a form on your website pages - Google Forms, Typeform or others?

The process to embed a form from any third-party form provider is the same. Copy the embed code and simply paste the embed code at the desired location. However, before you embed the form, please ensure that form is publicly visible and new users are allowed to enter data and submit the form. 

Note: Google forms do not allow submission of files (videos, docs, PDFs, etc.) in an embedded form. Hence, please check for such conditions while creating the form that may create an issue for the end-users. 

Here's how to embed a form on your site

How to embed a Typeform form

Typeforms is super easy. Please ensure that the form should be published prior to embedding the form. Follow the instructions below to embed the Typeform.

Note: After embedding the form, any data entered by a user will be available on the form provider's account only. 

 

Embed Typeform
  • Log in to your Typeform account and create a form
  • Publish the form
  • From the Embed options,  select how you wish the form to be displayed on your site. For this example, we have chosen Inline
  • Select Inline, click on Get the code 
  • Click on Copy code
  • On your Knorish site, click on +Section, and a snippet. We chose the paragraph snippet. You may choose any
  • Move the new section to its final location on the page.
  • Click on the <> icon, delete the existing line of code listed there.
  • Paste the embed code from Typeform. 
  • Click Save on the bottom of the page and the form will be saved.

The form will be live on the page. 


How to embed a Google Form

Google forms are widely used and are a free tool to use. The embed process is super simple. Here are the steps to embed a google form on your site.

How to embed a google form on your webpage

Note: Google forms do not permit forms with file upload options to be embedded. Please remove such options and then you will be able to embed the form.

  • Log in to your Google Forms account and create a form
  • Click on Settings. Ensure all the right options are selected. Once done, click on Save. 
  • Click on Send. Select the <> icon.
  • Click on Copy code
  • On your Knorish site, click on +Section, and a snippet. We chose the paragraph snippet. You may choose any
  • Move the new section to its final location on the page.
  • Click on the <> icon, delete the existing line of code listed there.
  • Paste the embed code from Typeform. 
  • Click Save on the bottom of the page and the form will be saved.
  • The form will be live on the page.