Interactive Applications: Website Embedding Options
This page describes the options available for embedding the Interactive Site Map, 3D Walking Tour, 2D Furniture Decorator and Aerial 360 interactive applications into property websites.
NEW: To display your 3D Walking Tours on Apartments.com and Zillow, go here:
Limited to 3D Walking Tours. Not available for other products.
Open with a Standard Link or Button
Interactive applications can be opened directly with a standard HTML link using an image or text. Links can be used both in emails and on web pages. The 3D Walking Tour, 2D Furniture Decorator and Aerial 360 applications automatically open to the first floor plan.
Example 3D Walking Tour: Click this text link to open.
Example Interactive Site Map: Click this text link to open.
Embed into Your Web Page
Applications can be embedded into a web page using a standard iframe HTML element.
In the example below, the iframe loads the interactive 3D Walking Tour application from this URL:
https://3dplans.com/apps/hosting/01234/
Settings for the iframe element can be seen on the w3schools.com iframe page.
Link Directly to Individual Floor Plans
Each floor plan has a unique link. This can be found by loading the application and selecting a floor plan in the drop down menu. The URL at the top of the browser is the unique floor plan link. Here are example links:
https://3dplans.com/apps/hosting/01234/?id=1
https://3dplans.com/apps/hosting/01234/?id=2
https://3dplans.com/apps/hosting/01234/?id=3
Embed without Header and Menu
Applications can be embedded without the header and menu in 3 easy steps.
- Get links to the individual floor plans. Follow the instructions above, under Link Directly to Individual Floor Plans
Example: https://3dplans.com/apps/hosting/01234/?id=1 - At the end of the link, add: &menu=off
Example: https://3dplans.com/apps/hosting/01234/?id=1&menu=off - Do this for each floor plan and embed them on your website. The result is seen below.
Embed without Share Button (2D Decorators Only)
2D Decorators can be embedded without the share button in 3 easy steps.
- Get links to the individual floor plans. Follow the instructions above, under Link Directly to Individual Floor Plans
Example: https://3dplans.com/apps/2d-floor-plan-decorator/elan_maison?plan=a1 - At the end of the link, add: &share=off
Example: https://3dplans.com/apps/2d-floor-plan-decorator/elan_maison?plan=a1&share=off - Do this for each floor plan and embed them on your website. The result is seen below (the share button is typically displayed next to the question mark button).