Get Free Audit

How to Add Social Media Icons & Share Buttons in PrestaShop 1.7

Jan 25, 2017

9027 Vladislav Yunusov

How to Add Social Media Icons & Share Buttons in PrestaShop 1.7

I guess everyone clearly understands the power of social media nowadays. People spend too much time looking through news feed and sharing their thoughts, ideas, and pictures. Once a customer finds some webstore he probably wants to get more information about it in various social networks just because he trusts them and knows he can find more feedback and reviews there. So now connection with those networks is obligatory and it’s a really effective way tell to people all around the world about your product.

Let’s start. As you already understood, modules configuration plays a huge role in Prestashop functionality. Today I’m going to show you how to configure two important modules that will allow you to add social media icons and share buttons to your store.

At first please log into admin panel and then follow this path in Improve section:

Modules => Modules & Services => Installed Modules (tab)

Here you have to find two module: Social media follow links and Social media share button.

How to Add Social Media Icons and Share Buttons in Prestashop 1.7

How to Add Social Media Icons and Share Buttons in Prestashop 1.7 Social Media Modules

development_prestashop

PrestaShop Development

Take your online store to the next level with BelVG PrestaShop Development

Visit the page

Let’s consider how to configure Social media follow links first. For that just select Configure option in drop-down menu of this module. You will face the following screen:

How to Add Social Media Icons and Share Buttons in Prestashop 1.7

How to Add Social Media Icons and Share Buttons in Prestashop 1.7 Configure Social Media Follow Links

Here you can see 8 fields where you can insert links for your accounts in the most popular networks, such as:

  • Facebook,
  • Twitter,
  • Youtube,
  • Google +,
  • Pinterest,
  • Vimeo,
  • Instagram
  • and RSS (your blog, your store, etc.).

In our case we added links for Facebook and Twitter accounts. So after that don’t forget to save all changes and check if everything is fine on the frontend. If you face any troubles, contact our support team.

Andrey_Dubina
Partner With Us Let's discuss how to grow your business. Get a Free Quote.
Talk to Andrey

How to Add Social Media Icons and Share Buttons in Prestashop 1.7

How to Add Social Media Icons and Share Buttons in Prestashop 1.7 Fill in your social pages

And now in footer on every page you can notice icons of these social networks.

How to Add Social Media Icons and Share Buttons in Prestashop 1.7

How to Add Social Media Icons and Share Buttons in Prestashop 1.7 Social networks icons

Well done. So now let’s add share buttons on product pages, to let customers fast and easy share with their friends the information about your amazing products. Here what we will see when select configure option of Social media follow links module:

How to Add Social Media Icons and Share Buttons in Prestashop 1.7

As you can see, it’s just necessary to decide which social network share buttons will be available on the product page. I think the best idea is to make them all available for your customers. Press save and look at frontend:

That’s it. Now you know how to connect your web store with social networks.

That’s it. Now you know how to connect your web store with social networks.

Want to build customer social engagement on a website? Install out Social Buttons and Share and Follow extensions for PrestaShop.

Andrey Dubina
Partner With Us Looking for a partner to grow your business? We are the right company to bring your webstore to success. Talk to Andrey

19 Comments

  1. Hi, Azadeh! Thanks for your question.
    You have two options for adding a Telegram share button to your share buttons list: either find a specialized module at PrestaShop marketplace, or make changes in the code if you will be unable to find a suitable module.

  2. Hi, Gunde!
    Perhaps you have problems with your website theme.css, so you’d better check it.

  3. Is there a way to make the social icons visible on the footer area. The icons can only be seen when you hover your cursor on them.

  4. Hi, Ramay
    The easiest option is to override the module template and add the 5th link in the template. Ideally, you should rewrite the whole social network module.

  5. on product page there are 4 social media icons or links if i want to add 5th how can i add ???

  6. Hi Devina, could you please send me an example of what you’re trying to add to this field? (screenshot is preferable)

  7. When I added Instagram url it shows 404 error.But I can enter a text in this field. Url with https:// are showing error. url will be saved if ‘//’ not entered.

  8. Hi josie, unfortunately, Instagram doesn’t allow to make posts from 3rd party sources.

  9. Hi, not sure what is going on but the links are there but not the icons! Am using default theme and haven’t changed anything – just setting up

  10. Hi Matt,

    could you please provide some details? It’s not clear what exactly you mean.

  11. How do I make these links pop up in an overlay module in Prestashop 1.7.
    I am ok with playing with the tpl files.

    Thanks in advance

Post a new comment

BelVG Newsletter
Subscribe to our mailing list and get interesting stuff and updates to your email inbox.
Email *