Step‑by‑Step Embedding Process
1
Create your floor plan
- Upload a static image (JPG/PNG) of your floor plan.
- Use the editor to add clickable hotspots for rooms or areas.
- Attach photos or captions to each hotspot.
2
Save and publish
- Once your plan is ready, SlickFloorPlan generates a hosted version.
- You’ll get both a shareable link and an embed code.
3
Copy the embed code
- The platform provides a snippet of HTML + JavaScript.
- It looks similar to an iframe or script tag.
4
Insert into your website
- Paste the embed code into your site’s HTML where you want the floor plan to appear.
- Works in CMS platforms (WordPress, Squarespace, Wix) or custom sites.
5
Check MLS compliance
- For real estate listings, use the unbranded link SlickFloorPlan provides.
- This ensures compliance with MLS rules.
6
Test responsiveness
- Preview your site on desktop and mobile.
- SlickFloorPlan embeds are lightweight and should scale automatically.
Example Workflow
Upload floor plan → Add hotspots/photos → Publish → Copy embed code → Paste into your site → Done.
No heavy 3D rendering, just a clean interactive 2D plan with clickable areas.