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

Michael Tharrington - May 25 '23 - - Dev Community

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 https://dev.to/community-moderation %} 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 https://dev.to/michaeltharrington %}

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! 🙌

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .