Streaming live at 10am (PST)

Setting URL Slugs for page sections (Single Page Website)


#1

Hey Webflow community,

I apologise for my noobiness in advance.

I have a single page website with 5 x 100vh sections (Home, About, Services, Work, Contact) and would like each section to have a URL Slug that corresponds with it (makemachine.co/home, makemachine.co/about, makemachine.co/services…).

Currently, each section when scrolled to (scroll-jacking has been applied through custom code) has numbered each section in the URL (makemachine.co/#1, makemachine.co/#2, makemachine.co/#3…).

Here is a link to the live site:
https://www.makemachine.co/#1

Here is a link to the read-only link:
https://preview.webflow.com/preview/make-machine?utm_source=make-machine&preview=b1da89973c5ef27d63ea8f3093850f2a

Please help!


#2

There’s nothing noob about this - it can only be achieved with some complex custom code.


#4

Thanks for the reply, Sam!

Are you able to point me in the direction of someone who can help with complex custom code?

Thanks again!

(pardon the reposed message - I stupidly deleted my first one!)


#5

Something like this perhaps? http://sandbox-666666.webflow.io/non-hash-urls-for-page-sections

Then all you need to do is create 301 redirects in the hosting settings to the respective page (which I didn’t do because sandbox is not on a hosting plan).


#6

Hey Sam,

Something like that would be perfect - but I notice that the URL only changes when you click one of the ‘GOTO:’ section links - is there a way for that to happen on scroll, too?

Thanks!


#7

Of course. I don’t have time to do that at the moment though.


#8

Legend! Any and all help is much appreciated, man :pray:t3: