Link a button to CMS page

Is there a way to link a button to a specific CMS collection page:

Example: I have 3 buttons on the page and I want to link each button to their specific CMS Collection pages.

Is this possible? I’ve looked and searched and can’t find an answer.

Thanks!

Andrew

I have been wondering the samething. I don’t think it’s possible on the same page.

1 Like

@TheStayHomeDad this depends. Would you like to link to a specific collection or a collection page? IE yourwebsite/blog or yourwebsite/blog/article
Are you trying to do this in a collection list or on a static page?
On a static page, add a button and link to the address, add yourwebsite/blog for example, to the URL.
In a collection list, you’ll have to style a text link to look like a button and add the links that way.
There’s no way to do this dynamically at the moment.
Although you could always add a ‘link’ field to your collection and bind the link to the text link element that way.
Let me know if you’ve got more questions.
@java_I_tess

3 Likes

So I’m trying to link my portfolio pieces so that I can utilize the CMS aspect of creating new pieces and updating old ones easier.

Can I link a static page button to a specific CMS portfolio page?

IE: URL.com/portfolio/test

Can I link the button to that specific page but not have the CMS portfolio element added to the page?

@TheStayHomeDad the way to do that is to add a button and add the link to the URL field. The same way you would add a link to an external website.
So, add a button, add the link and you’re good to go :slight_smile:.
Here’s how Recording #45

1 Like

So this works for the blog but I can’t get it to work for the portfolio.

Is there another way to set this up or does it not work for the portfolio linking?

@TheStayHomeDad could you share your read-only link, here’s how Share a read-only link | Webflow University, that way I can take a look at your specific website and see what’s going on.

1 Like

https://preview.webflow.com/preview/acal?utm_medium=preview_link&utm_source=dashboard&utm_content=acal&preview=dad1b5a420aa4181af426fb72bb0e604&mode=preview

Thanks for the link @TheStayHomeDad, could you tell me the exact page you’re trying to add a link to? I saw your ‘portfolio’ cms collection so I get that part. I’m trying to work out where you are linking from so I can get you the best way to do this. Also, did you delete your blog? I thought I’d take a look and see if it worked out but I couldn’t find a blog collection.

Hi Sarah,

So it’s the “More Info” buttons… I want them to link to each specific Portfolio page:

Example: acal.webflow.io/portfolio/test (I’m using this link that is setup)

It gives me the Not Found error.

I haven’t checked your links, but when you want to do this, there’s one CMS strategy, mostly.

So say you have a collection of works for your portfolio. But on the homepage you want to link only 3 of them, the important ones.

Create a switch field, or an option field in your collection. Something that you’ll call “Featured”. Say it’s a switch.

On your homepage, drag a collection list, limit it to “Posts that have the Featured switch ON” and add a button link in the list item, linked to “current work”.

Is it what you’re trying to do?

I hope this makes sense… Loom | Free Screen & Video Recording Software | Loom

Hopefully this helps:

https://www.loom.com/share/48e745c057b94e2a8b7b2d4340ba048a

1 Like

Did you find a solution to this? Im having the same problem. The link you shared is not working anymore.

2 Likes

I am having the same problem

Hey guys,

I know some this is a pretty late response, and I apologize! However, I wanted to reply here anyway in case someone else may come across this and have the same question.

Here is a video showing how to link to a dynamic page: Linking to a Dynamic CMS Page (dynamic route)

I hope that helps!
– Noah