I am building a portfolio website and created my “home” with the help of the CMS collection list to show project previews (image, description, and CTA to project page). Now, I built each project page as a static page and I have trouble now linking the preview with the actual project page. Can you actually link them or does the project page need to be a collection page too?
Thanks a lot!
I use a similar system for my blog. I have a collection of posts, and most of the posts are CMS, but some of the posts are static pages.
So, in my collection, I added a Link Field named “static page link” for when the post is a static page.
In my collection lists, on each item, I have two button: one button has the CMS link “Current item” that redirects to the CMS item page, the other is a button link attached to the “static page link” field.
The button that link to the CMS page has a conditional visibility on “static link field IS NOT set”, and the button to static page has a conditional visibility on “static link IS set”. So only one button ever appear on each item, they look identical, and redirect either to the CMS post or the static post page.
@vincent Thanks this is super helpful and it solved my problem.
BUT:
Is there a way to specify domain wildcard in the link address naming convention in webflow, when specifying the Static Page Link address - so that when I’m done building my site and ready to connect my own domain name to the project, i dont have to go back and manually change the static page link in every collection item used this way to point to a static page ?
ie, rather than: http://my-webflow-username.webflow.io/static-page-slug … is there a something like: */static-page-slug
You don’t need a wildcard, just put /static-page-slug as the address… I mean depending on where you place the link. Could be …/static-page-slug if your page was already in a subfolder.
@vincent That was the first thing I tried, but Webflow blocks/disallows that at the CMS field! See screenshot attached. Error: "Should be a valid url like “http://webflow.com.”
Hmm maybe if I make this a text field (not a Link Field) is it possible to bind it that way? I don’t think that will surface it in collection list as an option, right? How did you resolve this?
I don’t know what you are talking about here. Webflow won’t allow links in collections that are just “slugs”, must be a full url. The only way I found is by hacking an embedded anchor. No matter what I try, there is no chance I can link to a static page natively from collections.
Is also frustrating that @callmevlad said that mixing static content in collection pages won’t be happening anytime soon.
I don’t think I’m asking for anything special - all I want is to build custom pages (static is OK) and want to be able to list them with a collection because manually would be painful.
Webflow only accept full links in links fields. But a link field is a text field with limitations. Use a text field for your ../target links and compose them back using custom code.
Hello, Thank you for providing such a great solution,
I have question about how to link button with “static page link” field.
Could you provide any screen shots for the process?