Embed

Integrate third-party content like social posts, calendars, and forms into your pages

Display content from external platforms directly within your page. Keep visitors engaged while providing rich functionality from specialized services.

Quick Reference

• Add: Type /embed or paste supported URL

• Resize: Drag corner handles

• Alignment: Left, center, or right

• Responsive: Auto-adjusts to screen size

Supported Platforms

Social Media

• Facebook - Posts with Facebook's embed format

• Instagram - Posts via Instagram embed URL

• X (formerly Twitter) - Posts and threads

• LinkedIn - Posts with LinkedIn embed URL

• TikTok - Video content

Scheduling & Forms

• Calendly - Booking widgets

• HubSpot Forms - Lead capture forms

• HubSpot Meetings - Meeting scheduler

• Google Forms - Surveys and questionnaires

• Fillout - Modern form builder

Collaboration & Content

• Miro - Collaborative boards

• Pitch - Presentations

• Google Slides/Docs/Sheets - Office documents

• Canva - Design presentations

• Replit - Code playgrounds

• StreamYard - Live streaming

Adding Embeds

Method 1: Drag from Right Sidebar

1. Click the Media category in the right sidebar

2. Find Embed in the dropdown

3. Drag it onto your page where you want it

4. Paste the embed URL when prompted

Method 2: Slash Command

1. Type /embed on empty line

2. Paste the embed URL when prompted

3. Platform auto-detected and content loads

4. Configure size/alignment as needed

Getting the Correct Link

Each platform requires a specific URL format. Here's how to get the right link:

Social Media

Facebook

• Go to the post you want to embed

• Click the three dots (⋯) menu

• Select "Embed"

• Copy the URL from the embed code

• Format: https://www.facebook.com/username/posts/XXX

Instagram

• Open the post you want to embed

• Click the three dots (⋯) menu

• Select "Embed"

• Copy the URL provided

• Format: https://www.instagram.com/p/XXX/

X (formerly Twitter)

• Click on the post to open it

• Copy the URL from your browser

• Both formats work: https://x.com/username/status/XXX or https://twitter.com/username/status/XXX

LinkedIn LinkedIn posts require a specific process:

1. Find the LinkedIn post you want to embed

2. Click the 3 dots (⋯) in the upper right corner of the post

3. Select "Embed this post"

4. LinkedIn will provide an embed code that looks like:

   <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:XXX:XXX" ...></iframe>

5. Important: Copy ONLY the URL between src=""

   • For example: https://www.linkedin.com/embed/feed/update/urn:li:XXX:XXX

6. Paste this URL into the Embed block's URL field

TikTok

• Open the video

• Click "Share"

• Select "Copy link"

• Use the video URL directly

Forms & Scheduling

Google Forms

• Open your form in edit mode

• Click "Send" button

• Click the link icon (🔗)

• Copy the form URL

• Format: https://docs.google.com/forms/d/XXX

Calendly

• Go to your event type

• Click "Share"

• Copy the booking page link

• Format: https://calendly.com/username/event

HubSpot

• Forms: Get the share URL from form settings

• Meetings: Copy the meeting link from meeting settings

Documents & Collaboration

Google Docs/Sheets/Slides

• Important: You must use "Publish to web" - regular share links won't work

• File → Publish to web

• Click "Publish"

• Copy the provided link

StreamYard

• Both formats work:

  • Recording link: /watch/XXX

  • Embed link: /e/XXX

Resizing and Alignment

All embedded content in RevvedUp is fully resizable:

• Resize: Drag any corner handle to resize

• Aspect Ratio: Automatically maintained while resizing

• Alignment: Choose left, center, or right from the toolbar

• Responsive: Embeds automatically adjust to screen size

Best Practices

• Performance: Limit embeds per page to maintain load speed

• Mobile: Test all embeds on mobile devices

• Privacy: Be aware of third-party cookies and tracking

• Content: Verify embedded content remains available

• Fallbacks: Provide alternative access methods

Troubleshooting

Embed won't load

• Verify URL format matches platform requirements

• Check if content is publicly accessible

• Disable ad blockers for testing

• Ensure platform allows embedding

Display issues

• Try different size presets

• Check mobile responsiveness

• Clear browser cache

Performance problems

• Limit number of embeds

• Consider lazy loading

• Use platform-specific optimization

Design Tips

1. Placement

   • Center embeds for focus

   • Use consistent sizing

   • Leave adequate spacing

2. Context

   • Add introductory text

   • Explain what visitors will see

   • Provide alternatives

3. Mobile

   • Test touch interactions

   • Ensure readable text

   • Check load times

Related Features

• Video: For video content (YouTube, Vimeo, Loom, etc.) - use the dedicated Video block for better performance and playback control

• Image: For static visuals