What is an iFrame?
An iFrame (inline frame) is an HTML element that allows a webpage to embed content from another website (i.e. your Toggle shop) within a "window" on the existing site. This is commonly used for embedding forms, videos, or external content without redirecting users away from the main site.
Pros and cons of using iFrames
Pros:
Allows seamless integration of external content (e.g. forms, shops, or tools) without requiring users to navigate away.
Useful for embedding third-party services, such as Airship forms.
Cons:
Can cause tracking issues, such as problems with Google Analytics referrer data.
May create a poor user experience, especially on mobile devices where navigation within an iframe can be unmanageable.
Toggle doesn't directly support embeddable iframes, meaning an alternative linking approach is required.
If external links within the iframe are not properly managed, they can open within the iframe itself, causing nested loads of the same site.
Why iFrames might not be ideal for Toggle
Toggle does not provide embeddable iframes for its shops. Instead, users should include a "Gifts" or "Shop" link in their website’s navigation, directing visitors to their Toggle shop in a new browser window or the parent site. This avoids the navigation issues and tracking complications that come with iframes.
Alternative approach
If external links need to open in a new tab rather than within the iframe, a feature request could be made to include an option allowing links to open in a new window or the parent frame.
Conclusion
While iFrames are useful in some contexts, they are not always the best solution for embedding full websites or eCommerce experiences. In most cases, linking to the external page directly provides a better user experience, especially on mobile devices.
Any help or questions please get in touch on success@usetoggle.com