Introduction to GoBrunch iFrame Embedding
GoBrunch offers a unique feature allowing you to embed their platform within your own website using an iFrame. This advanced feature is exclusively available for specific plans that have access to create subdomains. To successfully integrate GoBrunch into your website, there are certain steps and requirements you need to be aware of, primarily concerning the use of subdomains settings.
Requirements for Successful Integration
Setting Up the Correct Subdomain
Subdomain Consistency: The most crucial aspect of embedding GoBrunch using an iFrame is the necessity of consistency in the domain used. The subdomain you set in GoBrunch must be identical to the one from your primary website. This alignment ensures seamless integration and functionality. I.e.: if your subdomain is space.company.com, it will only work if you're embedding into a website that has company.com as the main domain.
Subdomain Configuration: Before you proceed with embedding, ensure that a Subdomain is properly configured for your website. This step is essential for directing your subdomain to the GoBrunch platform. For more detailed information on setting up a Subdomain, you can check here.
Embedding Process
Step-by-Step Guide
Code for Embedding: Use the following code snippet to embed GoBrunch in your website:
Replace "Your Subdomain link" with the specific link to your GoBrunch meeting or event.
Make sure to not paste a GoBrunch link. Only Sub-domain links will work and they must match your website root domain.
Adjusting Width and Height: The above example sets the width to 100% and the height to 100vh. Adjust these values according to your website's layout. While we recommend using full width and height for optimal user experience, the dimensions can vary based on your design preferences.
Browser Compatibility Note: It's important to note that not all browsers fully support the display-capture attribute within iFrames, which is related to screen sharing permissions. This means the screen sharing feature might not work on certain devices or browsers.
Security Compliance: Always use secure HTTPS URLs when utilizing getUserMedia and display-capture APIs within your iframe. This ensures better security and compliance with modern web standards.
Additional Tips
- Testing: After embedding the iFrame, thoroughly test the feature on different browsers and devices to ensure compatibility and functionality.
- Support: If you encounter any issues or need assistance, don't hesitate to contact GoBrunch's support for enterprise users support@gobrunch.com