Jump to content

Cognito forms embed code for website messes up my footer

Recommended Posts

Hello,

I am currently having an issue embedding the Cognito Forms code in my website.

It has previously worked without any issues but since this morning, whenever I embed the code it messes up my footer. 

The code is the following: <iframe src="https://www.cognitoforms.com/f/dz4wArdL_kSYgjdPVAiDlw/111" style="border:0;width:100%;" height="1124"></iframe>
<script src="https://www.cognitoforms.com/f/iframe.js"></script>

I've tried making adjustments to the footer, but in the backend of the website, it disappears whenever I embed the code, so I cannot even do that. 

Alternatively, on the frontend of the website, the code seems to force changes in the footer by making it adjust to the form width and leaving space at the bottom of the site, making it look very ugly.  

This problem is only evident on webpages with Cognito forms embedded. 

Can anyone help with this at all?

Captura de pantalla 2023-03-06 133606.jpg

Link to comment
  • Replies 6
  • Views 492
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Can you share your website URL? Is there a page where you have the form embedded on that can demonstrate the problem? Thanks!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️ Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
35 minutes ago, Nicole1512 said:

Have you tried removing the embed code and checking if it still gets this issue?

Edited by Beyondspace

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Yes, I've tried that and Cognito forms seems to be the issue... unfortunately, I need to embed this form. I don't have another form provider I can use...

So, I was hoping that there was something code-wise that could be done, persuade the page to show the correct format. The problem is that I don't have this knowledge or expertise myself...

Any thoughts?

Link to comment

I too have an issue with embedding an opt-in form for a newsletter sign up from the email provider MailerLite.  

It adds extra space below the form, forcing me to not add any text blocks or social icon blocks below it because it will look odd with extra space.  

The best I can do is just end the page there but with a little extra spacing than I'd like.  

Example on this page: https://www.bradysnow.com/

It is definitely the code as I don't have this issue when I remove it. 

Does anyone know if I can remove this space manually somehow but altering the code or by some other means?

My consensus is that basically I should just not embed third party code on squarespace.   This is the second provider I've used and it doesn't seem to work well.  The other one from GetResponse made the page load time absolutely awful.  

Any help would be appreciated.  

Thanks,

Brady

Link to comment
On 3/8/2023 at 1:39 AM, snowbrady34 said:

I too have an issue with embedding an opt-in form for a newsletter sign up from the email provider MailerLite.  

It adds extra space below the form, forcing me to not add any text blocks or social icon blocks below it because it will look odd with extra space.  

The best I can do is just end the page there but with a little extra spacing than I'd like.  

Example on this page: https://www.bradysnow.com/

It is definitely the code as I don't have this issue when I remove it. 

Does anyone know if I can remove this space manually somehow but altering the code or by some other means?

My consensus is that basically I should just not embed third party code on squarespace.   This is the second provider I've used and it doesn't seem to work well.  The other one from GetResponse made the page load time absolutely awful.  

Any help would be appreciated.  

Thanks,

Brady

Add this to Design > Custom CSS

.fe-6405fb7e442fe83bd7f90e1a {
    grid-template-rows: repeat(25,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto));
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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.