How to Embed Documents on Your Website

Need to display important documents like training information, event flyers, or schedules on your website? You can easily embed documents directly from Google Drive using the iFrame widget in Beaver Builder.

Embedding Documents with iFrame Widget

Step 1: Prepare Your Document in Google Drive

  1. Upload your PDF, Google Doc, or other file to your shared Google Drive folder
  2. Right-click the file and select "Get link"
  3. Under "General access," make sure it's set to "Anyone with the link" and Viewer
  4. Copy the sharing link

Step 2: Add the Document to Your Website

  1. Go to the page you want to edit in Beaver Builder
  2. Drag the iFrame widget into the desired spot on your page
  3. Paste the full code into the content field
  4. Save and publish your changes

Need Advanced Document Layouts?

If you require more complex features such as:

  • Custom layouts
  • Responsive resizing
  • Tabs or scrollable embeds

Please email our team with your specific requirements. For technical and security reasons, we ask that clients do not add HTML/CSS directly to their pages. Our team will handle any advanced iFrame configurations for you to ensure your page maintains proper formatting and accessibility.

Did this answer your question? Thanks for the feedback! There was a problem submitting your feedback. Please try again later.