Embed Flodesk form on Squarespace Cover Page

Site URL: https://lizformancoaching.com/

Hi there,

Flodesk provides a Header & Inline code, but Squarespace's Cover page only seems to have room for header.

Is is possible to embed custom code on a Squarespace cover page?

Thanks!

Dan

Can you provide flodesk embed code?

@tuanphan

HEADER

<script>
  (function(w, d, t, s, n) {
    w.FlodeskObject = n;
    var fn = function() {
      (w[n].q = w[n].q || []).push(arguments);
    };
    w[n] = w[n] || fn;
    var f = d.getElementsByTagName(t)[0];
    var e = d.createElement(t);
    var h = '?v=' + new Date().getTime();
    e.async = true;
    e.src = s + h;
    f.parentNode.insertBefore(e, f);
  })(window, document, 'script', 'https://assets.flodesk.com/universal.js', 'fd');
</script>

INLINE CODE

<div id="fd-form-5d71c89d1b644c000f7e9d6a"></div>
<script>
  window.fd('form', {
    formId: '5d71c89d1b644c000f7e9d6a',
    containerEl: '#fd-form-5d71c89d1b644c000f7e9d6a'
  });
</script>

Insert all to page Header, it will work (i tested on my site). 

Hmm - tried this but still not quite working for me.

When I added it, the form pops up quickly but then 'hides' behind the cover - I can see it below (see attached).

Any ideas?

You can try adding to normal page via Code Block. If it works, I can give code to hide header/footer to make it to "Cover Page"

Yes, it does work on a normal page. What's the next step?

2 hours ago, danbrown said:

Yes, it does work on a normal page. What's the next step?

Share link to normal page, we can give the code to hide header, footer to make it "cover page"