Twitter Cards Meta Tags for Magento Adobe Commerce

Works great with Open Graph Meta Tags!

Works great with Rich Snippets Schema.org JSON-LD Structured Data!

With Twitter Cards, you can attach rich photos and media experiences to Tweets, helping to drive traffic to your website. Apptrian Twitter Cards extension for Magento adds Twitter Cards meta tags to product, category, home, and CMS pages. There are dozens of options for customization. This extension provides your Magento site not only with social improvements but also has great SEO value. All of the meta tags are generated automatically based on the data in your Magento database. Like all of our extensions, it is multistore compatible, works on any theme, it does not override nor overwrite anything. Functionality is injected via layout updates as Magento best practices recommend.

Compatible with Breeze frontend without the need for an additional compatibility module. It works out of the box.

Compatible with Hyvä frontend without the need for an additional compatibility module. It works out of the box.

Features

General Settings

• An easy way to enable or disable the extension.

Twitter Cards (for the product, category, home, and cms pages)

• An easy way to enable or disable Twitter Cards.
• Multiselect option to add Twitter Cards for the product, category, home, and/or cms pages.
• All data needed for Twitter Cards is parsed from Magento and tags are generated automatically.
• Option to type in Website's Username (twitter:site)
• Option to type in Creator's Username (twitter:creator)
• Option to type in Domain Name (twitter:domain)
• Option to type in attribute code to use for Category page title (twitter:title) meta tag.
• Option to type in attribute code to use for Category page description (twitter:description) meta tag.
• Option to type in attribute code to use for Category image (twitter:image) meta tag.
• Option to select the Category page Twitter Card type (twitter:card) (Summary or Summary Large Image).
• Option to type in attribute code to use for CMS page title (twitter:title) meta tag.
• Option to type in attribute code to use for CMS page description (twitter:description) meta tag.
• Option to limit the number of images on CMS pages Open Graph.
• Option to select the CMS page Twitter Card type (twitter:card) (Summary or Summary Large Image).
• Option to select the Home page Twitter Card type (twitter:card) (Summary or Summary Large Image).
• Option to type in attribute code to use for Product page title (twitter:title) meta tag.
• Option to type in attribute code to use for Product page description (twitter:description) meta tag.
• Option to limit the number of images on Product pages Open Graph.
• Option to select the Product page Twitter Card type (twitter:card) (Summary or Summary Large Image).
• Option for additional meta tags to attributes mapping. Example: color=color|pattern=pattern. As you can see the format is simple tag1=attribute1|tag2=attribute2 The meta tag and Magento product attribute are connected by = sign and pairs are separated by | sign.
• Mobile App Integration
  • An easy way to enable or disable Mobile App Integration.
  • Option to type in Android (twitter:app:id:googleplay)
  • Option to type in Android (twitter:app:name:googleplay)
  • Option to type in Android (twitter:app:url:googleplay)
  • Option to type in iPad (twitter:app:id:ipad)
  • Option to type in iPad (twitter:app:name:ipad)
  • Option to type in iPad (twitter:app:url:ipad)
  • Option to type in iPhone (twitter:app:id:iphone)
  • Option to type in iPhone (twitter:app:name:iphone)
  • Option to type in iPhone (twitter:app:url:iphone)
• Please take a look at our genuine Twitter Card examples.

Installation Instructions

There are several ways you can install any Magento extension. Our extension is no different. We will show you four ways to install the extension, but you must not mix them. Choose one and stick to it.

If you do not know how to install an extension or you wish a professional to do it for you, we offer additional installation service for a small fee.

Installation via file uploading
(If you purchased the extension on our site)

If you purchased the extension on our site then unpack the .zip file from /Magento2/InstallByUploadingFiles/ directory inside your Magento root.
- Run the following commands on the Magento root directory:

php bin/magento maintenance:enable

php bin/magento module:enable --clear-static-content Apptrian_TwitterCards

php bin/magento setup:upgrade

php bin/magento cache:flush

php bin/magento setup:static-content:deploy

php bin/magento maintenance:disable

php bin/magento cache:flush

Installation via Composer
(If you purchased the extension on our site)

If you purchased the extension on our site and you want to install the extension via composer public and private keys. (To find your public and private keys, login to your Apptrian.com customer account and look at the My Downloadable Products section.)
- Run the following commands on the Magento root directory:

php bin/magento maintenance:enable

composer config --auth http-basic.packages.apptrian.com $PUBLIC_KEY $PRIVATE_KEY

composer config repositories.apptrian-twitter-cards composer https://packages.apptrian.com/twitter-cards/

composer require apptrian/twitter-cards

php bin/magento module:enable --clear-static-content Apptrian_TwitterCards

php bin/magento setup:upgrade

php bin/magento cache:flush

php bin/magento setup:static-content:deploy

php bin/magento maintenance:disable

php bin/magento cache:flush

Installation via Composer by using artifact
(If you purchased the extension on our site)

If you purchased the extension on our site then copy the .zip file from /Magento2/InstallWithComposer/ directory inside your MAGENTO_ROOT/vendor/apptrian/packages/ directory (create the directory if does not exist).
- Run the following commands on the Magento root directory:

php bin/magento maintenance:enable

composer config repositories.apptrianartifacts artifact $(pwd)/vendor/apptrian/packages

composer require apptrian/twitter-cards

php bin/magento module:enable --clear-static-content Apptrian_TwitterCards

php bin/magento setup:upgrade

php bin/magento cache:flush

php bin/magento setup:static-content:deploy

php bin/magento maintenance:disable

php bin/magento cache:flush

Installation via Composer
(If you purchased the extension on Magento Marketplace)

If you purchased the extension on Magento Marketplace then you must use Composer. Magento Marketplace does not allow extension downloads.
- Run the following commands on the Magento root directory:

php bin/magento maintenance:enable

composer require apptrian/twitter-cards

php bin/magento module:enable --clear-static-content Apptrian_TwitterCards

php bin/magento setup:upgrade

php bin/magento cache:flush

php bin/magento setup:static-content:deploy

php bin/magento maintenance:disable

php bin/magento cache:flush

Please make sure your Magento public and private keys are in your Magento root auth.json file. Usually, people install Magento with one Magento Marketplace account (public and private keys) and then purchase an extension with another Magento Marketplace account (different public and private keys). Check the Magento Marketplace account you used to purchase the extension and make sure its public and private keys are in the Magento root auth.json file. WARNING! if you already have keys there, be very careful because maybe some other extensions are purchased with another Magento Marketplace account.

Configuration

Our extension works out of the box. However, there are a few things you should set for best results. Log to your Magento Admin and go to:

Stores > Configuration > Apptrian Extensions > Twitter Cards

In the Twitter Cards section:

For the Website's Username (twitter:site) type your store Twitter username. For example @site_username.

For the Creator's Username (twitter:creator) type the Twitter username of the administrator of the Magento store or owner of the store. You can use the site username or leave it empty.

All options are self-explanatory and have comments and tooltips for additional information.

After changing options make sure you refresh your Magento cache.