← Back to Home

Embed Code Generator

Generate an iframe embed code for your website

Configuration

Your API key from the 3Floor dashboard

Small branding bar at the top (Free plan required)

Quick Tips

  • • Use responsive units like % or vw for flexible sizing
  • • Minimum recommended height: 500px
  • • The embed validates your API key on load
  • • Features available depend on your plan tier

Embed Code

<iframe
  src="https://3floor.silicasites.com/embed?apiKey=pk_test_pro&branding=true"
  width="100%"
  height="600px"
  frameborder="0"
  allowfullscreen
  style="border: 1px solid #e5e7eb; border-radius: 8px;"
  title="3D Floor Planner"
></iframe>

Preview

This is how the embed will appear on your website

Implementation Steps

  1. 1. Copy the generated embed code above
  2. 2. Paste it into your website's HTML
  3. 3. Replace your-domain.com with your actual domain
  4. 4. Test the embed to ensure it loads correctly

Features by Plan

Free

  • ✓ Basic room creation
  • ✓ Single room only
  • ✓ Branding required
  • ✗ No presets
  • ✗ No multi-room

Pro

  • ✓ Everything in Free
  • ✓ Room presets
  • ✓ Multi-room support
  • ✓ Hide branding
  • ✗ No windows/doors

Enterprise

  • ✓ Everything in Pro
  • ✓ Windows & doors
  • ✓ Custom themes
  • ✓ Priority support
  • ✓ White-label option