Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
judygao

Adding Code to Navigation Bar

Question

I would like to add the "Book Now" button (from Timely which provided a line of code) to the navigation bar. Currently, it's in the header. 

What is the best way to do this? Would really appreciate the advice! :)Capture.thumb.JPG.dabd90360d1c29c4af6cb5c12b57cb9d.JPG

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0

Do you have a link to your website? I would add the text link only to your secondary navigation, then go to DESIGN > SITE STYLES and style your secondary navigation into a button.

If you're not on a Brine template, then you'll have to use custom CSS to style the last link to look like a button.


If an answer I provide helps you, please mark it as the answer so others can easily access it as well.

I'm a Squarespace Authorized Trainer, a Squarespace Expert, and a Circle Member and I would love to help you in any way I can.

Book Live Help | Squarespace Video Tutorials

Share this post


Link to post
  • 0
On 1/8/2020 at 3:35 PM, Vigasan said:

Do you have a link to your website? I would add the text link only to your secondary navigation, then go to DESIGN > SITE STYLES and style your secondary navigation into a button.

If you're not on a Brine template, then you'll have to use custom CSS to style the last link to look like a button.

On 1/8/2020 at 3:38 PM, tuanphan said:

Add a "Book Now" link to Navigation, then share link again. We can give code to make link to button.

Thank you for your replies! I should have mentioned in the question that the button opens up a widget below. 

Capture2.thumb.JPG.ccf6f2a9cb9a5ebc444b50e8537e31f1.JPG

And the code for the button: 

<script>new timelyButton("beyondskin1", {"style":"dark"});</script>

I couldn't find a way to add this to the navigation

Capture3.thumb.JPG.df472a5a898d1e62f08543857be87ab2.JPG

This is the website: https://www.beyondskin.co/ Template is "Five"

Much appreciated!
 

 

Share this post


Link to post
  • 0

Unfortunately since this would require a little more work, it may be easier for you to do a booking via the link in my signature. The steps are as follows if you want to try it out yourself though.

  1. Add the button into a code block in your footer
  2. Use Javascript .appendTo function to move the button after the last menu item
  3. Use CSS to style it as needed so it looks in line with the rest of the content.

If an answer I provide helps you, please mark it as the answer so others can easily access it as well.

I'm a Squarespace Authorized Trainer, a Squarespace Expert, and a Circle Member and I would love to help you in any way I can.

Book Live Help | Squarespace Video Tutorials

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...