Jump to content

Flodesk Code- put it only on certain pages?

Recommended Posts

  • Replies 14
  • Views 2.4k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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!

Link to comment
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.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
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.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • 5 months later...
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.

Edited by ariellebrown
Adding the URLs and embed code for reference.
Link to comment
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!

Link to comment
  • 2 months later...

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!

Link to comment
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

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
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>

 

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.