Jump to content

Code injection into header not visible

Recommended Posts

Posted

Hi Guys,

I've been trying to inject coding into my header to link a "Timely" bookings button.  I've injected the code required from my booking software into the header field but it's not showing over the header.  When i'm flicking between pages i get a glimpse of it in the top corner but then disappears when the rest of the header loads, its almost like its sitting behind everything else.

I tested in the footer and it showed fine.  Is there a way to make it visible and to be able to move it to a different position?  Ideally i would like it to sit next to my contact button or even in it's place if possible while moving the Contact link to the footer.

I've managed to get the link into the body of my Home page but would prefer it in header site wide.

Any ideas would be magic.

  • Replies 14
  • Views 1.6k
  • Created
  • Last Reply
  • 2 weeks later...
Posted

Hi thanks for the interest, sorry I didn’t see this earlier.

link: www.freyjabeautyboutique.com  pw: PleaseHelp

code is :

 

<script id="timelyScript" src="//book.gettimely.com/widget/book-button-v1.5.js"></script>
2
<span id="timelyButton"></span>
3
<script>new timelyButton("freyjabeautyboutique", {"style":"dark"});</script>


 

 

Posted

The issue is that the visible css field is automatically being added to any div that is added to the header automatically.

Not sure if you can diagnose it without publish to the site. Not a public site at the moment.

Posted

Thanks for your help Ryan, he helped me get the issue sorted out. I was having an issue with a script for injecting my header code in a different spot.

  • 5 months later...
Posted

Having this issue too.. The button isn't visibly showing at the bottom of the services page, but if you hover around you can click the link and the feature works?

And no, the button colour isnt white!

ogg.squarespace.com/services

Anyone have an update on this?

  • 2 weeks later...
Posted
On 11/24/2020 at 5:45 AM, MMEbyKiandraTrickett said:

Having this issue too.. The button isn't visibly showing at the bottom of the services page, but if you hover around you can click the link and the feature works?

And no, the button colour isnt white!

ogg.squarespace.com/services

Anyone have an update on this?

What is access password?

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

  • 2 months later...
  • 2 weeks later...
Posted
On 2/12/2021 at 12:55 AM, ambitdesign said:

I'm in the process of figuring this out. It seems the Book Now works on two of your buttons but not in the one in the top right of your site @MMEbyKiandraTrickett, is that correct? I will report back when I figure it out.

It didn’t work in any! I had to create an image the same look as the site and then just upload it.. really annoying because it doesn’t have the hover over effect and you can kind of just tell.. keep me updated!

Posted

This thread explains how to embed Timely links and keep the popup functionality (on desktop):

 

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original 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 completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.