Integrations

Embeds and iframes

Embed videos, maps, calendars, forms, prototypes, and other widgets on your PageFork site.

Most third-party services give you an embed code — usually an <iframe> — that drops in anywhere on your site. PageFork treats these like any other HTML, so they render exactly as they do on the vendor’s demo page.

The universal pattern

  1. Find the vendor’s Embed or Share → Embed option.
  2. Copy the code they give you (usually an <iframe> tag).
  3. Paste it into the PageFork chat and tell the AI where it should go.
Add this embed in the Contact section, after the phone number:

<iframe src="..." width="100%" height="500" frameborder="0"></iframe>

The AI handles responsive sizing, aspect ratios, and sensible fallbacks (title, loading=“lazy”, sandbox where needed).

Video

YouTube

Embed this YouTube video in the hero section:
https://youtu.be/dQw4w9WgXcQ

Or use their share → embed snippet directly. Ask the AI for an autoplay muted loop for hero backgrounds:

Add this YouTube video as an autoplay, muted, looping background in the
hero: https://youtu.be/dQw4w9WgXcQ

Vimeo

Same pattern — paste the URL or the embed snippet.

Embed this Vimeo in the About section: https://vimeo.com/123456789

Loom

Embed this Loom walkthrough in the Demo section:
https://www.loom.com/share/abc123

Wistia

Embed this Wistia video: https://yourbrand.wistia.com/medias/abc123

Audio and podcasts

Spotify

Embed this Spotify episode: https://open.spotify.com/episode/...

Works for tracks, albums, episodes, and shows.

SoundCloud

Embed this SoundCloud track: https://soundcloud.com/artist/track

Apple Podcasts

Use the Apple Podcasts “Share → Embed” snippet:

Embed this Apple Podcasts player in the Podcast section:

<iframe src="https://embed.podcasts.apple.com/..." height="450"
  style="width:100%;max-width:660px;overflow:hidden;border-radius:10px;"
  sandbox="allow-forms allow-popups allow-same-origin allow-scripts ..."></iframe>

Maps

Google Maps

Maps → Share → Embed a map → copy the iframe.

Embed this Google Map in the Location section:

<iframe src="https://www.google.com/maps/embed?pb=..." width="600"
  height="450" style="border:0;" allowfullscreen="" loading="lazy"
  referrerpolicy="no-referrer-when-downgrade"></iframe>

Ask for a specific address instead if you don’t have the embed code:

Add a Google Map for "123 Main St, Berlin, Germany" in the Contact
section.

Scheduling and booking

Calendly

Embed my Calendly page in the Contact section:
https://calendly.com/yourbrand/intro

Calendly offers inline, popup, and popup-button variants. Specify if you want something non-default:

Add Calendly as a popup-button labelled "Book a call" in the header:
https://calendly.com/yourbrand/intro

Cal.com

Embed my Cal.com link inline in the Contact section:
https://cal.com/yourbrand/30min

SavvyCal / other schedulers

Same pattern — paste the vendor’s embed snippet or their share URL.

Forms (third-party)

PageFork has built-in forms that store submissions in your dashboard and email you. Use a third-party form instead when you need:

  • Advanced logic (branching questions, calculations).
  • Payment collection inside the form (Typeform / Tally paid tiers).
  • Submission data routed straight to another tool (Notion, Airtable, Sheets) without custom plumbing.

Tally

Embed this Tally form in the signup section: https://tally.so/r/abc123

Typeform

Embed this Typeform in the signup section:
https://yourbrand.typeform.com/to/abc123

Typeform supports inline, fullpage, and popup modes — say which one you want.

Google Forms

Embed this Google Form on the Contact page:
https://docs.google.com/forms/d/e/.../viewform

Jotform

Embed this Jotform:
https://form.jotform.com/12345678

Design and product embeds

Figma

Embed this Figma prototype in the Design section:
https://www.figma.com/file/abc123/Prototype

Airtable

Embed this Airtable view as an iframe in the Pricing section:
https://airtable.com/embed/appABC/shrXYZ

Notion

Use a service like Super or Fruition to expose a Notion page as an iframe, or paste the public Notion URL and ask the AI to use the standard Notion embed pattern.

Social posts

X (Twitter)

Embed this tweet in the Testimonials section:
https://twitter.com/username/status/1234567890

Instagram post

Embed this Instagram post:
https://www.instagram.com/p/ABC123/

Instagram embeds rely on Instagram’s script — the AI adds the loader too.

TikTok

Embed this TikTok video:
https://www.tiktok.com/@user/video/1234567890

LinkedIn post

LinkedIn doesn’t ship a great native embed. Two common workarounds:

  • Take a screenshot and use it as a testimonial image.
  • Use Embedsocial or a similar aggregator.

Reviews and social proof

  • Trustpilot widget — paste the script from their embed generator.
  • Senja widget — testimonial carousel / wall of love.
  • G2 / Capterra badges — usually plain image links; the AI can wire them as regular images.
  • Google Reviews — use a widget like Elfsight or Trustmary; paste their script.

Responsive iframe tips

PageFork wraps iframes in a responsive container by default (16:9 for video, sensible aspect ratios elsewhere). If something looks wrong on mobile:

Make the Calendly embed in the Contact section responsive — full width
on mobile with a min height of 600px.

Gotchas

  • X-Frame-Options / CSP blocks — a few vendors (notably some banks, Google account pages) refuse to be iframed. There’s no workaround; find a different embed option or link out.
  • Autoplay restrictions — browsers block autoplay with sound. Loop videos in hero sections must be muted.
  • Cookie consent — some embeds set tracking cookies (YouTube, social). If you target EU users, consider a consent-gated variant (e.g. YouTube nocookie URLs, or loading the embed only after consent).
  • Performance — many heavy embeds on one page will slow it down. Use loading="lazy" (the AI sets this by default) and keep the fold light.

Next

Previous Analytics and tracking Next Chat and support widgets