Jump to content

Duplicate form when embedding Google Form in Website using Formfacade for UI

Recommended Posts

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. 

 

Link to comment
  • Replies 1
  • Views 171
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.