Have you seen tweets where the image has a description on the bottom and clicking the image actually takes to a website?
They’re the ones that look like this:
— David Boutin (@dmboutin) March 12, 2017
Ever sat there scratching your head wondering how you can create one of these tweets yourself?
Trust me, you’re not alone.
People ask me how to do it all the time. So today I am laying out 2 ways in an easy to follow step-by-step process.
Social Sharing WordPress Plugins
Some WordPress social sharing plugin, like Social Warfare, will automatically create a tweet with a clickable image.
For instance, when you tweet using a sharing button from the plugin, you’ll get a Twitter card with a clickable image, a headline of the article, a brief description, and the website URL, like so:
— David Boutin (@dmboutin) March 24, 2017
These elements get set by fields in the WordPress plugin at the bottom of the page where you edit blog posts.
If your blog is set up on WordPress, this is a super easy way to create tweets with a clickable image.
But what if your blog isn’t built on WordPress? Or even if it is, what if you want to create other tweets with a clickable image? Then you can use a Twitter website card to make a custom tweet with a clickable image.
Twitter Website Cards
You can create a Twitter website card in the Twitter ad platform. It is necessary to enter a payment method to access the ad platform, but you don’t ever actually have to pay for an ad. You can create and tweet website cards without promoting them.
To access the ad platform, click on the small profile pic icon in the top right of Twitter and choose the Twitter Ads option:
Again, once in the ads manager, you need to enter a payment option. The next step is to create the Twitter Website Card.
Start by clicking the “Creatives” tab in the menu bar and then the “Cards” link in the drop down menu:
Next, click the “Create new card” button in the top right of the screen and choose “Website card” from the drop down menu:
This will take you to the page where you’ll create the website card. You set the image, link, and headline for the card here:
- This is where you’ll click to upload your image. If you leave the “Use 1.91:1 Image Aspect Ratio” box unchecked, your image should be sized at 800 pixels wide by 320 pixels high. If you check the box, the image should be sized at 800 pixels wide by 418 pixels high.
- Enter the URL (website address) of where you want people to land when they click on the tweet. In my example, obviously, I’m trying to get clicks to this blog post.
- Here’s where you enter the headline that will appear below your image.
Also, the top level of the domain you link to appears under the headline automatically.
Once you enter that information, scroll down, name the card, and click the “Create card” button:
Creating Tweets from a Website Card
At this point, the Twitter card is created and you can use it as many times as you like to post new tweets with the card. As soon as you click the “Create card” button a pop-up will appear and you can create your first tweet with this card from there.
Start by clicking the “Compose Tweet with this card” link:
This will bring up a box for you to compose your tweet. It starts with an URL to your card. DO NOT delete this URL – this is what makes the card image and description appear and will not show up when you send out the tweet.
Add in the copy of the tweet before the card URL:
Notice that even though the image is clickable, I still included a shortened link to the post in the copy of the tweet. A lot of Twitter users are accustomed to finding links in between the copy and the hashtag(s) (assuming there are any). I advise sticking with this format to get the most opportunities to drive traffic from this tweet.
Once you’re satisfied with your copy, click “Tweet” and you’re done!
You can also choose to schedule the tweet for later by clicking the “Scheduling” tab and choosing when you want the tweet to go out:
Here’s the finished product of my example above:
— David Boutin (@dmboutin) March 24, 2017
Creating New Tweets from a Website Card
Again, now that the card exists, you can always go back and create more tweets with different copy.
To create new tweets later, again access Twitter ads and then click on the “Creatives” tab and the “Cards” link in the drop down menu:
This brings up a page of all your Twitter cards you’ve created. Hover over any card and click the tweet icon to bring up the card again and create a new tweet:
Now, enter your new copy and tweet it out or schedule it for later.
So, if you were wondering how to create a tweet with a clickable image, now you know. It may seem like a lot of steps but this can be done quickly. And, again, once you’ve set up a card, creating new tweets with different copy is super easy.
What do you think? Will you start creating Twitter cards? Any ideas on how to get creative with cards to drive more traffic back to your website? I’d love to hear your thoughts in the comments section below!