Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save KeithP/a8fb47f154763ab2a54030095ffa2692 to your computer and use it in GitHub Desktop.
Save KeithP/a8fb47f154763ab2a54030095ffa2692 to your computer and use it in GitHub Desktop.
How to add a twitter card and intent to Carrd.co
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:creator" content="@yourtwitteraccount">
<meta name="twitter:title" content="your website name">
<meta name="twitter:description" content="Your description that will appear below the picture on the card.">
<meta name="twitter:image" content="https://your-website.carrd.co/assets/images/image05.png?v34475746477951">
<style>
.footer {
font-size: 1em;
margin-left: -0.375rem;
}
.footer a svg {
color:#B3B3B3!important;
fill:#B3B3B3!important;
height:2em!important;
width:2em!important;
}
</style>
@KeithP
Copy link
Author

KeithP commented Aug 21, 2020

This will make your website twitter friendly by

  1. Specifying the image and words displayed on the twitter card when someone includes your URI in their tweet;
  2. It also adds a Twitter intent button, which means when they click it they get a ready made tweet they can post from their own twitter account. The styling makes the SVG image small and grey suitable for a footer. Tweek the css to suit yours.

This assumes you have the Pro standard plan or higher.

The twitter card style needs to be hidden, in the header;
The Twitter intent button needs to be inline style.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment