Skip to main content
Procore

Embed Google Forms and Slides

  1. Last updated
  2. Save as PDF

Objective Edit section

To embed a Google Form or a Google Slide Presentation on a Training Center page.

Background Edit section

Embedding content is sourced from another website using a supplied 'embed code'. When you enter this code onto your Training Center page and hit 'Save', the embed content renders on your page, acting as a preview to the original sourced content. This is used to increase engagement in your Training Center without your users needing to leave the Training Center site. Many websites, such as Google Suite and Microsoft 365 Online products allow you to share content with an embed code. Edit section

Steps Edit section

Google Forms Edit section
  1. Navigate to the Google Form that you want to embed in your Training Center page.
  2. Click Send.
  3. Click the <> Embed HTML symbol.
  4. Click Copy. 
  5. Now that you have the code copied, see Next Steps. 
Google Slides Edit section
  1. Access the Google Slide Presentation that you want to embed into your Training Center.
  2. Click File.
  3. Hover over Share.
  4. Click Publish to Web.
  5. Click Embed.
  6. Choose the Slide Size and Auto-advance slide frequency. 
    Slide Size: Small or Medium is recommended. 
  7. Check the box for 'Start the slideshow as soon as the player loads'.
  8. Check the box for 'Restart the slideshow after the last slide'.
  9. Click Publish.
  10. Use CTRL + C on your keyboard to Copy the embed code.
  11. Now that you have the code copied, see Next Steps for instructions on how to add the content to your Training Center page.

Next Steps

  1. Navigate to the Training Center page that you want to add the embed content to.
  2. Click Edit, then click Edit Live.
  3. Place your cursor where you want the content to appear and manually type '123' to act as a placeholder.  123Embed.png
  4. Click </> HTML to view the Source code of the page. 
  5. To find the '123' that you had previously typed as a placeholder, click the magnifying glass Searchfunction.png to open the page search function.
  6. In the Find field, enter '123' and search the page by pressing enter on your keyboard.  
  7. Highlight 123 with your cursor and paste the embed code. 123screenshot.png
  8. Click Visual to confirm that the text has been embedded.
  9. Click Save.