Solved! Go to the solution
This is an accepted solution.
Hi there
You can change your page's preview image when sharing it on social platform by set the thumbnail for your page in theme setting by following this guide:
https://help.shopify.com/en/manual/using-themes/change-the-layout/theme-settings/showing-social-medi...
Or if you have knowledge about coding you can directly edit your theme code by following these below steps:
<meta property="og:image" content="www.yourimagelink.com" />
Hi @RyaneBin,
Nick here from Shopify.
@RichardNguyen hit the nail on the head for you here. If you follow these steps in the guide Richard shared here you can change the image for your social media footnote:
Find the theme that you want to edit and click Customize.
Click the Theme settings tab.
Click Social media.
In the Social sharing image area, select the image that you want to show on social media.
Click Save.
All the best, Nick
Nick | Community Moderator @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
Hi @RyaneBin,
Sometimes it can take some time for this to come through and take effect. Something you can use to check in the meantime is the Facebook Crawler which you can see here.
There is a mention of the Facebook crawler in the guide shared above with some information about this which you can see in the screenshot highlighted below:
I tested this on my test store with the password control on and off and the image showed up after some time for both settings, so I don't believe the password aspect would affect this directly.
Nick | Community Moderator @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
I'm using Debut theme. Changing the Social Sharing Image through Shopify's GUI wouldn't actually change it. So I manually changed the og:image src in theme.liquid using the following code:
<meta property="og:image" content="https://cdn.shopify.com/s/files/1/0045/6533/6167/files/wai_social_sharing.png?v=1590193923" />
That still didn't work at first. The issue is that social-meta-tags.liquid is also defining og:image. See here:
{% if settings.share_image %} {%- capture og_image_tags -%}<meta property="og:image" content="http:{{ settings.share_image | img_url: '1200x1200' }}">{%- endcapture -%} {%- capture og_image_secure_url_tags -%}<meta property="og:image:secure_url" content="https:{{ settings.share_image | img_url: '1200x1200' }}">{%- endcapture -%} {% endif %}
So I just deleted the following from the above:
{%- capture og_image_tags -%}<meta property="og:image" content="http:{{ settings.share_image | img_url: '1200x1200' }}">{%- endcapture -%}
I believe that Shopify's share_image variable can be buggy, i.e. it doesn't update or something when someone changes it through the GUI. So, modify theme.liquid that's referencing it, remove the reference in social-meta-tags.liquid, upload your own social sharing image in 1200x630, and reference it in theme.liquid.
btw, the way I found the other og:image definition was by searching 'og:img' throughout all my shopify theme files using this chrome ext https://chrome.google.com/webstore/detail/shopify-theme-search-by-b/epbnmkionkpliaiogpemfkclmcnbdfle...
Hello, I want to remove the image, and it seems I can only change it....How do i remove the image?
@kellylazzara I'm having same issue. Could you please explain more about how to reference the social sharing image in theme.liquid? TIA
User | Count |
---|---|
19 | |
17 | |
13 | |
11 | |
11 |