Videos and Webinars

Add Twitter Card META Tags to my Products

What are Twitter Cards?

Twitter Cards allow you to append media such as product images and pricing information to tweets about your products. This can be a great way to represent your items on Twitter and (hopefully) drive sales!

More information on Twitter Cards can be found by clicking here

So How do I add the meta tags to my store?

The basic process of using Twitter Cards for your products involves adding special meta tags to your products to prepare them for their individual Twitter Cards. Fortunately, Shift4Shop makes this quite easy!

Just follow these steps:

  1. Log into your Shift4Shop Online Store Manager.

  2. Go to Marketing > SEO Tools.

  3. Scroll all the way down to the bottom of the page until you reach the "Open Graphs Meta Tags" section.

At the end of the OG tags already in place, add the following.

<meta name="twitter:card" content="product">
<meta name="twitter:site" content="@twitter">
<meta name="twitter:creator" content="@twitter">
<meta name="twitter:title" content="[TITLE]">
<meta name="twitter:description" content="[description]">
<meta name="twitter:image" content="[product_image]">
<meta name="twitter:data1" content="Price">
<meta name="twitter:label1" content="[price]">
<meta name="twitter:data2" content="Shop">
<meta name="twitter:label2" content="[store_url]">

4. Save your SEO Tools page.

Your products are now ready to use Twitter Cards.