How to: set up Lead Generation Twitter Cards

Lead generation cards are free to use and set up.
This is how you do it.

Lead Gen Twitter Cards of WIN

Regular readers of this website will know that every Friday I put up a collection of the five most interesting things I’ve seen that week.

The posts, imaginatively entitled ‘Five things on Friday‘, are relatively popular. So much so that recently I decided I’d turn them into a weekly newsletter, so that a) folk can get the good stuff delivered to their inbox and b) I could learn how to do it.

And how am I going to get subscribers for this newsletter? From the lead-gen Twitter card!

What is a Lead Generation Twitter Card? Twitter itself expresses the definition thus:

Twitter Cards let you bring rich experiences and useful tools to users within an expanded Tweet. The Lead Generation Card makes it easy for users to express interest in what your brand offers. Users can easily and securely share their email address with a business without leaving Twitter or having to fill out a cumbersome form.

And they look a little bit like this

Lead Generation Twitter Card Example

Fancy, right? It’s a one-click sign up. EASY.

What I’m going to walk you through today is how to set up not only how to set up lead-gen Twitter cards but also linking them to a Mailchimp mailing list and WordPress blog feed.

I’m good to you.

STEP ONE:
SETTING UP THE TWITTER CARD

First, go to Twitter. Well, not strictly speaking. You need to go to ads.twitter.com.

Screen Shot 2014-06-05 at 12.16.41

EDIT: THIS HAS NOW CHANGED

Before you can see the screen below, you will need to enter your credit card details. Twitter will no longer let you create Lead Gen cards (or Website Cards for that matter) without your credit card details.

I’ve entered mine and have steered VERY CLEAR of hitting the ‘promote’ button.

Without entering these details you will not be able to see the buttons demonstrated from this point onwards.

FYI.

Cards_-_Twitter_Ads

Sign in with your Twitter account (you don’t need to be an advertiser to do this), click on ‘Creatives’ in the top nav, and then ‘Cards’, hit the big blue Create Lead Generation Card button on the right and you’re away.

Most of this first part is pretty simple: you need a description, an image (650 x 150) and a privacy policy. This last part is a little ridiculous, but I’ve created a special page that says I’m not going to sell your email address etc. But there’s no policing around this, so feel free to put a big ‘F U’ in there instead and see if anyone actually calls you on it.

Finish that bit and you’re pretty much ready to go with your first Lead Gen Twitter Card.

Hurrah and hurrah again.

BUT!

You probably want to do a bit more once you’ve got those lovely email addresses. If, like me, you [want to] run your mailing lists through Mailchimp, then this is what you need to do next.

If you scroll down a bit on your lead-gen card page, you’ll see a ‘Data settings (optional)’ section. This is where you add in your Mailchimp id details.

STEP TWO:
SETTING YOUR TWITTER CARD TO TALK TO MAILCHIMP

When you get to Mailchimp (assuming you already have a Mailchimp account), set up a List in Mailchimp. I call mine ‘5 Things’. You might call yours ‘Magic Beans’ or ‘Web Curios’.

Lists___MailChimp

Go to your Lists section, click on the drop down arrow (next to Stats) and head to ‘Sign Up Forms’, then ‘Form Integrations’, and then – oh look, here are the bits you need for your Twitter Card.

And that’s it, you’re done. Anyone that clicks on your Lead-Gen Twitter Card ‘Sign Me Up!’ button will have their email address delivered into your Mailchimp mailing list.

STEP THREE:
SETTING WORDPRESS TO TALK TO MAILCHIMP

WordPress_›_AutoChimp_«_WordPress_Plugins

This part had me going around in circles for a good couple of hours and y’know what? It’s EASY. Go download a plugin called ‘AutoChimp’, boot that up, and pick what tag/category you want to publish (again, for me it’s ‘5things’) and that’s it – you’re done!

It’s not a short process but it’s a relatively simple one.

Some examples –
Test.
The Voicemail.
Mat Morrison.
WWF.

Did you enjoy this post and/or find it useful?

If so, let me know in the comments and maybe consider sharing it with the buttons below.

NEW Twitter Cards for Brands: The Impact

Twitter has quietly launched new markup documentation for twitter cards…

And brands should take note. Why? Let’s start at the top –

What are Twitter cards?

Twitter cards are a fairly recent addition to the Twitter suite of tools that allow richest media content (images, videos, and blog post previews – or ‘photo’, ‘player’, and ‘summary’ respectively) to be displayed in-stream. Launched last year with a few partners such as The New York Times and WWE, these expanded Tweets are another way for publishers to engage with Twitters in a more meaningful way.

Since June last year, Twitter has slowly released this functionality both as new partnerships with other media houses; and as developer documentation for others to add to their own websites and blogs.

Why are they useful?

It’s simple: Twitter cards enable a preview (or in some cases a full view) of the content linked to in the Tweet. This means users of the official Twitter client can consume content without leaving the app and, if they do have to click out, they have a better understanding of what they’re about to engage with.

So what’s new?

Overnight, Twitter launched three more variations of the Twitter card on top of their ex: App, Gallery, and Product.

The first two work as follows –

App
This one shows information about an app; including the app name, icon, description and other details such as the rating or price. If your app is in the AppleApp Store or Google Play, then the corresponding information there can be pulled in accordingly.

Result? More app downloads, hurrah! 

Gallery
This new card represents an album or a collection of photographs via a preview of the photo gallery. This card indicates to a Twitter user that a gallery has been shared, as opposed to just one individual photo.

Result? More imagery = more engaging = increased CTR.

That’s all well and good, but it’s this next third one that I find most interesting:

Product
The Twitter product card can represent different products by showing an image and description, along with up to two customisable fields that let you display more details like price or ratings.

On both web and mobile, it would look something like this –

Result? MORE. SALES. It’s that simple. 

In short: this is fantastic.

This basically says that brands can now, with a simple piece of html markup, preview actual products, for purchase, including reviews and/or pricing information into their followers’ Twitter streams. Combine that with some decent tracking and you finally have what looks like a decent social sales ecosystem.

Think about that for a second; instead of ‘Hey! Look at this thing we’ve launched! [link]’, you now get ‘Hey! Look at this thing we’ve launched [image] + [price]’.

HUGE.

We’re already talking to our clients about getting this markup integrated into their websites’ product pages, and we’ve got a funny feeling a few of you might be too.

Exciting times indeed.