Ditch iFrame for a Proper Form Embed code
M
Michael Romrell
The existing "embed" code for Forms is actually just an iframe which Greatly reduces it's functionality, notably in that it can no longer pickup URL parameters, which is really frustrating, particularly when we are trying to embed these forms on non-HighLevel websites. an embed code would give us more flexibility in responsive design and functionality.
Log In
S
Stephen Sciacchitano
This is beyond critical for our attribution and routing of web leads. Please add this to the roadmap ASAP!
W
Whit Whitley
I can't believe this hasn't been fixed yet. Iframes are so 1990s. I'm sending paid traffic to a registration page for a client, and the iframe started giving 404 errors. Now, it's just blank on Safari mobile browsers. There are other UX issues on mobile devices. Almost every CRM offers a raw HTML embed code option, which gives web developers complete control over styling, functionality, and tracking. This is a deal breaker issue for me right now. I cannot recommend GHL to any clients due to this issue.
J
Jeff Meziere
had a prospective client refuse to use iFrame just this week, and lost the client
W
Willie Riddle
We definitely need this.
D
Daniel Namie
Need this!
S
Samuel Böttcher
that would be a great and important update. Currently it is impossible to send data layer events with the basic iframe and receive them in GTM, for example. Neither form_start nor a form_submission is sent. In addition, the iframe severely restricts the function for enhanced conversions in Google Ads via GTM, as individual parameters can only be pushed into the data layer with a great deal of time and a lot of extra script.
An embed code with the most important events for external tracking solutions such as GTM as a ‘basic’ variant would be great! ty
R
Romulo Pereira
Samuel Böttcher I Agree and its absolutely necessary for us to have it! Just drop from a meeting with Google GTM team and for the sake of my life we could not figure out a way to submit "form_start" and "form_submission" to GTM. Since google is changing drastically the way tracking works with Enhanced conversion and Behavior tracking, without this functionality in GHL forms it renders the form useless...Support GHL can you configure the GHL Form to automatically fire these events by default, just like the Wordpress plugin "Contact Forms 7" have it?
W
Whit Whitley
Romulo Pereira Samuel Böttcher Use an HTML code block above your form to insert this ga4 code into the iframe, so it sends a form impression event or you could send a standard pageview. In the code below, you'll need to replace the measurement ID and event name your info.
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXXXXX');
// Check if the event 'form_impression_optin_name' has already been sent
if (!localStorage.getItem('form_impression_optin_name_sent')) {
// Send the custom event to GA4
gtag('event', 'form_impression_optin_name');
// Store a flag in localStorage so it doesn't fire again
localStorage.setItem('form_impression_optin_name_sent', 'true');
}
</script>
You don't have to redirect to a thank you page. You can use a GHL automation that sends 'form_submission_optin_name' event to ga4. Just set up a trigger for this form, then an action to add to ga4, and enter your information into the ga4 action panel.
If you do want to redirect to a thank you page, I recommend in the form settings you add a special query parameter to confirm the thank you page visit was from a form submission like this...
Then, you can build reports in Looker Studio that tracks sessions to the reg page and sessions to the thank you page for that form. Then, use a blended scorecard to calculate the conversion rate.
FYI - The event tracking is helpful for other reasons like tracking pop-ups impressions or form impressions located in footers.
If anyone needs tracking help, contact whit@startsmartnow.com. My agency can set up rock solid tracking.
S
Shawn Jordison
The amount of hours I have spent fiddling with third party plugins to get this to work is insane. The embed code does not display properly on wordpress with any combination of plugins - booo. This seems like such an easy fix.
R
Romulo Pereira
Shawn Jordison would you be able to share how you got it solved to submit these events to GTM?
S
Samuel Böttcher
Romulo Pereira In principle, it only works with an extra thank you page to which the interested party is redirected when they fill out a form. The transfer of UTMs works okay with a UTM decorator in GTM
R
Romulo Pereira
Samuel Böttcher Thank you. Were you able to fire the Events "form_start" and "form_submitted" to GA4? This is the most critical part for us right now.
W
Whit Whitley
Romulo Pereira See my explanation above. You can embed a ga4 script in the iframe form using an HTML code block. I know it's not best practice but it works. You can set up a GHL automation with a GA4 action trigger to send any form_submit event or it can be for a specific form.
M
Matthew Hardy
And add option to remove top and bottom padding!
K
Kevinson Libama
One year later and no one from Go High Level has seen this? Wow. Been scratching my head for the last 2 hours in vain.
W
Waqas Hassan
I was having a similar problem. Couldn't style the form to embed properly in my website. So I used their API to send the data. Data goes from the browser to my server. From there it goes to their API. I am also sending referrer url, and utm variables.
Load More
→