# How I easily added a CTA in my blog posts

**URL:** <https://discuss.write.as/t/how-i-easily-added-a-cta-in-my-blog-posts/12842>\
**Category:** Design\
**Tags:** writeas\
**Created:** [August 18, 2024, 3:10pm UTC](https://discuss.write.as/t/how-i-easily-added-a-cta-in-my-blog-posts/12842 "2024-08-18T15:10:31Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![justinf](https://discuss.write.as/user_avatar/discuss.write.as/justinf/32/1242_2.png) [@justinf](https://discuss.write.as/u/justinf)\
**Post date:** [August 18, 2024, 3:10pm UTC](https://discuss.write.as/t/how-i-easily-added-a-cta-in-my-blog-posts/12842/1 "2024-08-18T15:10:31Z")

</div>

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](https://justinferriman.com/wp-business-mistakes) has a live example.

````auto
<!-- 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 -->```
````