Flodesk Code- put it only on certain pages?

Hi there,

I use Flodesk and I love their popup. The only issue is that my advertiser wants me to turn it off for my sales page and thank you page. Does anyone know how to do this?

Thanks!

Hi @NikiR - you could either target those specific pages using their collection-ids (check out this chrome plugin to help you find those quickly, they'll show up at the top of the page, in yellow), and then targeting the flodesk form, and setting it to display: none !important;. If you need CSS support, please drop in the site's URL and pw so that can be provided for you.

Or, alternatively, you could choose to inject flo-desk's form code into specific page headers for the pages you'd like it to show up on, rather then the entire site header code injection. Lmk if you need more guidance!

Hi there, Thank you so much for responding! Does the first answer allow me to remove the code from just those two pages? the thankyou page and the sales page? 

@MayaViolet, I found the yellow collection id with the tool you recommended (thank you!). I'm not sure what to do next.

@NikiR great! Are you able to provide me with the URL and password of your website, so that I can give you the exact code?

See here for more info on setting a site-wide password.

hi @MayaViolet

How do I send you my URL and Password without posting it in the comments where anyone can see? Can I DM it?

Thanks!

Quote

How do I send you my URL and Password without posting it in the comments where anyone can see?

You can safely post here. Following is my standard blurb on this. If you are still uncomfortable after reading the following, then you can still DM.

Please post the URL for a page on your site where we can see your issue.

A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

We can then take a look at your issue.

You may find How to post a forum question post useful.

I think I understand. Here are the two that should not have the popup on them. My site is public, so I don't believe I need a password?

https://www.yourlimitlessstudio.com/pinterest

https://www.yourlimitlessstudio.com/pinterest-scripts

On 7/18/2023 at 5:52 PM, MayaViolet said:

you could either target those specific pages using their collection-ids

Here is the code you would use to follow MayaViolet's first suggestion.

Add the following to Design > Custom CSS.

#collection-64ade5f455b0070387f93612 .ff-64ba16e0ad30d116ad322a21,
#collection-63b34a04118bc830a810ec05 .ff-64ba16e0ad30d116ad322a21

  {
  
    display : none;
    
    }

Let us know how it goes.

On 7/18/2023 at 2:52 PM, MayaViolet said:

Hi @NikiR - you could either target those specific pages using their collection-ids (check out this chrome plugin to help you find those quickly, they'll show up at the top of the page, in yellow), and then targeting the flodesk form, and setting it to display: none !important;. If you need CSS support, please drop in the site's URL and pw so that can be provided for you.

 

Or, alternatively, you could choose to inject flo-desk's form code into specific page headers for the pages you'd like it to show up on, rather then the entire site header code injection. Lmk if you need more guidance!

Hello @creedon and @MayaViolet I'm hoping you can help me with the issue you are speaking to above. I'm currently using a flodesk pop-up that is embedded in my Squarespace website which is a Hayden Template (version 7.0). However, I only want the pop-up to "pop up" on my homepage. 

I'd love to figure out how to "Or, alternatively, you could choose to inject flo-desk's form code into specific page headers for the pages you'd like it to show up on, rather then the entire site header code injection. Lmk if you need more guidance!" as you mentioned @MayaViolet, but I'm a bit confused about how to do that. 

Could you guide me through this process?

For reference, this is my site's homepage URL:
https://www.ariellebrown.com (this is where I want the pop-up to show up)

And this in particular is the sales page where I want there to be NO pop-up:
https://www.ariellebrown.com/holy-desire

Here is the code that is currently in my Squarespace header section:

<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>
<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: '61e21afe4cfe7529d668aba0'
  });
</script>

In all honesty I don't know what all of that code is. It's been a long time since I put that code in there, because here is the code specifically for the flodesk pop-up:

<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: '61e21afe4cfe7529d668aba0'
  });
</script>

Any help you can provide me would be so appreciated.

32 minutes ago, ariellebrown said:

Hello @creedon and @MayaViolet I'm hoping you can help me with the issue you are speaking to above. I'm currently using a flodesk pop-up that is embedded in my Squarespace website which is a Hayden Template (version 7.0). However, I only want the pop-up to "pop up" on my homepage. 

I'd love to figure out how to "Or, alternatively, you could choose to inject flo-desk's form code into specific page headers for the pages you'd like it to show up on, rather then the entire site header code injection. Lmk if you need more guidance!" as you mentioned @MayaViolet, but I'm a bit confused about how to do that. 

Could you guide me through this process?

For reference, this is my site's homepage URL:
https://www.ariellebrown.com (this is where I want the pop-up to show up)

And this in particular is the sales page where I want there to be NO pop-up:
https://www.ariellebrown.com/holy-desire

Here is the code that is currently in my Squarespace header section:

<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>
<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: '61e21afe4cfe7529d668aba0'
  });
</script>

In all honesty I don't know what all of that code is. It's been a long time since I put that code in there, because here is the code specifically for the flodesk pop-up:

<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: '61e21afe4cfe7529d668aba0'
  });
</script>

Any help you can provide me would be so appreciated.

Hi @ariellebrown - You can find SS's instructions on how to insert code for a specific page here, but essentially you will need to remove the code above from your site injection, because this is telling the pop-up to appear on every page of your site.

Then, you'll want to navigate to Pages, and click the settings icon next to your Home page title, and navigate to the "Advanced" tab, and page header code injection to paste the code there. Give it a try, and let me know if you still have questions!

Hello! I am experiencing the same problem but slightly different. I want my popup from flo desk to NOT appear on a few of my sales pages. I have this code which seems excess..... 

<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: '5fbe343334cc46273c9f17c6'
  });
</script>

<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>
  (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>
  (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: '65d879f8758851ab61a567f8'
  });
</script>

How do i integrate the ID sections and the NON desired code with the code above to get my desired outcome of having the pop up everywhere but not on the sales pages? thank you!

On 4/4/2024 at 6:28 PM, amyilic said:

Hello! I am experiencing the same problem but slightly different. I want my popup from flo desk to NOT appear on a few of my sales pages. I have this code which seems excess..... 

<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: '5fbe343334cc46273c9f17c6'
  });
</script>

<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>
  (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>
  (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: '65d879f8758851ab61a567f8'
  });
</script>

 

 

How do i integrate the ID sections and the NON desired code with the code above to get my desired outcome of having the pop up everywhere but not on the sales pages? thank you!

You can share link to a sale page, we can check easier

there are a few, but this is one: https://sennastudio.co/brand-character-masterclass and somehow cant get the header to NOT be visible either?

Thank you!

On 4/8/2024 at 7:21 PM, amyilic said:

there are a few, but this is one: https://sennastudio.co/brand-character-masterclass and somehow cant get the header to NOT be visible either?

Thank you!

You can use this code to Website > Website Tools > Custom CSS

body#collection-660ea87efefe0836e7d7bd60 [class*="ff"] {
    display: none !important;
}

If you want to apply for other pages, add this code to Individual Page Header Code Injection

<style>
  [class*="ff"] {
    display: none !important;
}
</style>