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! 🙌
Top comments (11)
Ty
Let's party
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?!
Woot! You're most welcome. And ya did well. 🙌
Also, such a great series to point out!
Sometimes is suitable with a button
Check out #jokes tag
And sometimes it's better with embedding the page as is
#jokes
Which do you prefer?
Personally I prefer the cta button!
Today I learned.
J3ffJessie
Hmm... #todayilearned 🤯
Love this feature! Thanks for this blog😍
Lets try it out 😉
Follow me on Github!
Awww yeah, happy to help! And perfect usage. 🙌
Eagerly waiting for the fourth part
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?