Site URL: https://noahbradley.co/relocation-needs-assessment
Hi guys, I'm trying to embed a Google Form in my squarespace 7.1 website, and I want to use Formfacade (an application) to change the UI of the Google Form to more closely resemble the rest of my site.
The challenge I'm running into is that when I inject the code provided by Google Forms along with the Formfacade code, I end up with the same form stacked on top of itself with slightly different UI.
I can't seem to figure out how to remove the Google Form UI without losing the form altogether.
Here is the code I've been using:
GOOGLE FORM CODE:
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSc44AKXEA0BAcaHhXTKJKZGExOLSAQFWZ5rl7CmMlq5FFKVog/viewform?embedded=true" width="640" height="2874" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
FORM FACADE (for UI change):
<div id="ff-compose"></div>
<script async defer src="https://formfacade.com/include/117810028899107903567/form/1FAIpQLSc44AKXEA0BAcaHhXTKJKZGExOLSAQFWZ5rl7CmMlq5FFKVog/squarespace.js?div=ff-compose"></script>
Please don't hesitate to send any follow up questions if you have them. I appreciate any help/advice I can get.