Jump to content

Recommended Posts

Hi All,

Greetings of the day.

The Open Graph protocol enables any web page to become a rich object in a social graph. To turn web pages into graph objects, you need to add metadata to your page.

The Open Graph protocol enables any web page to become a rich object in a social graph.

The major search engines analyze these Open Graph tags and Twitter Cards. The addon helps to add tags automatically on all pages of the website.

They make content more eye-catching in social media feeds and help to drive traffic to your website from social media platforms. Helps in social media marketing.

The major search engines and social media bots analyze these Open Graph tags and Twitter Cards. The addon helps to add tags automatically on all pages of the website. Tags testing on different online tools

The major search engines analyze these Open Graph tags. It is important to add Open Graph tags on the web pages, particularly if these pages are frequently shared on social networks like Facebook.

Twitter Cards basically do the same thing as Open Graph tags, except that only Twitter looks at them.
If Twitter can’t find any Twitter Card tags, it will use Open Graph tags, so you might be able to skip setting them up if your Open Graph tags are set correctly.

Social media sites are the major drivers of most of the web traffic. Consequently, the ability to harness the power of social meta tags is a vital skill for today’s marketers. The tags can affect conversions and click-through rates hugely.

Adding Open Graph tags to your website affect your on-page SEO and influence the performance of your links on social media.

This is a protocol that allows a web page to become a "rich" object in a social network.


  • - Helps in Search Engine Optimization.
  • - Boost Your SEO by Using Open Graph and Twitter Cards Tags.
  • - Helps in improvement in ranking in all search engines.
  • - It helps in an increase in web traffic.
  • - Helps to get targeted traffic and related store products and services.
  • - Provide greater information to search engines to improve their understanding of your business and of the content on your website.
  • - It can act as an authentication for a business address if it matches the
  • - Google Business Listing, in doing so improves local SEO.
  • - Implementing rich snippets can have a huge impact on how your pages perform in the search engines.
  • - It helps to increase visibility in the search results
  • - It helps to improve click-through rates and attract more targeted traffic.
  • - Fully responsive 100%.
  • - SEO friendly.
  • - Support all browsers: Firefox, Chrome, IE, Safari, etc.
  • - Lightweight. (Smaller file size which loads faster.)
  • - Increase sales, conversion rates, and product promotions.
  • - Maintain existing customers & Attract new customers.
  • - Lower marketing expenses, exposure to potential customers, reach targeted audiences.
  • - Compatible with PrestaShop 1.5.x,1.6.x and 1.7.x.
  • - Multiple browsers compatibility(IE, Firefox, Opera, Safari, Chrome, and Edge).
  • - Mobile, Tablet and all device compatible.
  • - Multi-language and Multi Store compatible.
  • - Module works without doing any change in existing files on PrestaShop store versions.
  • - 24*7 Support
  • - Good Documentation

Benefits to Customers

  • - Drawing a customer's attention to your relevant result.
  • - Providing instant information as related to their query.
  • - Customers trust online stores and feel comfortable.
  • - Helps in support and communication in the customer's native language.
  • - Customer queries and clarifications get a fast solution.
  • - It helps to increase customer understanding and knowledge about store.

Benefits to Merchants

  • - Higher Chances of Ranking on SERPs
  • - Better Click through Rates
  • - Better Marketing Opportunity
  • - More Qualified Leads
  • - More Credibility
  • - Reduce expenses
  • - Increase sales
  • - Improve customer service and loyalty
  • - Customer convenience
  • - Competitive advantages
  • - Expand market reach
  • - Proactive outreach
  • - Reports and analytics
  • - Real-Time Convenience to Customers
  • - Cost-Efficient
  • - Stand out Among Competitors
  • - Eye-catching results => drawing a search user’s attention from your competitors’ listings to your own result.
  • - Potential CTR increases => Possibly increasing click-through rates and lowering the chance of the user ‘bouncing’ as they see more information about the page before clicking through (there is also the potential to deter users if the additional rich snippets information shows something they were not looking for).
  • - Providing ‘quality’ results => offering results that could match the user’s intent more closely. On the downside, if the informational benefit of the rich snippet satisfies the user's search query, it might eliminate the need to click through for further engagement.
  • - Develop Deeper Customer Relationships
  • - Increase in Conversions and Average Order Values


Step 1:  Upload module zip file from the back-office Module & Services menu tab. Module Manager area using the upload button. After the successful installation module menu, the link will appear in the left menu or top menu in back-office more area.
Step 2: Install the module using the install button.
Step 3: Visit module management page from the back-office "More" area (section) in the left menu in the back-office.
Step 4: The module installation process is very easy, how module configuration works can be seen in the demo instance.
Step 5: Please visit our demo instance for module configuration and usage demo.

- Module works without making any change in the existing PrestaShop file so that existing customization and theme change do not affect.
- We provide free technical and feature support in installation, configuration, as well as access to updates available for this product.
- Free support on installation, configuration, and customization as per store requirements, for example, new hook addition on your store

How to create APP ID

Step 1: To get started, go to developers.facebook.com and click the “Add a new app” button to create a new Facebook app.

Step 2: Give your app a name and click the Create button to get your own App ID. It is simple sequence of digits like 579119035755849.

Step 3: Go to your Facebook Page, click the Settings tab, choose Messenger Platform, Whitelisted domain, enter the full URL of your website and click Save. You can also enter multiple domains if you wish to embed the same widget on multiple websites.

Step 4: Get the Facebook Page ID of the specific page that you wish to connect with the customer chat widget. All customer interactions will show in the inbox of this page.

Step 5: We are almost done. Open your website template and copy-paste the following code in the footer of your template. You need to replace the App_ID from Step 2 and Facebook Page_ID from

Below URLs helps to do the testing of Open Graph and Twitter Cards tags

[1]. https://cards-dev.twitter.com/validator

[2].  https://opengraphcheck.com/

[3]. https://chrome.google.com/webstore/detail/open-graph-preview/ehaigphokkgebnmdiicabhjhddkaekgh?utm_source=chrome-ntp-icon


For list of modules on PrestaShop Addons Marketplace.




For demo on version 1.7.x visit below links

Front-office Demo URL => https://www.hrms-systems.com/presta-addons/en/login?back=my-account

Back-office Demo URL => https://www.hrms-systems.com/presta-addons/admin619j6kpbb/

For demo on version 1.6.x visit below links

Front-office Demo URL => https://www.hrms-systems.com/presta-apps/en/my-account

Back-office Demo URL => https://www.hrms-systems.com/presta-apps/admin539fyipwq/index.php


YouTube Demo Video



Screenshot from 2018-06-04 21-17-36.png











Screenshot from 2018-06-04 21-19-20.png

Screenshot from 2018-06-04 21-16-57.png

Screenshot from 2018-06-04 21-15-21.png

Screenshot from 2018-06-04 21-14-26.png










Edited by Zohaib-fk
Post Updated for testing images from the online tools (see edit history)
Link to comment
Share on other sites

  • Zohaib-fk changed the title to PrestaShop SEO Open Graph & Twitter Card Tags Automatic Generator

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Create New...