Compatibility: All Shopify 2.0 FREE themes only
Increase your sales by allowing customers to share your product in WhatsApp. Don't spend way too much just to add a WhatsApp Share button in your product page.
The button should pass in the variant information when the customer select a variant.
NOTE: The button design might have to depend on your Shopify Theme.
The WhatsApp Share Button for Shopify is a code snippet that allows you to add a WhatsApp Share button to your Shopify product page. The button should pass in the variant information when the customer selects a variant. The code is compatible with all Shopify 2.0 FREE themes only. The code is mobile friendly and does not use external libraries.
Let's focus specifically on the "Why" â why would you want to add a WhatsApp share button to your Shopify product pages? Here's a breakdown of the benefits:
Increased Social Sharing: WhatsApp is a massively popular messaging app, particularly in certain regions. Adding a share button makes it incredibly easy for customers to share your products with their friends and family, potentially reaching a wider audience.
Word-of-Mouth Marketing: Sharing via WhatsApp often happens within close-knit groups or personal conversations. This type of sharing can be highly influential, as recommendations from trusted contacts carry significant weight. It leverages the power of word-of-mouth marketing.
Direct and Personalized Sharing: Unlike sharing on public social media feeds, WhatsApp sharing is more direct and personal. This can lead to more qualified leads and higher conversion rates, as shared products are likely to be relevant to the recipient.
Customization: While the basic functionality is key, consider customizing the button's appearance to better match your brand. This might involve changing the button's color, size, or icon. However, avoid making it so different that users don't recognize it as a WhatsApp share button.
Placement: The placement of the button is crucial. Experiment with different locations on your product page (e.g., near the "Add to Cart" button, below the product description, or within the share icons section) to see what drives the most clicks.
Variant Handling: As the original prompt mentioned, crucially , ensure your WhatsApp share button dynamically updates to reflect the currently selected product variant. Users sharing a specific size or color should have that information included in the shared message. This is essential for a good user experience.
What you are buying:
What makes our code better:
Any issues related to the code will be fix with no additional cost, excluding code customization requests. Simply contact us with "Chat with us." We are just a button away.
From you Admin page, go to Online store, then Themes. Choose the theme you want to edit, then click the three dots, then Edit code.
If you have Shopify 2.0 FREE themes, open the section folder and find the main-product.liquid. Search for {%- when 'buy_buttons' -%}. At the top of this code, paste the code below.
If you have different theme, open the product-template.liquid under the Section folder, or your product section file. Then paste the code below.
If you have Shopify 2.0 FREE themes, at the {% schema %}, find the "type": "buy_buttons". Before the opening bracket, place the code below.
If you have other Shopify themes, scroll all the way down of the product section file. Find the last bracket ( ] ) near the {% endschema %}. Paste the code below before the last bracket ( ] ).
Once you've added the code, save your changes to the theme code by clicking the SAVE button on the right hand upper corner.
That's it. No sweat at all.
Adding a WhatsApp share button to your Shopify product pages can be a valuable strategy for leveraging word-of-mouth marketing and expanding your reach. By simplifying the sharing process and catering to mobile users, you empower your customers to become brand advocates, potentially driving significant traffic and sales. However, it's crucial to consider factors like proper variant handling, message customization, strategic placement, and thorough mobile optimization to maximize the button's effectiveness. Remember to track its performance and adapt your approach as needed. While seemingly a small addition, a well-implemented WhatsApp share button can contribute significantly to your overall marketing success by tapping into the power of personal recommendations and direct sharing within close-knit networks.
Sign up free to view the code. Every snippet on the site is free, and stays free. You just need an account.
The code on this page is free, and it stays free. If it saved you an afternoon, you can send a tip. Entirely optional, and it keeps the next tutorial coming.
Did this tutorial work for you?