Jump to content

Removing a live chat widget from one page only

Recommended Posts

  • Replies 6
  • Views 2.5k
  • Created
  • Last Reply

Top Posters In This Topic

On 10/30/2021 at 1:18 AM, TLH said:

Site URL: https://www.thelivinghouse.co.uk/landing-page

Please could someone help, I’m creating a landing page and need to remove the live chat from this page. What code would this be to this? Added a photo it’s the mustard button at button that’s live chat. Thanks in advance for help!8B236848-DBF7-4D6F-ABB2-A30FB04047DA.thumb.png.04b32821e45b339c9a4b949b77e5dcde.png

It seems the same issue with one of your post

You can apply removing live chat widget in the desired page by changing the page id in my code.

In addition,  I share the tool i often use to get the id of page, or section, block: Squarespace ID Finder

Just click to copy the id shown on the page: https://recordit.co/Aj9vXw6rfY

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
  • 1 year later...

Hello I am haivng a similar issue

I have a LeadConnector chatbot  on my squarespace site that I want to remove from certain landing pages:

It is currently displaying here: www.portraitatelierashley.com which is fine

I don't want it to show on this page: portraitatelierashley.com/40-over-40-2023

I have looked everywhere for where the code is located, spoken to leadconnector and squarespace and no one seems to be able to help.

Thanks in advance.

Link to comment

You should be able to hide the chat widget on a page by adding this to the Custom CSS panel and specifying the Collection ID of the respective page.

For example, for the landing page you specified:

#collection-64eb65135ac36513c2cfb3b4 chat-widget.hydrated {
  display: none!important;
}

Note that there's currently (Aug 2023) a bug with the Custom CSS panel so you may need to save the changes and then hit refresh before anything changes.

Did this help? Please give feedback by clicking an icon below  ⬇️

About me: I'm Paul. A SQSP User for 18 yrs, I joined Circle when it launched in 2016 and have been a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing expertise and extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee fuels my work.

Book paid help with a Squarespace Domain

Link to comment
17 hours ago, paul2009 said:

You should be able to hide the chat widget on a page by adding this to the Custom CSS panel and specifying the Collection ID of the respective page.

For example, for the landing page you specified:

#collection-64eb65135ac36513c2cfb3b4 chat-widget.hydrated {
  display: none!important;
}

Note that there's currently (Aug 2023) a bug with the Custom CSS panel so you may need to save the changes and then hit refresh before anything changes.

Did this help? Please give feedback by clicking an icon below  ⬇️

Thank you so much!! That worked perfectly 🙂

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.