How to Embed a Property Flyover in Wix
Place a Georivo widget with Wix Embed HTML, use an HTTPS iframe, authorize the public domain, set desktop and mobile sizing, and verify after publish.
To embed a Georivo location story in Wix, first publish the widget and authorize the exact public website domain in Georivo. Copy the generated HTTPS iframe, add it through the platform's supported HTML or code element, preserve its aspect ratio, and publish the page. Verify the live public URL on desktop and mobile, including domain access, loading, attribution, consent behavior, and fallback handling.
Prerequisites for Wix Integration
Before attempting to integrate a Georivo 3D location story into a Wix website, several technical prerequisites must be satisfied to ensure a successful and secure deployment. First, you must have a published Georivo widget. This widget is configured using a specific property address and nearby places, transforming them into an embeddable interactive photorealistic 3D location story. It is critical to distinguish this visualization from physical drone footage; Georivo relies entirely on licensed geospatial imagery to construct its virtual environments, offering programmed camera movements and live exploration after playback. This means that instead of relying on physical drone flights, weather permissions, or local aerial photography, the platform uses pre-existing licensed 3D geospatial data to render the environment.
Second, you must have active Editor access to your Wix website. This access is necessary to modify the layout, add elements, and insert custom HTML code. Third, you must ensure that your Wix subscription plan permits the use of custom code or iframe elements, as certain basic or free tiers may restrict these capabilities or display platform-branded limitations. Finally, you must authorize your exact public domain within your Georivo settings. Domain authorization is a security feature that restricts where your interactive 3D location story can be displayed, preventing unauthorized third parties from embedding your unique widget on unapproved websites. Without this authorization, the iframe will fail to load, displaying a security block to protect your project assets.
- A fully configured and published Georivo widget containing your property address and nearby places.
- Active administrative or Editor access to the target Wix website.
- An authorized public domain configured in the Georivo dashboard matching your live website URL.
- A Wix platform plan that supports custom HTML embedding and iframe elements.
Copying the Georivo Embed Code
The process of embedding begins with retrieving the secure integration code from your Georivo dashboard. Each published widget is associated with a specific, protected share link and a corresponding HTTPS iframe code snippet. This iframe code acts as a secure container, ensuring that the licensed geospatial imagery and programmed camera movements render correctly on your authorized domain. The iframe is designed to load resources securely over HTTPS, which is a strict requirement for modern web browsers and platforms like Wix.
To copy the code, navigate to your published project within the Georivo interface and locate the embed settings. Copy the complete, unaltered iframe snippet directly to your clipboard. It is a strict requirement of the embed contract that you use only the iframe code generated by the platform. You must never attempt to expose, modify, or invent the protected URL or the secure tokens embedded within this code. Altering these parameters, such as trying to extract a raw URL or changing the security tokens, will break the domain-bound security verification, resulting in a failed render when the page is loaded by a visitor. The iframe is engineered to function as a unified, protected block of code that handles authorization and rendering simultaneously.
Adding the Embed HTML Element in Wix
With the secure iframe code copied to your clipboard, open the Wix Editor and navigate to the specific page where you intend to display the property location story. This could be a property showcase page, a neighborhood guide, or an arrival guide. In the Wix Editor, locate the element addition menu, typically represented by a plus sign on the left-hand toolbar. From this menu, navigate to the section that supports custom code or widget embedding, and select the option to add an HTML or embed element. This action places a grey placeholder box on your active page canvas.
Once the placeholder box appears on your page canvas, access its settings panel, usually labeled as HTML Settings. Ensure that the input mode is set to accept HTML code rather than a direct website URL. Paste the copied Georivo iframe code directly into the designated text area. After pasting, apply the changes by clicking the update button. The Wix Editor will attempt to render a local preview of the interactive 3D environment. Note that because of the domain-bound nature of the embed, the preview inside the editor may behave differently than the live site if the editor's internal domain does not match your authorized public domain. This is normal behavior, and final verification should always be conducted on the live public URL.
Desktop and Mobile Sizing Adjustments
Configuring the dimensions of the embed container is a critical step in ensuring that the 3D location story displays correctly across different devices. In the desktop view of the Wix Editor, you must manually adjust the width and height of the HTML container. It is highly recommended to preserve a standard widescreen aspect ratio to ensure that the programmed camera movements and geospatial details are clearly visible without unnecessary vertical or horizontal scrolling. A cramped container can obscure the interactive elements and make the live exploration mode difficult for users to navigate.
Because Wix handles desktop and mobile layouts through separate editing interfaces, you must switch to the Wix Mobile Editor to configure the mobile viewport. By default, Wix may crop or scale the HTML container inappropriately on smaller screens, as it does not automatically calculate responsive heights for iframe embeds. You must manually adjust the height and width of the box in the mobile layout to prevent clipping. Ensuring correct dimensions on mobile devices is essential for preserving the usability of the live exploration mode, allowing mobile users to interact with the 3D map using touch gestures without disrupting the overall page navigation or causing layout shifts.
Publishing and Verifying the Live Integration
After adjusting the container dimensions on both desktop and mobile layouts, you must publish your changes to make them live. Click the publish option within the Wix Editor to push the updates to your public website. It is important to remember that testing inside the Wix preview mode is not sufficient to confirm a successful integration, as preview environments often operate under different security contexts, sandboxed domains, and temporary sessions that may not trigger the domain-bound authorization correctly.
To verify the integration, open a new browser window and navigate directly to the live public URL of your published Wix page. You must inspect the page on both desktop and mobile devices. Verify that the 3D location story loads successfully without domain-bound security blocks or blank frames. Confirm that the programmed camera movements execute as designed, that the required map attribution is visible, and that the interactive elements respond to user input. You should also observe how the embed behaves in relation to your site's cookie consent banners and fallback mechanisms, ensuring that visitors have a seamless experience regardless of their browser settings or consent choices.
Troubleshooting Common Integration Issues
When embedding interactive 3D content within sandboxed environments like Wix, you may encounter technical issues. One common issue is a blank iframe or a loading block. This typically indicates that the public domain of your Wix site has not been authorized within your Georivo settings, or that there is a mismatch between the authorized domain and the actual live URL. Double-check your Georivo dashboard to verify that the domain authorization matches your public website exactly, including any subdomains or protocol prefixes.
Another frequent issue is incorrect height or mobile cropping, where the 3D map appears clipped or displays scrollbars. This is resolved by returning to the Wix Editor—specifically the Mobile Editor—and manually adjusting the container boundaries to fit the mobile viewport. Additionally, security policies such as Content Security Policy (CSP) mismatches, mixed content warnings (such as using HTTP instead of HTTPS), stale browser caches, or strict cookie consent blocks can prevent the iframe from loading. Testing the live page in an incognito window helps isolate whether cookie consent rules, localized browser extensions, or local browser caches are causing the block.
Performance and Optimization Best Practices
Embedding interactive 3D geospatial visualizations requires consideration of page loading performance. Because Georivo renders photorealistic 3D environments using licensed geospatial imagery, loading these assets requires more bandwidth than static images or standard text. To maintain an optimal user experience and fast initial page load speeds on your Wix site, place the embed below the fold unless it is the primary focus of the page. This allows critical text and lightweight images to load first, improving the initial page performance score and perceived load time.
If the 3D location story is placed at the top of the page as a hero element, you should minimize other heavy media files, such as large unoptimized images or complex scripts, on the same page. Furthermore, you should monitor how your site's cookie consent manager interacts with the third-party iframe. Some consent managers may block the iframe entirely until the user consents to cookies, which can lead to a blank space on initial load. Ensuring that your fallback handling and consent settings are configured correctly will provide a seamless experience for all visitors, allowing the 3D visualization to load smoothly once permissions are granted.
Limitations and suitability
Use this material for presentation and decision support, not as a substitute for independently verified source information. Confirm routes, distances, access, availability, imagery, legal boundaries, platform requirements, and current conditions with the relevant authoritative source before publication or use.
| Integration Step | Required Action | Wix Editor Tool | Expected Outcome |
|---|---|---|---|
| Domain Authorization | Add public domain in Georivo | Georivo Dashboard Settings | Prevents unauthorized iframe loading |
| Copy Embed Code | Copy HTTPS iframe snippet | Georivo Share Panel | Secure code ready for Wix clipboard |
| Add HTML Element | Insert Embed HTML widget | Wix Add Elements Menu | Placeholder box on page canvas |
| Paste Code | Set input to Code and paste iframe | Wix HTML Settings Panel | Interactive 3D preview renders in editor |
| Mobile Layout | Resize box in mobile view | Wix Mobile Editor | Optimized aspect ratio for mobile screens |
Step-by-Step Wix Embed Checklist
- Verify and copy the authorized public domain of your Wix website.
- Log in to Georivo, open your location story, and add the public domain to the authorized list.
- Publish the Georivo widget and copy the provided HTTPS iframe code snippet.
- Open the Wix Editor, select Add Elements, and drag the Embed HTML widget onto your page.
- Paste the iframe code into the Wix HTML Settings panel and click Update.
- Switch to the Wix Mobile Editor to adjust container dimensions for smaller screens.
- Publish your Wix site and test the live URL on multiple devices to confirm successful loading.
Integrating interactive 3D visualizations directly into property pages allows real-estate professionals to communicate neighborhood context clearly using licensed geospatial imagery.
FAQ
Why is my Georivo embed showing a blank box in Wix?
This usually happens if the public domain of your Wix site has not been authorized in your Georivo dashboard, or if there is a mismatch between the authorized domain and the live website URL. Ensure the domain matches exactly and that you are viewing the live published site.
Do I need a paid Wix plan to embed a Georivo 3D flyover?
Yes, Wix typically requires a platform plan that permits iframe or custom code elements. Free plans may restrict these features or display platform-branded limitations that interfere with the layout.
How do I prevent the 3D map from being cropped on mobile devices?
You must switch to the Wix Mobile Editor and manually resize the HTML box container. Wix does not automatically scale iframe heights between desktop and mobile layouts, so manual adjustment is required to prevent clipping.
Can I use physical drone footage instead of Georivo's 3D visualization?
Georivo provides a virtual 3D alternative using licensed geospatial imagery. It is not physical drone footage, which is a separate medium requiring physical equipment, weather clearance, and flight planning.
Will the Georivo embed slow down my Wix website load times?
To optimize performance, place the embed below the fold so it loads after critical page elements. While Georivo is highly optimized, loading complex 3D environments requires more resources than static images, so placement and page weight management are important.
How does Wix's cookie consent banner affect the 3D embed?
Some strict cookie consent configurations in Wix may block third-party iframes until the user accepts cookie policies. Testing your live site in an incognito window will help you identify if consent settings are preventing the 3D visualization from displaying immediately.