When integrating web form vendors with your website, there are two primary rendering mechanisms: JavaScript-based rendering and iframe-based rendering. In this help article, we will explain the differences between these two methods and how iframe-based rendering impacts Salespanel.io tracking capabilities.
JavaScript-based vs. Iframe-based Rendering:
-
JavaScript-based rendering: This method creates new HTML elements and inserts the web form HTML directly into your website domain. Salespanel.io can easily track events and interactions with JavaScript-rendered web forms, as they are part of the same domain. For example, MailChimp uses this method.
-
Iframe-based rendering: This method uses an HTML iframe tag to load web form content from a different domain. As a result, any tracking code or JavaScript present on your website cannot directly access or interact with the content inside the iframe. For example, Pipedrive web forms use this method.
Challenges with Iframe-based Web Form Rendering:
The primary challenge with iframe-based web form rendering is that Salespanel.io cannot directly bind events or access information within the iframe. This limitation is due to the isolated nature of iframes, which prevents scripts on your website domain from accessing content within the iframe.
Workaround for Iframe-based Web Form Rendering:
To track events and interactions within an iframe-based web form, the web form vendor must provide JavaScript events that can communicate with the parent website where the iframe is embedded. When a form is submitted, the iframe should trigger an event that communicates the submission to the parent website. Salespanel.io can then capture these events and identify the lead.
For example, Calendly does this. We also have a direct integration with Calendly available. Please check this out: https://salespanel.io/integrations/calendly/
So once we have these Javascript events which are relayed from the Iframe, we can connect these events to a callback where we can trigger $salespanel.push(identify) method: Identify and track your leads on Salespanel data platform using a client-side Javascript method
So, in conclusion, frame-based web form rendering presents challenges for Salespanel.io tracking. However, by working with web form vendors that provide JavaScript events for communicating with the parent website, it is possible to track form submissions and other interactions. Ensure that your web form vendor supports this functionality to maintain accurate tracking with Salespanel.io.