Flodesk Popup Issues

Site URL: https://www.triadicdesigns.com/contact

Hello All!

I have just setup a Flodesk account and am using their popup custom code on my website. It seems to have made the contact form on my contact page go wonky as well as removed the header image. Any thoughts as to why this may have happened?

Hi.

Can you post Flodesk code here? We can test it easier

On 8/18/2022 at 4:39 AM, tuanphan said:

Hi.

Can you post Flodesk code here? We can test it easier

Yes I can - here it is:

<script>
  (function(w, d, t, h, 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 v = '?v=' + Math.floor(new Date().getTime() / (120 * 1000)) * 60;
    var sm = d.createElement(t);
    sm.async = true;
    sm.type = 'module';
    sm.src = h + s + '.mjs' + v;
    f.parentNode.insertBefore(sm, f);
    var sn = d.createElement(t);
    sn.async = true;
    sn.noModule = true;
    sn.src = h + s + '.js' + v;
    f.parentNode.insertBefore(sn, f);
  })(window, document, 'script', 'https://assets.flodesk.com', '/universal', 'fd');
</script>
<script>
  window.fd('form', {
    formId: '62d7570e6118ee1f108590d0'
  });
</script>

On 8/19/2022 at 11:03 PM, triadicdesigns said:

Yes I can - here it is:

 

<script>
  (function(w, d, t, h, 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 v = '?v=' + Math.floor(new Date().getTime() / (120 * 1000)) * 60;
    var sm = d.createElement(t);
    sm.async = true;
    sm.type = 'module';
    sm.src = h + s + '.mjs' + v;
    f.parentNode.insertBefore(sm, f);
    var sn = d.createElement(t);
    sn.async = true;
    sn.noModule = true;
    sn.src = h + s + '.js' + v;
    f.parentNode.insertBefore(sn, f);
  })(window, document, 'script', 'https://assets.flodesk.com', '/universal', 'fd');
</script>
<script>
  window.fd('form', {
    formId: '62d7570e6118ee1f108590d0'
  });
</script>

 

Looks weird. Tested on my site & it is fine.

Where did you add the code?

On 8/20/2022 at 9:56 PM, tuanphan said:

Looks weird. Tested on my site & it is fine.

Where did you add the code?

Hmm very interesting... thank you for checking!

I put the code in Settings > Advanced > Code Injection in the "header" section. Is that the right place to put it? Or did I put it in the wrong spot?

17 hours ago, triadicdesigns said:

Hmm very interesting... thank you for checking!

I put the code in Settings > Advanced > Code Injection in the "header" section. Is that the right place to put it? Or did I put it in the wrong spot?

Try adding to Code Injection > Footer. If it still doesn't work, Can you send all code in Code Injection Header & Footer?