How do I embed a Google Form on my website?

<div id="page"> <div id="main"> <div id="main-header"> <div id="breadcrumb-section"> <p>&nbsp;</p> </div> </div> <div id="content"> <div id="main-content"> <ol> <li><span>The Google Form must be public in order to embed it on a website</span><br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;<span>a. Click <strong>Settings</strong> (gear icon) in the upper right corner</span><br /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;b.<strong> Uncheck&nbsp;</strong><span>Charlotte and its trusted organizations&rdquo; boxUNC&nbsp;the &ldquo;Restrict to users in </span> <ol> <li><span><span><img alt="Google Form Restrict Users" data-base-url="https://spaces.charlotte.edu" data-image-src="attachments/79397882/79397879.jpg" data-linked-resource-container-id="79397882" data-linked-resource-container-version="7" data-linked-resource-content-type="image/jpeg" data-linked-resource-default-alias="Google Form Make Public.jpg" data-linked-resource-id="79397879" data-linked-resource-type="attachment" data-linked-resource-version="1" data-unresolved-comment-count="0" draggable="false" src="https://services.help.charlotte.edu/TDPortal/Images/Viewer?fileName=b2c6bbca-1b2e-4a2c-9d80-00afc7c61ece.jpg&amp;beidInt=2" style="width: 345px; height: 250px; border-width: 1px; border-style: solid;" title="Google Form Restrict Users" /></span></span><br /> <span><span>c.&nbsp;</span></span><span>&nbsp;Click <strong>Save</strong></span></li> </ol> </li> <li>In the Google Form, click the <strong>Send</strong> in the upper right corner<br /> <span><img alt="Google Form Send Button" data-base-url="https://spaces.charlotte.edu" data-image-src="attachments/79397882/79397880.jpg" data-linked-resource-container-id="79397882" data-linked-resource-container-version="7" data-linked-resource-content-type="image/jpeg" data-linked-resource-default-alias="Google Form Send Button.jpg" data-linked-resource-id="79397880" data-linked-resource-type="attachment" data-linked-resource-version="1" data-unresolved-comment-count="0" draggable="false" src="https://services.help.charlotte.edu/TDPortal/Images/Viewer?fileName=5142e2fb-2ac3-4cc3-84da-431b7f43b162.jpg&amp;beidInt=2" style="width: 624px; height: 197px; border-width: 1px; border-style: solid;" title="Google Form Send Button" /></span></li> <li><span>In the <strong>Send form</strong> dialog box in the <strong>Send via</strong> section, click the embed icon ( &lt; &gt; ) and then click <strong>Copy</strong> to copy the HTML embed code<br /> <span><img alt="Google Form Send Form" data-base-url="https://spaces.charlotte.edu" data-image-src="attachments/79397882/79397881.jpg" data-linked-resource-container-id="79397882" data-linked-resource-container-version="7" data-linked-resource-content-type="image/jpeg" data-linked-resource-default-alias="Google Form Copy Link.jpg" data-linked-resource-id="79397881" data-linked-resource-type="attachment" data-linked-resource-version="1" data-unresolved-comment-count="0" draggable="false" src="https://services.help.charlotte.edu/TDPortal/Images/Viewer?fileName=bfdd9ba5-e6b4-465c-95ad-04ae715c065d.jpg&amp;beidInt=2" style="width: 369px; height: 250px; border-width: 1px; border-style: solid;" title="Google Form Send Form" /></span></span></li> <li><span>Paste the copied embed code into your website</span></li> </ol> <div> <p>&nbsp;</p> <p>&nbsp;</p> </div> <p>&nbsp;</p> </div> </div> </div> </div>

Print Article

Details

Article ID: 143
Created
Fri 9/1/23 2:29 PM
Modified
Thu 2/8/24 3:03 PM