How to add a Google Form into a WordPress page.

To embed a Google Form into a WordPress page using HTML, follow these steps:

1. Get the Embed Code from Google Forms:

  1. Open the Google Form you want to embed.
  2. Click on the Send button (paper airplane icon) in the top-right corner.
  3. Select the <> Embed HTML tab (</> icon).
  4. Copy the generated embed code.

2. Edit Your WordPress Page:

  1. Log in to your WordPress admin dashboard.
  2. Navigate to the page where you want to embed the form.
  3. Open the page in the WordPress editor.

3. Add the Embed Code:

  • If you’re using the Block Editor (Gutenberg):
    1. Add a Custom HTML block.
    2. Paste the Google Form embed code into the block.
  • If you’re using the Classic Editor:
    1. Switch to the Text tab.
    2. Paste the embed code into the desired location.

4. Save and Publish:

  1. Save or update the page.
  2. 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 and height 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!

Loading

Leave a Reply

Your email address will not be published. Required fields are marked *