Setting URL Slugs for page sections (Single Page Website)

Design help Custom code
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, About Us: Innovation Through Design, makemachine.co/services…).

Currently, each section when scrolled to (scroll-jacking has been applied through custom code) has numbered each section in the URL (Make Machine: Digital Product Design Consultancy | Google Design Sprints, Make Machine: Digital Product Design Consultancy | Google Design Sprints, Make Machine: Digital Product Design Consultancy | Google Design Sprints…).

Here is a link to the live site:

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: