judygao Posted January 7, 2020 Posted January 7, 2020 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! :)
Vigasan Posted January 8, 2020 Posted January 8, 2020 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, Squarespace Expert, and Circle Member and I've been helping my clients as well as those here in the forum and in various Squarespace groups with custom coding and support for Squarespace websites. I would love to help you in any way I can. Squarespace Plugins | Book Live Help | Squarespace Video Tutorials | Buy Me a Coffee
tuanphan Posted January 8, 2020 Posted January 8, 2020 Add a "Book Now" link to Navigation, then share link again. We can give code to make link to button. 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!)
judygao Posted January 9, 2020 Author Posted January 9, 2020 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. 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 This is the website: https://www.beyondskin.co/ Template is "Five" Much appreciated!
Vigasan Posted January 10, 2020 Posted January 10, 2020 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. Add the button into a code block in your footer Use Javascript .appendTo function to move the button after the last menu item 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, Squarespace Expert, and Circle Member and I've been helping my clients as well as those here in the forum and in various Squarespace groups with custom coding and support for Squarespace websites. I would love to help you in any way I can. Squarespace Plugins | Book Live Help | Squarespace Video Tutorials | Buy Me a Coffee
Mie_MIe Posted March 5, 2021 Posted March 5, 2021 Hi I need help. I think I almost have the same problem. I'm looking for code to change the navigation bar style. If it is perhaps possible Quote Current Navigation bar looks like this: Quote What I am hoping them to look like is like this: I hope it is possible thank you in advance.
tuanphan Posted March 7, 2021 Posted March 7, 2021 On 3/5/2021 at 10:11 PM, Mie_MIe said: Hi I need help. I think I almost have the same problem. I'm looking for code to change the navigation bar style. If it is perhaps possible I hope it is possible thank you in advance. Can you share site url? We can help 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!)
Mie_MIe Posted March 7, 2021 Posted March 7, 2021 (edited) 6 hours ago, tuanphan said: Can you share site url? We can help easier Hi this is the url https://www.drzelinamedina.com/ I was hoping that I could change the navigation bar Quote From this: Quote Into this: Edited March 7, 2021 by Mie_MIe
tuanphan Posted March 15, 2021 Posted March 15, 2021 On 3/7/2021 at 5:36 PM, Mie_MIe said: Hi this is the url https://www.drzelinamedina.com/ I was hoping that I could change the navigation bar Hi. Do you still need help? 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!)
foodstash Posted December 10, 2021 Posted December 10, 2021 Hi there, I'm hoping to add a DONATE NOW button to my navigation bar that will take you straight to an embedded form. My current navigation bar is attached below along with what I am hoping to do. Here the url for my site https://www.foodstash.ca/
tuanphan Posted December 12, 2021 Posted December 12, 2021 On 12/11/2021 at 2:12 AM, foodstash said: Hi there, I'm hoping to add a DONATE NOW button to my navigation bar that will take you straight to an embedded form. My current navigation bar is attached below along with what I am hoping to do. Here the url for my site https://www.foodstash.ca/ Can you share embed form code? 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment