Jump to content

Adding HTML Code for Substack signup

Recommended Posts

Site URL: http://ryansmulholland.com

I'm trying to use HTML code to insert a Substack signup form on my homepage and in a few other places. When I add a code block, set up the code all is well, but once I save the page it causes an error with the rest of the page. If there are any images on the page those disappear once I save. It also creates a misalignment with the page header where all of the content slides up a bit and overlaps with the header menu.

It's as if adding the code to the page overrides something essential to it's function.

Has anyone else had success placing a Substack email signup on their page? Looking for some tips.

Link to comment
  • Replies 3
  • Views 4.7k
  • Created
  • Last Reply
15 hours ago, tuanphan said:

Can you share link to page where you inserted the code?

Yes! I took the code off my live page because it looked horrible, but I created a sample page here that shows what's going on.

https://www.ryansmulholland.com/news-test

You can see how the sample header and text has risen all the way above the headers. There is also supposed to be an image in the footer with my footer content and that gets erased as well.

I wanted this on my home page. My home page also has a gallery and when I tried this the first time it wiped out my whole gallery.

Link to comment
  • 2 months later...
On 6/10/2020 at 5:41 AM, rmulholland21 said:

Yes! I took the code off my live page because it looked horrible, but I created a sample page here that shows what's going on.

https://www.ryansmulholland.com/news-test

You can see how the sample header and text has risen all the way above the headers. There is also supposed to be an image in the footer with my footer content and that gets erased as well.

I wanted this on my home page. My home page also has a gallery and when I tried this the first time it wiped out my whole gallery.

Your iframe has some invalid character. Use new iframe code

<iframe src="https://sundayschool.substack.com/embed" width="480" height="320" style="border:1px solid #EEE; background:white;" frameborder="0" scrolling="no"></iframe>

 

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.