How to Embed Forms

[vc_row][vc_column][ieee_heading text=”Embed a Form on Your Site” heading=”h1″][/vc_column][/vc_row][vc_row][vc_column width=”2/3″][vc_column_text]Please use a third-party service such as Google Forms, SurveyMonkey, MailChimp, or Constant Contact to include email forms and signup forms on your website.

Instructions:

[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_single_image image=”261″ img_size=”medium” style=”vc_box_border_circle” css_animation=”fadeIn”][/vc_column][/vc_row][vc_row css=”.vc_custom_1543941846216{margin-top: 20px !important;}” el_id=”google-form-inst”][vc_column][vc_separator][ieee_heading text=”Google Forms” heading=”h2″][vc_column_text]You can embed Google Docs, Sheets, Slides, and Forms into your website as long as they are public.[/vc_column_text][/vc_column][/vc_row][vc_row gap=”10″ content_placement=”middle”][vc_column width=”1/3″][ieee_button color=”btn-primary” block=”true” href=”url:https%3A%2F%2Fsupport.google.com%2Fdocs%2Fanswer%2F183965%3Fco%3DGENIE.Platform%253DDesktop%26hl%3Den|title:How%20To%3A%20Make%20a%20Google%20Doc%20Public|target:%20_blank|” type=”a”][/vc_column][vc_column width=”1/3″][ieee_button color=”btn-primary” block=”true” href=”url:https%3A%2F%2Fsupport.google.com%2Fdocs%2Fanswer%2F183965%23embed_files|title:How%20To%3A%20Embed%20a%20Google%20Doc|target:%20_blank|” type=”a”][/vc_column][/vc_row][vc_row css=”.vc_custom_1543942247206{margin-top: 40px !important;}”][vc_column width=”1/2″][vc_column_text]Paste the HTML copy provided by Google into a “Text Block” element on this site. Be sure to paste the text into the Text editor, not the Visual editor, as marked in the screenshot.

Save your changes in the text area as well as on the page to see your form on the front end.[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_single_image image=”289″ img_size=”full” style=”vc_box_border” css=”.vc_custom_1543942337317{border-radius: 1px !important;}”][/vc_column][/vc_row][vc_row css=”.vc_custom_1543942600885{margin-top: 20px !important;}” el_id=”surveymonkey-inst”][vc_column][vc_separator][ieee_heading text=”SurveyMonkey” heading=”h2″][vc_column_text]Surveys can be embedded on your website by using the Website Collectors option in SurveyMonkey.

Note: Surveys embedded with the Website Code are not accessible on mobile devices or tablets. If you expect that many visitors will be using mobile devices, consider linking out to the survey instead.[/vc_column_text][/vc_column][/vc_row][vc_row gap=”10″ content_placement=”middle”][vc_column width=”1/3″][ieee_button color=”btn-primary” block=”true” href=”url:https%3A%2F%2Fhelp.surveymonkey.com%2Farticles%2Fen_US%2Fkb%2FWebsite-Collector|title:How%20To%3A%20Embed%20a%20SurveyMonkey%20Survey|target:%20_blank|” type=”a”][/vc_column][/vc_row][vc_row css=”.vc_custom_1543942247206{margin-top: 40px !important;}”][vc_column width=”1/2″][vc_column_text]Paste the HTML copy provided by SurveyMonkey into a “Text Block” element on this site. Be sure to paste the text into the Text editor, not the Visual editor, as marked in the screenshot.

Save your changes in the text area as well as on the page to see your form on the front end.[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_single_image image=”289″ img_size=”full” style=”vc_box_border” css=”.vc_custom_1543942337317{border-radius: 1px !important;}”][/vc_column][/vc_row][vc_row css=”.vc_custom_1543950590586{margin-top: 20px !important;}” el_id=”mailchimp-inst”][vc_column][vc_separator][ieee_heading text=”Mailchimp” heading=”h2″][vc_column_text]After it’s been created within Mailchimp, you can embed mailing list signup forms on your website.[/vc_column_text][/vc_column][/vc_row][vc_row gap=”10″ content_placement=”middle”][vc_column width=”1/3″][ieee_button color=”btn-primary” block=”true” href=”url:https%3A%2F%2Fmailchimp.com%2Fhelp%2Fadd-a-signup-form-to-your-website%2F|title:How%20To%3A%20Embed%20a%20Mailchimp%20Signup%20Form|target:%20_blank|” type=””][/vc_column][/vc_row][vc_row css=”.vc_custom_1543942247206{margin-top: 40px !important;}”][vc_column width=”1/2″][vc_column_text]Paste the HTML copy provided by Mailchimp into a “Text Block” element on this site. Be sure to paste the text into the Text editor, not the Visual editor, as marked in the screenshot.

Save your changes in the text area as well as on the page to see your form on the front end.[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_single_image image=”289″ img_size=”full” style=”vc_box_border” css=”.vc_custom_1543942337317{border-radius: 1px !important;}”][/vc_column][/vc_row][vc_row css=”.vc_custom_1543951117192{margin-top: 20px !important;}” el_id=”constantcontact-inst”][vc_column][vc_separator][ieee_heading text=”Constant Contact” heading=”h2″][vc_column_text]You can embed a mailing list sign up form from Constant Contact after it’s been created.

Note: Only inline forms are supported.[/vc_column_text][/vc_column][/vc_row][vc_row gap=”10″ content_placement=”middle”][vc_column width=”1/2″][ieee_button color=”btn-primary” block=”true” href=”url:https%3A%2F%2Fknowledgebase.constantcontact.com%2Farticles%2FKnowledgeBase%2F18265-Create-a-Sign-Up-Form-with-the-new-sign-up-form-experience%3Fic%3Dcomm_blog%26lang%3Den_US|title:How%20To%3A%20Create%20an%20Inline%20Constant%20Contact%20Form|target:%20_blank|” type=””][/vc_column][vc_column width=”1/2″][ieee_button color=”btn-primary” block=”true” href=”url:https%3A%2F%2Fknowledgebase.constantcontact.com%2Farticles%2FKnowledgeBase%2F18053-activating-and-installing-your-sign-up-form%3Flang%3Den_US|title:How%20To%3A%20Activate%20%26%20Install%20a%20Constant%20Contact%20Form|target:%20_blank|” type=””][/vc_column][/vc_row][vc_row css=”.vc_custom_1543942247206{margin-top: 40px !important;}”][vc_column width=”1/2″][vc_column_text]Paste the HTML copy provided by Constant Contact into a “Text Block” element on this site. Be sure to paste the text into the Text editor, not the Visual editor, as marked in the screenshot.

Save your changes in the text area as well as on the page to see your form on the front end.[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_single_image image=”289″ img_size=”full” style=”vc_box_border” css=”.vc_custom_1543942337317{border-radius: 1px !important;}”][/vc_column][/vc_row]