To embed a Google Form into a WordPress page using HTML, follow these steps:
1. Get the Embed Code from Google Forms:
- Open the Google Form you want to embed.
- Click on the Send button (paper airplane icon) in the top-right corner.
- Select the <> Embed HTML tab (</> icon).
- Copy the generated embed code.
2. Edit Your WordPress Page:
- Log in to your WordPress admin dashboard.
- Navigate to the page where you want to embed the form.
- Open the page in the WordPress editor.
3. Add the Embed Code:
- If you’re using the Block Editor (Gutenberg):
- Add a Custom HTML block.
- Paste the Google Form embed code into the block.
- If you’re using the Classic Editor:
- Switch to the Text tab.
- Paste the embed code into the desired location.
4. Save and Publish:
- Save or update the page.
- Preview the page to ensure the Google Form is embedded and functional.
Example Embed Code.
Here’s an example of what the embed code looks like:
<iframe
src="https://docs.google.com/forms/d/e/1FAIpQLSeXAMPLE/viewform?embedded=true"
width="100%"
height="500"
frameborder="0"
marginheight="0"
marginwidth="0">
Loading…
</iframe>
Customization.
- Width and Height: Adjust the
width
andheight
attributes to fit your page layout. - Responsiveness: Use
width="100%"
to make the form adapt to different screen sizes.
Additional Notes:.
- Form Accessibility: Ensure the form is shared properly in Google Forms. By default, forms are accessible to anyone with the link.
- Responsiveness Testing: Preview the page on different devices to ensure the form is displayed correctly.
This method ensures your Google Form is seamlessly embedded into your WordPress page!