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.
What is the WhatsApp Share Button on Your Shopify Product Pages?
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:
Why Use a WhatsApp Share Button on Your Shopify Product Pages?
-
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.
Additional Considerations:
-
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:
- WhatApp share button next to the Add to Cart button
- Button style might vary to Shopify theme being use
What makes our code better:
- We do not use external libraries, with that being said, our code will have no to minimal effect to your website's speed performance
- We do not leave or add codes use to advertise for our website
- Our code is mobile friendly
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.
Steps on how to add WhatsApp Share Button on Your Shopify Product Pages
Step #1. Open your code editor
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.
Step #2. Open main-product.liquid
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.
Step #3. At the schema
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 ( ] ).
Step #4. Save the changes
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.
Conclusion
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.
Copied!
1 comment
Thank you works good