Message Link Preview Image

lavenderlux
Tourist
11 0 3

Hello!

When I send my store's URL via text message, there is the preview image that appears above the link. Currently, that preview image of the site is just showing up as a blank white image. 

Does anyone know how to add/create a preview image for this purpose?

I use Supply Theme, and my site URL is: lavenderluxfashion.com

Thank you in advance!

Replies 17 (17)
smokedfashionco
New Member
2 0 1

In recent weeks, when sending our website www.smokedfashionco.com in a text message it has started to show our product images instead of our social sharing image that I have updated on both my theme customization and the dashboard theme preferences. The image works when we share on social media, but shows product images when shared via text message. Is there a different place to change it for this? 

sallybeeshelley
Tourist
5 0 1

Oh, I see. When I send a text with my website it shows the banner picture of my page. Do you want the text to send the shopper to your website or to your social media page? 

sallybeeshelley
Tourist
5 0 1

I just sent your website as a text to myself. I see what you mean now. Okay, follow these instructions below. Btw, your instagram page is awesome. I hope this helps you. 

 

  1. From your Shopify admin, go to Online Store > Preferences.
  2. Find the Social sharing image section.
  3. To upload a new image, click Add image. To change the existing image, click Edit > Change image.
  4. Select the image from your computer that you want to show on social media.
  5. Click Save.
  6. From your Shopify admin, go to Online Store > Preferences.
  7. Find the Social sharing image section.
  8. To upload a new image, click Add image. To change the existing image, click Edit > Change image.
  9. Select the image from your computer that you want to show on social media.
  10. Click Save.
sillycube
Shopify Partner
549 14 84

This image is controlled by a meta tag called og:image. You can search it yourself via view source => search 'og:image'. 

Now this is the share image: https://cdn.shopify.com/s/files/1/0552/0130/0658/files/DSCF4372_410c429e-83f5-4808-8c56-b6db4628ca89...

For Facebook, use Facebook debugger to clear cache. For Twitter, use Twitter card validator.

For messages, it is controlled by Android and Apple. There is no tool to update link previews

SPO - SEO App to research keywords & edit social link preview
BYOB - Build Your Own Bundles
MichelleBun
New Member
2 0 0

Can you share how you fixed this ? I am having the same issue when I send my store link to people via text. I need to change the image. I tried updating the social sharing image but that did not change the text message image.

sillycube
Shopify Partner
549 14 84

@MichelleBun 

Ok, I am writing the steps below:

  1. Open your web page
  2. View source by right click > view source or ctrl U
  3. Search for "og:image"
  4. The link of this mets tag is your preview image. Facebook, Whatsapp, sms are using this tag 

If it's correct and the preview can't be displayed, it's probably a cache issue. For fb, use debugger to clear cache.

For other platforms, just repost the link to clear cache. Most of the time, it should be alright if the tag is correct

If the above methods don't work, just google "sms link preview" or something similar. Google god provides all technical answers in the world

 

 

 

SPO - SEO App to research keywords & edit social link preview
BYOB - Build Your Own Bundles
Saltationallure
Tourist
4 0 1
It took about a day to update but it fixed itself when I updated the image
MichelleBun
New Member
2 0 0

Thank you!