Dynamic blog post - with dynamic button

Design help CMS
1

Hi,

I’m trying to figure out how to create a dynamic button with a dynamic blog post.

What I want is a button that can either be displayed or hidden and that the link to it can change.

I have static pages for reference below

The button I speak of is the round button just below the hero image with the subtitle “Have This Art.”

Thoughts I how I can achieve this?

Button on - http://a-living-theory.webflow.io/blog-static/post/lessons-from-dr-martin-luther-king-jr-the-dmv-and-my-folks-lean-into-the-light-with-compassioned-prrrp

Button off - http://a-living-theory.webflow.io/blog-static/post/lessons-from-dr-martin-luther-king-jr-the-dmv-and-my-folks-lean-into-the-light-with-compassioned-prrrp

https://preview.webflow.com/preview/a-living-theory?preview=a94ce00d956e347412f774b183f9f4e7

Best,

Nathan

Here is my public share link: LINK
(how to access public share link)

2

Hi @PixelGeek,

How do you do a work-around using switch fields? Adding embed to blog pages? - #6 by PixelGeek

Best,

Nathan

3

Hi @nathanphilsteele

Actually you do not need switches for these. You can use conditional visibility to show a button when the link is set and hide it when it’s not set.

See in this video how simple it is to use this:

​Hope this is helpful.

3 Likes
4

Thank you for that @AnnaKelian that take care of one part…the other part is how to attach a dynamic link that links out to a specific product on my Etsy page. Each blog post will have a different link if the buy button is there.

Thoughts?

Nathan

5

@nathanphilsteele

You will be adding the link here:
https://cl.ly/2Q1U3F440Q3F/Image%202017-05-19%20at%2010.35.23%20PM.public.png

So then you can link it to the button from the settings tab like this:

​Hope this is helpful.

1 Like
6

Thank you for those answers @AnnaKelian. Last question relative to this…how do I unlink the symbol?

Best,

Nathan

7

@nathanphilsteele

Just right click on the symbol and click on unlink from symbol.

1 Like
8

Thank you so much for your help @AnnaKelian !!

I’m definitely so much closer now :slight_smile:

Best,

Nathan

1 Like
9

You are most welcome @nathanphilsteele

Good luck with your project!

10

Hi @AnnaKelian,

The button was working until I put the actual etsy.com url in as opposed to just the holder url www.google.com.

The blog post I’ve tried the etsy button for is https://www.alivingtheory.com/blog/dr-martin-luther-king

Thoughts?

Best,

Nathan

11

Hey @nathanphilsteele

Seems like you have bound the wrong field to conditional visibility. Instead of the link, you have added the Rich text field.
https://cl.ly/1L392U1w2R2k/Screen%20Recording%202017-05-25%20at%2008.48%20PM.gif
Once you fix that, the link will work as it should.

​Hope this is helpful.

1 Like
12

@AnnaKelian you got me on the right path to figuring it out - it was linked to “Have this art” instead of “Have this art link”

The “Have this art” was a residual of my early brainstorming to try an figure it out.

Thank you @AnnaKelian and best,

Nathan

1 Like