DEV Community

Michael Tharrington for The DEV Team

Posted on • Updated on

Lesser Known Features of DEV — Embedding Call To Action (CTA) Buttons

Did you realize that on DEV you have the ability to embed a call-to-action button? For example, it looks like this:

Learn about Community Moderation on DEV

Want to know how it's done? I got you covered! 😎

Creating an Embedded CTA Button

Embedding a CTA button in your posts is super simple, just use the following Markdown syntax:

{% cta link %} description {% endcta %}

To be clear, the example embed I created at the top of this article looks like this:

{% cta %} Learn about Community Moderation on DEV {% endcta %}

This isn't our only available embed... we have plenty others described in our Editor Guide that behave in interesting ways. For instance, here's an embed that points to my profile:

The syntax for that one is as such:

{% embed %}

What Might I Use This For? 🤔

Loads of things! Maybe you wanna point folks to your personal portfolio or blog. Perhaps you'd like for folks to sign up to your newsletter. Or, maybe you recently released a book and would like for others to check it out. Go for it! These are all valid uses for a CTA button.

Just make sure that your description is accurate for whatever it is linking to. Of course, please don't mislead folks or send them to a link that automatically takes action... that won't win you any friends and could result in us unpublishing your content or taking disciplinary action against your account.

That's a Wrap

If you have any question about this feature or others, don't hesitate to hit me up in the comments. Now, feel free to embed away and hope ya enjoy your day! 🙌

Top comments (10)

erinposting profile image
Erin Bensinger

Love this feature! Thanks for pointing it out 😁

I'm going to give it a try... ahem

Once you're ready to incorporate these lesser-known features into an amazing post on DEV, check out the Best Practices for Writing on DEV series to sharpen your technical writing skills!

Best Practices for Writing on DEV

How did I do?!

michaeltharrington profile image
Michael Tharrington

Woot! You're most welcome. And ya did well. 🙌

Also, such a great series to point out!

perssondennis profile image
Dennis Persson

Sometimes is suitable with a button

Check out #jokes tag

And sometimes it's better with embedding the page as is


plz post the lols

Which do you prefer?

Personally I prefer the cta button!

j3ffjessie profile image
ben profile image
Ben Halpern
somedood profile image
Basti Ortiz

Hmm... #todayilearned 🤯

bhendi profile image

Eagerly waiting for the fourth part

aatmaj profile image

Love this feature! Thanks for this blog😍

Lets try it out 😉

Follow me on Github!

michaeltharrington profile image
Michael Tharrington

Awww yeah, happy to help! And perfect usage. 🙌

mrdjohnson profile image
DJ Johnson

Is there a way to get a CTA to look like any other link?

I'm trying to link to a non http url (example://this_is_a_valid_url), but it gets converted to (example//this_is_a_valid_url) which does not take me where I want to go, I can use a CTA but its rather larger, Suggestions?