# How we can add an in-line CTAs/buttons to a blog post?

**URL:** <https://forum.ghost.org/t/how-we-can-add-an-in-line-ctas-buttons-to-a-blog-post/12942>\
**Category:** Themes\
**Created:** [March 24, 2020, 10:03pm UTC](https://forum.ghost.org/t/how-we-can-add-an-in-line-ctas-buttons-to-a-blog-post/12942 "2020-03-24T22:03:42Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![smgrieser](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/smgrieser/32/6704_2.png) [@smgrieser](https://forum.ghost.org/u/smgrieser)\
**Post date:** [March 24, 2020, 10:03pm UTC](https://forum.ghost.org/t/how-we-can-add-an-in-line-ctas-buttons-to-a-blog-post/12942/1 "2020-03-24T22:03:42Z")

</div>

👋Hi there Ghost Fam!

Using Ghost as a Headless CMS. Wondering how we can add an in-line button to a blog post?

We have a that we have a button to subscribe at the end of the blog post (possible by a Code injection). But it only allows us to have a Button at the bottom of the blog post. Is there a way to have an in-line button?

---

<div class="post-metadata">

**Author:** ![gregpozo](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/gregpozo/32/3395_2.png) [@gregpozo](https://forum.ghost.org/u/gregpozo)\
**Post date:** [March 24, 2020, 11:44pm UTC](https://forum.ghost.org/t/how-we-can-add-an-in-line-ctas-buttons-to-a-blog-post/12942/2 "2020-03-24T23:44:06Z")

</div>

You can add a button as a HTML card and defining the styles using CSS. You can see a live example here (i added the button just to show you):

[mod: dead link] `https://ghostportal.co/line-highlight/`

Please let me know if this is what you are looking for. I can prepare a blog post showing step by step how to do this if that helps!

---

<div class="post-metadata">

**Author:** ![DavidDarnes](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/daviddarnes/32/3533_2.png) [@DavidDarnes](https://forum.ghost.org/u/DavidDarnes)\
**Post date:** [March 25, 2020, 11:00am UTC](https://forum.ghost.org/t/how-we-can-add-an-in-line-ctas-buttons-to-a-blog-post/12942/3 "2020-03-25T11:00:30Z")

</div>

Like @gregpozo said, the HTML card is ideal for adding CTA buttons within your content. I’ve had a quick peek at your staging site and I can see it’s built with Next.js, maybe you’re able to get a copy of the button at the bottom of the article and put it into a HTML card for Next.js to enable that same interaction?

Here’s related thread which shows how the HTML card works in the Ghost editor:

> [@How to add button](https://forum.ghost.org/t/how-to-add-button/10488/2):
>
> Hey @Juz wave, have you tried out the HTML card in the Ghost editor? The HTML card lets you put HTML, and therefore CSS, directly into your post content. Here’s a link that gives a bit more information on how to use the card: Hope this helps! Any more questions just ask v

---

<div class="post-metadata">

**Author:** ![artiagarwal](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/artiagarwal/32/10105_2.png) [@artiagarwal](https://forum.ghost.org/u/artiagarwal)\
**Post date:** [November 3, 2021, 8:04am UTC](https://forum.ghost.org/t/how-we-can-add-an-in-line-ctas-buttons-to-a-blog-post/12942/4 "2021-11-03T08:04:12Z")

</div>

Hi, yes if someone can help with a sample code that will be really helpful. I am struggling with the same thing. Thanks.