How do I add a button to a blog post?

Community resources General
1

Hello everyone, I’m a beginner and I could use some help from the community today.

I’d like to add buttons to redirect to other sites. I’d like to integrate these buttons into my blog posts that I write from my CMS.

You can see in my last two articles the links I put forward to redirect to other sites, these are the links I’d like to add as buttons.

Thank you in advance for your help.

https://preview.webflow.com/preview/novaselection-fr?utm_medium=preview_link&utm_source=designer&utm_content=novaselection-fr&preview=fd09f74bd03f0ff7f68a057664d0e359&workflow=preview

2

Since it’s CMS-stored rich text the styling of the CMS element is restricted to element-type-based styling ( paragraphs, links, blockquotes, headings… etc ) rather than element-based styling where you can class and style one specific link in the rich text.

Typically you use an HTML Embed, and drop in the HTML and styling you want for your button. For example…

<a href="https://www.google.com" target="_blank" 
  style="text-decoration: none; display: inline-block; padding: 10px 20px; background-color: #007BFF; color: white; border-radius: 5px; font-family: Arial, sans-serif; font-size: 16px; text-align: center;"
  >Visit Google</a>

If you’re doing that a lot, and you want a consistent button styling, you can separate the styling out with a class and a style chunk.

<a href="https://www.google.com" target="_blank" 
  class="link-button">Visit Google</a>

    <style>
        .link-button {
            text-decoration: none;
            display: inline-block;
            padding: 10px 20px;
            background-color: #007BFF;
            color: white;
            border-radius: 5px;
            font-family: Arial, sans-serif;
            font-size: 16px;
            text-align: center;
        }
    </style>

That style chunk could go anywhere on your blog template page. Or, you could remove it, create a DIV with a class of link-button, and style that in the designer however you like. You’ll be able to see your button design in realtime.