Тёмный

How to Create Anchor Links in Squarespace [4-minute Guide] 

Sam Crawford | Squarespace Expert
Подписаться 2,2 тыс.
Просмотров 1,2 тыс.
50% 1

Anchor links are a handy feature to include on your website. Find out how to add them to Squarespace and the custom code you need. For more information on bespoke Squarespace web design head to bycrawford.com/
Code from the video can be found here: www.bycrawford.com/blog/how-t...
Timestamps
00:00 Intro
01:02 Step-by-step
02:34 Code 1
03:32 Code 2
04:14 Outro
💸 Speedrun your first $100k as a Squarespace designer: sixfiguredesign.club
📱 Hire me to build your Squarespace website: calendly.com/bycrawford/call
Disclaimer
The term "Squarespace" is a trademark of Squarespace, Inc. This channel is not affiliated with Squarespace, Inc.

Опубликовано:

 

7 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 17   
@lisamoore3287
@lisamoore3287 16 часов назад
Amazing video, thanks Sam! However for the life of me I cannot get this to work on a standard page - does it only work on blog posts? I'm putting the code
@BookMyWeddingBand
@BookMyWeddingBand 4 месяца назад
Hey Sam, love the video mate. All is working fantastic on desktop after following your guide. However, the mobile version.... seems to keep wanting to snap back to the anchor link when trying to scroll away on both safari and chrome. Do you have any suggestions on how to prevent this. I have looked all over the web with no success for an answer to this. Again to reiterate desktop is working fine. Thanks in advance Sam
@bycrawford
@bycrawford 4 месяца назад
Hey! First off - thanks for the kind words! Could you email me at sam@bycrawford.com so I can dive a bit deeper into the site and see what the issue is? Usually this should work on all sizes and browsers!
@designbyency
@designbyency 7 месяцев назад
Perfecto
@bycrawford
@bycrawford 7 месяцев назад
Glad it helped!
@dlem507
@dlem507 2 месяца назад
Thanks for this video, Sam. I appreciate how clear and concise your instructions are. This was easy to follow, and I was able to create a button toward the top of a page with an anchor link to a section further down the page. I placed the code block at the top-right of the section I’m linking to. But, It keeps going to the middle of that section and cutting off the top. Is there something that would cause this or is there some tip for where to position the code block?
@bycrawford
@bycrawford 2 месяца назад
Thank you! Glad you found it helpful. There is a workaround for this from my good friend Will Myers: www.will-myers.com/articles/perfect-anchor-links-in-squarespace
@dlem507
@dlem507 2 месяца назад
@@bycrawford Thanks, Sam! I'll check it out.
@mercedesmorales3044
@mercedesmorales3044 29 дней назад
Can you do a slower scroll mine is really fast .. but great video thank you !! 👏🏽🫶🏼
@bycrawford
@bycrawford 28 дней назад
Glad it helped! This forum thread may help the speed issue: forum.squarespace.com/topic/174489-slowsmooth-scroll/
@JeremyDennis-db7yb
@JeremyDennis-db7yb 3 месяца назад
With this method, you can only click the link once. You have to refresh the page every time you want to click the anchor link and have it scroll to a section. Do you have any alternative recommendations?
@bycrawford
@bycrawford 3 месяца назад
Are you testing that whilst still in the editor/preview window? On a standard browser it works indefinitely
@jessicaerven3029
@jessicaerven3029 7 месяцев назад
Hi! how do I do this as a jump from a navigation bar link? Also - when I add this code block in, it messes with the whole layout of that section.
@bycrawford
@bycrawford 7 месяцев назад
Hey Jessica, sounds like these are two separate questions. So: 1. To do this in the nav bar, just add a link to your navigation. You can do this the same way you would add a page. 2. You will have to move the code block so that it doesn't mess the section up. You can drag and resize it to your liking. Drop me an email at sam@bycrawford.com if you need any extra assistance
@thomb4227
@thomb4227 5 месяцев назад
Thanks. It works for 50%. I have a page where I promote work for my restaurant. I have a page with all the vacancies. Under each vacancie I put a button that links to the form to fill in your info. Every seperate button links to the same form. I used #Form, but than only one buttons works and all the other buttons doesn't work. So I used #form1, #form2 etc. So this works now. I also added the smooth scroll. But now I have a few problems. 1. After clicking a button that leads to the form. The button doesn't work anymore after clicking it one time. To have it work again. I have to refresh. 2. On mobile the buttons don't work. 3. If I reload the page. Sometimes it automatically scrolls to the form, which is at the bottom of the page. Can you help me? Would be appreciated!
@bycrawford
@bycrawford 5 месяцев назад
Hey! Kinda hard to understand right now, but if you drop me an email at sam@bycrawford.com I will assist!
@LeroCHu
@LeroCHu 4 месяца назад
Hi! Did you solve this problem? I have the same problem, I can't figure it out..😥