How I easily added a CTA in my blog posts

Design
1

If you ever wanted to add a CTA within your blog post content, I created a simple HTML only CTA box that you can use. Just use the Plain-Text Editor when writing your post and paste the code below into the desired posts.

This post has a live example.

<!-- Start of CTA Box -->
<div style="border: 2px solid #333333; padding: 20px; background-color: #f9f9f9; text-align: center; margin: 10px 0; border-radius: 10px;">
    <h2 style="color: #333333; margin-bottom: 10px;">Your Title Goes Here</h2>
    <p style="font-size: 22px; color: #333; padding-bottom: 5px; margin-bottom: 0;">Put your subtitle here for more details.</p>
<p></p>
    <a href="https://google.com" style="display: inline-block; padding: 15px 30px; font-size: 18px; font-weight: bold; color: white; background-color: #760afa; text-decoration: none; border-radius: 5px; text-transform: uppercase;">BUTTON TEXT!</a>
<p></p>
</div>
<!-- End of CTA Box -->```
1 Like