How to Create Website Cards for Twitter Ads

Posted by on May 29, 2014 in Advertising, Social
How to Create Website Cards for Twitter Ads

Direct response ads on Twitter are easier than ever with Website Cards. They give interested users a quick summary of your website along with an easy way to visit and they’re a great way to promote your landing page on Twitter.

Twitter Ads Website Cards are larger and more engaging that a standard tweet. They feature a large image attached to your tweet, but unlike normal image attachments that open up a larger version of the image, clicking on the image in a Website Card will send users to your landing page. This makes it ideal for driving traffic to landing pages.

twitter website card

Create a New Website Card

To create a new Website Card, you’ll first need to visit the Twitter Ads homepage. If you haven’t created a Twitter Ads account yet, use this link to can get $50 in free Twitter Ads credit.

Twitter Ads Creatives Cards

  1. Click “Creatives” in the top navigation.
  2. Select “Cards.”
  3. Select “Website” below the “Card” tab.
  4. Click “Create Website Card.”

Populate the Card Content

Here is where you’ll put together the content and look of your card. Don’t worry about the body copy, that actually comes later when you attach this card to a tweet. All you need to do at this point is create one awesome website card with an image and a landing page, then you can attach it to multiple tweets and A/B test it.

Twitter Ads Website Card Preview for AdStage

Card Image

The first piece of content to add to your Website card is the most important: the card image. Your card image is what will catch your audience’s eye and communicate the value of your offer. Consider adding text to your image to really drive home the message.

Website Title

Next, you’ll add the website title to tell people where they will go once they click on your tweet. You don’t have to use your site’s actual title, instead use copy that describes the site in an enticing way. This will show up below the image, next to the call to action button

Website URL

Now you’ll input the URL of the page you’re driving traffic to. Learn how to choose your ad’s landing page.

Note: Unlike typical traffic from Twitter, visits from Website Cards will show up in your web analytics tool  as referral traffic. To keep your analytics clean, you’ll want to tag this URL . Learn how to tag URLs for Google Analytics.

Twitter Ads tagged URL

Card Name

Next, give your card a descriptive name. This will help you differentiate between other cards you create and won’t be shown to the public. Now your card is ready to be added to future tweets!

Add to Campaign

Now that you’ve created your Website Card, you’ll need to attach it to a tweet within a campaign. You can either choose an  existing campaign or create a new campaign.

Compose a New Tweet

Once you’ve chosen the campaign, you’ll need to compose a new tweet. This will serve as the body copy for your Website Card.

Pro tip: Don’t include any links or hashtags in the tweet copy because you want to limit which links your audience can engage with. No one wants to pay for clicks on a hashtag. #moneydoesntgrowontrees twitter ads attach card to tweet

Attach the Card to Your Tweet

Before you submit your tweet, click the Cards icon and select the card you just created to attach it to this tweet.

Once selected, your card will appear as a link in your tweet.

Tweet It

Finally, click “Limited Delivery Tweet” to save this tweet. This will be created as an unpublished tweet that will only be visible to this campaign’s audience and won’t be posted to your public timeline. That’s all it takes!

If you’d like to save time managing Twitter Ad campaigns, by managing ads in bulk and setting up automated rules to handle optimization, check out AdStage.

Learn About AdStage for Twitter Ads

Sam Mazaheri

Sam is the Director of Online Marketing at InVision and former Director of Marketing at AdStage. Prior to AdStage, he was part of the AdWords product team at Google, serving as the in-house AdWords expert and advisor to product management, engineering, and UX. Prior to that, he personally managed and grew in-house digital marketing programs with over $300,000 in monthly ad spend.

View Sam Mazaheri's profile on LinkedIn

  • Pingback: How to Create Retargeting Campaigns with Twitter Ads()

  • Pingback: How to Form a Multi-Network Advertising Strategy()

  • Pingback: The AdStage Guide to Twitter Ads()

  • Pingback: Complete Twitter Ads Guide For Internet Marketers and Small Business Owners - Stephen Esketzis()

  • Kurt Frankenberg

    I dig it! The card idea links up with a relevant tweet and is so much more powerful than a call to action on the Twitter user’s profile page. Very nice. Testing right now…

  • LaunchModule

    Super valuable article for us Sam. Thank you. I’m building out a new ad now following your lead. Your article is a better reference than anything I’ve found, even on the Tweeter mother ship. The hashtag warning I hadn’t even thought about. Can we get away with it by putting a space after the #? Wanting to use a kind of cheeky hashtag to finish off the message. I sort of thought you only paid for clicks directly to the Website?

    • Michael McEuen

      Hi LaunchModule, you technically can get away with adding a space after the hashtag, and it won’t be clickable. Another route is to create a website card, and include the hashtag within the card environment. Any click on the card will route to your desired destination url.

  • Thats awesome!.. Now I can easily get into the twitter Ad setup.

    Thank you Sam.