# Yuhu — Social Media Share Image > Yuhu is a Shopify app that automatically generates custom social share images (Open Graph / og:image) for every product, collection, page and blog article — including collage layouts combining 2-4 product photos — so links shared on Facebook, X/Twitter, WhatsApp, Pinterest, LinkedIn, Discord, Slack, iMessage and Messenger show a designed, branded preview instead of a bare product photo. Templates are brandable (logo, colors, fonts, prices) and previews regenerate automatically when products change. Distinct from social-share-BUTTON apps: Yuhu generates the preview image itself. --- # How to Design Branded Social Share Images for Your Shopify Store > Customize your Shopify social share images in Settings: add your logo, brand color, price and discount text overlays, a sale badge, and one-click style presets — with a live preview of the og:image. Getting started · 5 min read · Updated 2026-09-05 Canonical: https://yuhuapps.com/docs/customize-social-share-image-design A plain product photo is a missed branding opportunity. In **Social Media Share Image**, the **Settings** page is where you turn that photo into a designed, on-brand preview — your logo in the corner, your brand color, the product's price and discount drawn on top, and a sale badge that appears only when there's actually a discount. Every control has a **Live preview** beside it so you can see the composed **1200×1200** share image update as you type, plus an exact server-rendered version that matches what your store will actually serve. Here's what each section does. Nothing is saved until you press **Save**. ## 1. Start from a style preset (optional) The fastest start is the **Style presets** row at the top: one click fills the overlay and badge fields below with a ready-made look, and your uploaded logo is kept. The presets are **Clean minimal** (just your logo, no text or badge), **Title & price** (product title and price on a dark bar), **On sale** (title plus a red discount badge), **Black Friday**, **Elegant** (large centered title, no background) and **New arrival** (a green "NEW" badge with the product title). A preset is just a starting point — every field stays editable afterwards. ## 2. Set the general behavior The **General** section controls how images are produced. The **default transformation** chooses your collage layout — *Combine (merge) the first N product images side by side* — which we cover in its own guide. **Automation** keeps new and updated products' images generating on their own (*Automation active - new and updated products will get processed automatically using the default transformation*). **Smart photo selection** automatically picks a product's best photos and skips white-background duplicates instead of just taking the first few. There's also a toggle to extend share images to your store **pages**. ## 3. Add your logo in the Brand kit The **Brand kit** section adds your logo as a watermark on every generated share image. Paste a **Brand logo URL** (a PNG with a transparent background works best) or use **Upload logo image…**. Then set **Logo position** (any of the nine compass points, e.g. top-left through bottom-right), **Logo size (% of image width)** and **Logo opacity (%)**. Also here: a **Brand color (hex)** used as the background for text-only share images (like blog posts or pages without a photo), and a **Fallback image URL** for pages and articles that have no images of their own. ## 4. Draw text and a badge with live tokens The **Text overlays** section is where price and discount get onto the image. In **Overlay text**, type any message using live tokens — `{title}`, `{price}`, `{compare_at_price}` and `{discount}` — which are replaced per product when the image is generated. Control its **Text position** (top, center or bottom), **Text color (hex)**, an optional **Text background color**, and **Text size (px on a 1200px image)**. Below that, add a small corner **Badge text** such as *"{discount}% OFF"* or *"SALE"* — it's **hidden automatically when a token has no value**, so a full-price product simply shows no badge. Pick the **Badge position** and **Badge background color** too. ## 5. Turn on Pinterest pins (optional) The **Pinterest** section can **Generate Pinterest pin images** — an extra tall **1000×1500** image sized the way Pinterest displays pins, in addition to the standard square share image, and it adds a Pinterest "Save" button to product and collection pages. Leave it off if Pinterest isn't part of your plan. ## 6. Schedule a seasonal look (optional) Running a sale? The **Scheduled campaign look** section lets you pick a **Campaign preset** plus a **Start date** and **End date**. Your share images switch to that look automatically for the window and revert when it ends — handy for Black Friday or a launch — with no need to remember to change the settings back yourself. ## 7. Save and watch it apply Press **Save**. Your settings apply to newly generated images immediately, and because changing the design regenerates images, your catalog's share images update to match. Use the **Live preview** and the exact server-rendered preview beside the form to sanity-check the look before you save — the generated images use these exact settings. ## FAQ ### How do I add my logo to my Shopify social share images? Open Settings, and in the Brand kit section paste a Brand logo URL (a transparent PNG works best) or use Upload logo image…. Then set the logo's position, size and opacity. The Live preview shows it composited onto a sample 1200×1200 share image before you save. ### Can I show the product price and discount on the share image? Yes. In the Text overlays section, use tokens in the Overlay text field — {title}, {price}, {compare_at_price} and {discount} — and they're filled in per product when the image is generated. You can also add a badge like "{discount}% OFF" that hides itself automatically when there's no discount. ### What do the style presets do? Each preset (Clean minimal, Title & price, On sale, Black Friday, Elegant, New arrival) fills the overlay and badge fields with a ready-made look in one click, keeping your uploaded logo. It's a starting point — every field stays editable, and nothing is saved until you press Save. ### Will changing the design update images I already generated? Yes. Saving new design settings applies to newly generated images, and changing the layout or look regenerates your images so the catalog matches your current settings. ### What image size does the app generate? The standard share image is 1200×1200. If you enable Pinterest, the app also generates a tall 1000×1500 pin image sized for how Pinterest displays pins. ### How do I make my share images match a seasonal sale automatically? Use the Scheduled campaign look section: pick a campaign preset and a start and end date. The share images switch to that look for the window and revert automatically when it ends. ### Where does the brand color get used? The Brand color (hex) is used as the background for text-only share images — for example blog posts or pages that don't have a photo of their own — so those previews still look on-brand. ## Related - [How to Set Up a Shopify Social Share Image for Every Product and Page](https://yuhuapps.com/docs/shopify-social-share-image.md) - [Set a Custom Social Share Image for a Single Shopify Product](https://yuhuapps.com/docs/per-product-share-image-shopify.md) - [Shopify Social Share Image Not Showing? Enable the App Embed](https://yuhuapps.com/docs/enable-share-images-theme-embed.md) --- # How to Set Up a Shopify Social Share Image for Every Product and Page > Create a Shopify social share image (og:image) for every product, collection, page and blog post so Facebook, WhatsApp, X and Pinterest links show a branded preview. Getting started · 5 min read · Updated 2026-09-05 Canonical: https://yuhuapps.com/docs/shopify-social-share-image When someone shares one of your store links on Facebook, WhatsApp, X/Twitter, Pinterest, LinkedIn, Discord, Slack, iMessage or Telegram, the platform pulls an **og:image** — the social share image — to build the link preview. Left to Shopify's defaults, that's often a bare product photo or nothing at all. **Social Media Share Image (Yuhu)** automatically generates a **branded social share image** for every product, collection, page and blog article, so your links always show a designed preview with your logo, colors and (optionally) pricing. This guide walks through getting your share images live and looking right across the platforms your customers actually use. ## 1. Install the app and enable the theme app embed Install **Social Media Share Image** from the Shopify App Store. The share tags are served by a theme **app embed**, so the one required setup step is enabling it: the dashboard gives you a one-click link straight into your theme editor — flip the toggle and save the theme. The app also quietly disables competing Open Graph snippets your theme may already emit, so two og:image tags never fight over your preview. The dashboard shows the embed status, so you always know whether the tags are live. ![Install the app and enable the theme app embed — s-buttontarget="_blank" highlighted](https://yuhuapps.com/docs-assets/img/shopify-social-share-image/01-theme-embed.png) ## 2. Pick your layout in the wizard Next, choose the **layout** your share images will use. Open **Preview transformations** in the app's navigation: the three-step wizard picks one of your products and previews how **1–4 product photos look combined** side by side, so you can decide between a clean single-photo look and a collage that shows more of the product at a glance. With **smart photo selection** on, the app picks the best photos automatically and skips near-duplicate white-background shots. ## 3. Brand your share images in Settings This is what turns a plain product photo into a designed preview. Add your **logo** (choose its corner, size and opacity), set a **brand color** used behind text-only images, and add a **text overlay** with live tokens — `{title}`, `{price}`, `{compare_at_price}` and `{discount}` — plus an optional corner **badge** like "{discount}% OFF" that hides itself when there's no discount. In a hurry? One-click **style presets** (Clean minimal, Title & price, On sale, Black Friday, Elegant, New arrival) fill the settings for you, and scheduled campaigns can apply a preset for a date range — handy for sale periods. ## 4. Cover pages, blog posts and Pinterest (optional) Products, collections and blog articles get share images out of the box. In Settings, the **Change social share images for pages?** switch extends coverage to your store **pages** too (with a fallback image and your brand color for content that has no photos), and enable **Pinterest** support — a dedicated tall pin image (1000×1500) generated alongside the square share image, sized the way Pinterest actually displays pins. ## 5. Check your links with the Share Preview Checker To see the result the way each platform will, paste any store URL into the app's free **Share Preview Checker** (under Tools on our site). It fetches your page's real Open Graph tags and renders preview cards for Facebook, X/Twitter, WhatsApp, LinkedIn, Discord, Slack, iMessage, Telegram and Reddit — and flags issues, like a missing og:image. Keep in mind platforms cache previews per URL, so after a change an already-shared link can show the old card until the platform re-scrapes it. ![Check your links with the Share Preview Checker — Facebook and WhatsApp preview cards highlighted](https://yuhuapps.com/docs-assets/img/shopify-social-share-image/05-checker.png) ## 6. Let images regenerate as products change From here the app runs itself: when a product or collection changes — new photos, a price update, an edited title — the share image **regenerates automatically**. Changing the layout regenerates images too, and Regenerate / bulk-regenerate buttons are there when you want to force a refresh. You only need to revisit Settings when you want a new look. ## FAQ ### What is a social share image on Shopify? A social share image is the preview picture (technically the **og:image**, part of the Open Graph protocol) that platforms like Facebook, WhatsApp and X display when someone shares a link to your store. The app generates a branded 1200×1200 version automatically for every product, collection, page and blog article. ### Why does my Shopify link preview show the wrong image or no image? Common causes: the page serves no dedicated og:image, two competing og:image tags (a theme snippet plus another app), or the platform is showing a cached preview from before your change. The app generates a proper og:image per page and disables competing theme snippets; for stale previews, re-scrape the URL with the platform's debugger or share a fresh link. ### Does this app add social share buttons to my store? No. It's different from social-share-button apps — it doesn't add sharing buttons to your storefront. Instead, it generates the *preview image itself* that appears when a link is shared, so the link looks designed and branded wherever it's posted. ### Will the share image update when I change a product? Yes. When products change, the app regenerates the corresponding social share image automatically, and you can regenerate manually (per item or in bulk) any time. ### Which platforms does the share image work on? The app emits standard Open Graph and Twitter-card tags, so previews work across Facebook, X/Twitter, WhatsApp, LinkedIn, Discord, Slack, iMessage, Telegram and Reddit. Pinterest gets optional special treatment: a dedicated tall 1000×1500 pin image. ### Is there a free plan? There is no free plan for new installs, but every plan starts with a **free 7-day trial**, so you can set up and test your share images before paying anything. Plans are sized by how many products your store has — see the pricing page for the current tiers. ## Related - [WhatsApp Link Preview on Shopify: Fix Blank or Wrong Share Images](https://yuhuapps.com/docs/whatsapp-link-preview-shopify.md) --- # Set a Custom Social Share Image for a Single Shopify Product > Override the social share image for a specific Shopify product: pick exactly which product photos to use, combine up to four into a collage, or upload your own custom image, then preview and save. Product images · 4 min read · Updated 2026-09-05 Canonical: https://yuhuapps.com/docs/per-product-share-image-shopify Your global Settings decide how *every* product's share image looks — but sometimes one product needs special treatment. Maybe its first photo is a plain white-background shot, or you have a designed lifestyle image you'd rather share. The **Create custom** action on the dashboard lets you override a single product: choose exactly which of its photos go into the preview, combine up to **four** into a collage, or **upload your own custom image** for that product only — then preview the result and save. Here's the flow. ## 1. Open the custom image screen for the product On the dashboard, find the product in the image list and open its **Actions** menu, then choose **Create custom** (it reads **Edit custom** once the product already has a custom image). The screen that opens is headed **All images for "…"** with your product's name. Its left side lists that product's photos under **Images from Shopify** — the full set of images for that product pulled from your store — and, once you add any, a **Custom uploaded images** group beneath it. A **Current image** thumbnail on the right shows what the product's share image looks like right now. ## 2. Pick the photos for the preview On the right, the **Selected images** panel has four slots — labelled **1st ***, **2nd**, **3rd** and **4th** — with the hint *Select at least 1 image*. Click a photo on the left to drop it into the next open slot (the first slot shows *Click an image*). The number of slots you fill decides the collage: one photo is a clean single image, two to four are combined side by side into a collage. Use the small remove button on a slot to clear it and try another photo. ## 3. Upload your own image (optional) Want something that isn't one of the Shopify photos? Use **Upload custom image** to add your own file — a designed graphic, a lifestyle shot, whatever fits. It appears under **Custom uploaded images** and can be dropped into the selection slots just like a store photo, so you can even combine an uploaded image with product photos. ## 4. Preview before you commit Once at least one slot is filled, the **Preview image** button activates (until then it shows the tooltip *Select at least 1 image to preview*). Click it to render exactly how this product's share image will look with your chosen photos and your global branding applied. This is a real render, not an approximation — what you preview is what gets served. ## 5. Save the override When the preview looks right, click **Save image & back to dashboard**. Back on the dashboard, the product's row now shows your custom image in its **Override default transformation** column, and its Actions menu reads **Edit custom**. The product keeps that custom image until you change it — to go back to the automatic default, open **Actions** and pick **Use default**. Other products keep using your global Settings design, so a single override never changes the rest of your catalog. ## FAQ ### How do I change the share image for just one Shopify product? On the dashboard, open the product's Actions menu and choose Create custom. Click the photos you want into the Selected images slots (or upload a custom image), press Preview image to check the result, then Save image & back to dashboard. Only that product is affected. ### Can I choose which product photos appear in the share image? Yes. The Create custom screen lists the product's photos under Images from Shopify. Click them into the four Selected images slots in the order you want. One photo makes a single image; two to four are combined into a collage. ### Can I upload my own image for a product? Yes. Use Upload custom image to add your own file. It appears under Custom uploaded images and can go into the selection slots on its own or combined with product photos. ### How many photos can I combine for one product? Up to four. The four slots (1st, 2nd, 3rd, 4th) become a side-by-side collage; fill only the first slot for a single-image preview. ### Does a per-product override get overwritten later? No. Once you save a product's selected images, the dashboard row shows that custom image as its override, and it stays until you change it. Open the product's Actions menu and choose Edit custom to adjust it, or Use default to return to the automatic share image. ### Do I have to preview before saving? The Preview image step generates the actual composed image so you can confirm it before committing — the Save button becomes available once you've made a selection and generated the preview, so you always see the result first. ### Will overriding one product change my other products? No. Overrides are per product. Every other product keeps using the global design from Settings, so a single change is fully isolated. ## Related - [How to Design Branded Social Share Images for Your Shopify Store](https://yuhuapps.com/docs/customize-social-share-image-design.md) - [How to Set Up a Shopify Social Share Image for Every Product and Page](https://yuhuapps.com/docs/shopify-social-share-image.md) - [Shopify Social Share Image Not Showing? Enable the App Embed](https://yuhuapps.com/docs/enable-share-images-theme-embed.md) --- # Shopify Social Share Image Not Showing? Enable the App Embed > If your Shopify link preview shows no image or the wrong one, the app embed probably is not enabled yet. Turn on the theme app embed for Social Media Share Image and confirm your share images are live. Getting started · 4 min read · Updated 2026-09-05 Canonical: https://yuhuapps.com/docs/enable-share-images-theme-embed Installed **Social Media Share Image** but your links still share with no image, or the old plain one? There is almost always one reason: the **theme app embed** is not enabled yet. The app serves its branded `og:image` through a theme app embed, and until you switch that embed on and save your theme, the tags never reach your live storefront. This is a one-time, two-click step. Here is how to turn it on and confirm your share images are actually live. ## 1. Open Theme status From the app, open **Theme status** (there is a link in the app's top navigation, and the dashboard shows a **Theme Embed Status** card as well). If the embed is still off, the page shows **Just one more step:** with a button to enable it — and a spinner reading *Waiting for the app embed to be enabled — this page updates automatically.* That auto-updating status is how you will know, in a moment, that it worked. ![Open Theme status — s-buttontarget="_blank", s-spinner highlighted](https://yuhuapps.com/docs-assets/img/enable-share-images-theme-embed/01-theme-status-page.png) ## 2. Enable the app embed and save the theme Click **Enable the app embed and save the theme**. It opens your Shopify theme editor in a new tab, with the app's embed pre-selected — flip its toggle on, then press **Save** in the theme editor. That is the whole action: you are telling your live theme to include the app's share-image tags on every page. ![Enable the app embed and save the theme — theme status page highlighted](https://yuhuapps.com/docs-assets/img/enable-share-images-theme-embed/02-theme-status-hero.png) ## 3. Let the status confirm itself Come back to the app tab. The Theme status page polls in the background and refreshes on its own the moment Shopify reports the embed as enabled — you do not have to reload. Once it flips, it reads **Your theme is ready to go!** On the dashboard, the **Theme Embed Status** card clears its warning too. If it still says **Not enabled**, make sure you pressed **Save** in the theme editor, then use the *refresh this page to update the status* prompt. ![Let the status confirm itself — Theme Embed Status card highlighted](https://yuhuapps.com/docs-assets/img/enable-share-images-theme-embed/03-dashboard-theme-embed.png) ## 4. Confirm the share image on a real link Now check what actually gets shared. The most reliable way is the free **Social Share Preview Checker** (under Tools on our site): paste a product URL and it reads your page's live Open Graph tags and shows the preview each platform will render. Keep in mind platforms cache previews per URL — a link you shared *before* enabling the embed can keep showing the old card until the platform re-scrapes it, so test a link you have not shared yet to see the current state right away. ## 5. Keep it running Once the embed is on, there is nothing else to maintain. The app generates and serves the `og:image` for your products and collections automatically, and regenerates images when products change. You only revisit Theme status if you switch to a brand-new theme — a fresh theme starts with the embed off, so you would enable it again there. ## FAQ ### Why is my Shopify social share image not showing? The most common cause is that the theme app embed is not enabled yet. The app serves its og:image through that embed, so until you turn it on and save your theme, your storefront pages do not carry the app's share-image tags. Open Theme status in the app and click Enable the app embed and save the theme. ### Where do I enable the app embed? Open Theme status in the app and click **Enable the app embed and save the theme**. It opens your Shopify theme editor with the embed pre-selected — switch it on and press Save. The app's Theme status page then updates automatically to confirm it is live. ### I enabled it but the preview still shows the old image — why? Social platforms cache link previews per URL. A link you shared before the change keeps showing the cached card until the platform re-fetches the page. Share a fresh link, or re-scrape the URL with the platform's own debugger, to see the current image immediately. ### How do I know the app embed is actually on? The Theme status page updates itself and shows **Your theme is ready to go!** when the embed is enabled, and the dashboard's Theme Embed Status card clears its **Not enabled** warning. If it still shows a warning, confirm you pressed Save in the theme editor. ### Do I need to enable this again after changing my theme? Yes. A theme app embed is stored per theme, so a brand-new theme starts with it off. If you switch themes, open Theme status again and enable the embed on the new theme. ### Does turning on the embed slow down my store? The embed adds the share-image meta tags to your pages' HTML head; it does not inject storefront tracking scripts. The share images themselves are generated on our side, not in the shopper's browser. ### How do I check the share image is correct after enabling it? Use the free Social Share Preview Checker: paste any store URL and it fetches your live Open Graph tags and renders the preview for Facebook, X/Twitter, WhatsApp and more, flagging issues like a missing og:image before you share the link widely. ## Related - [How to Set Up a Shopify Social Share Image for Every Product and Page](https://yuhuapps.com/docs/shopify-social-share-image.md) - [WhatsApp Link Preview on Shopify: Fix Blank or Wrong Share Images](https://yuhuapps.com/docs/whatsapp-link-preview-shopify.md) - [Test Your Shopify Link Preview with a Free Share Image Checker](https://yuhuapps.com/docs/test-shopify-link-preview-checker.md) --- # Test Your Shopify Link Preview with a Free Share Image Checker > Paste any Shopify store URL into the free Social Share Preview Checker to see exactly how your link preview renders on Facebook, X/Twitter, WhatsApp, LinkedIn and more — and what to fix if the og:image is missing. Link previews · 4 min read · Updated 2026-09-05 Canonical: https://yuhuapps.com/docs/test-shopify-link-preview-checker Before you share a store link widely, it helps to see the preview the way each platform will build it — the image, title and description pulled from your page's **Open Graph** tags. The free **Social Share Preview Checker** does exactly that: paste any Shopify URL and it fetches the page's live `og:`/`twitter:` tags and renders the preview card for Facebook, X/Twitter, WhatsApp, LinkedIn and more — then flags anything that would make the preview look broken. It is a **free tool, no signup**, and it works on any store, not just ones running our app. ## 1. Open the Share Preview Checker Go to the **Social Share Preview Checker** under Tools on our site. You will see a single field labelled with the placeholder *https://your-store.myshopify.com/products/your-product*. It **works on any Shopify store URL** — your `.myshopify.com` address or your custom domain — so you do not need to install anything to try it. ![Open the Share Preview Checker — inputname="url", buttontype="submit" highlighted](https://yuhuapps.com/docs-assets/img/test-shopify-link-preview-checker/01-checker-form.png) ## 2. Paste a store link and check the preview Paste a product, collection or page URL and press **Check preview**. The tool fetches that one page, reads its Open Graph and Twitter-card tags, and grades the result — surfacing issues like a missing `og:image`, a too-small image, or a missing title. Each issue is shown as a coloured banner so you can see at a glance whether the link is share-ready. ![Paste a store link and check the preview — .alert highlighted](https://yuhuapps.com/docs-assets/img/test-shopify-link-preview-checker/02-checker-grade.png) ## 3. See the preview on each platform Below the grade, the tool renders the preview card for each destination — **Facebook**, **X/Twitter**, **WhatsApp**, LinkedIn, Discord, Slack, iMessage, Telegram and Reddit — each keeping that platform's own native card look, so what you see is close to what your customers will see. There is also a **Raw tags we found** panel that lists the exact `og:title`, `og:description`, `og:image` and Twitter-card values the page returned. ![See the preview on each platform — platform preview cards highlighted](https://yuhuapps.com/docs-assets/img/test-shopify-link-preview-checker/03-checker-platforms.png) ## 4. Fix a missing or wrong image If the checker flags a missing or weak image, that is the `og:image` talking — the single tag every platform reads for the preview picture. On a Shopify store, the fix is to serve a proper, branded `og:image` per page, which is what **Social Media Share Image** does automatically for every product, collection, page and article. After you enable the app's theme embed, run the same URL through the checker again to confirm the new image is being served. ## 5. Re-check after platforms re-scrape Platforms cache previews per URL, so a link you already shared can keep showing an old card even after you fix the tag. The checker always reads the *current* tags on the page, so it shows you the real state immediately — but on Facebook or WhatsApp itself, share a fresh link (or use that platform's own re-scrape/debug tool) to force the cached preview to update. ## FAQ ### How do I test what my Shopify link looks like when shared? Paste the URL into the free Social Share Preview Checker and press Check preview. It fetches your page's live Open Graph tags and renders the preview card for Facebook, X/Twitter, WhatsApp, LinkedIn and more, so you can see exactly how the link will look before you share it. ### What does the link preview checker actually read? It reads your page's public Open Graph and Twitter-card meta tags — og:image, og:title, og:description, twitter:card and twitter:image — plus the page title and meta description. For product pages it may also read the store's public /products/.json to see the product photos. ### Why does the checker say my og:image is missing? It means the page did not return a valid og:image tag, so most platforms will fall back to a random image or none at all. Serving a dedicated og:image per page fixes it — Social Media Share Image generates and serves that image automatically once its theme embed is enabled. ### Is the checker free, and do I need to install the app? The checker is free with no signup and works on any Shopify store URL, whether or not you use our app. You only need the app if you want it to generate and serve branded share images for your store automatically. ### Why does the preview still look wrong after I fixed it? Platforms cache link previews per URL. The checker reads the current tags so it updates right away, but Facebook, WhatsApp and others keep showing the cached card until they re-fetch the page. Share a fresh link or use the platform's own re-scrape tool to force an update. ### What is the YuhuSharePreview bot in my server logs? That is this checker fetching the URL a person submitted. It is not a crawler — it only fetches URLs people submit, never follows links, and never visits on a schedule. It makes at most one or two requests per check, caches results for 24 hours, respects rate limits, and signs every request with RFC 9421 HTTP Message Signatures. ### Which platforms does it show a preview for? Facebook, X/Twitter, WhatsApp, LinkedIn, Discord, Slack, iMessage, Telegram and Reddit — each rendered in that platform's own card style so the preview is representative of the real thing. ## Related - [How to Set Up a Shopify Social Share Image for Every Product and Page](https://yuhuapps.com/docs/shopify-social-share-image.md) - [WhatsApp Link Preview on Shopify: Fix Blank or Wrong Share Images](https://yuhuapps.com/docs/whatsapp-link-preview-shopify.md) - [Shopify Social Share Image Not Showing? Enable the App Embed](https://yuhuapps.com/docs/enable-share-images-theme-embed.md) --- # WhatsApp Link Preview on Shopify: Fix Blank or Wrong Share Images > Get a proper WhatsApp link preview for your Shopify store. Learn how the og:image controls what shows when a product link is shared, and how to set a branded preview image. Link previews · 5 min read · Updated 2026-09-05 Canonical: https://yuhuapps.com/docs/whatsapp-link-preview-shopify When you paste a Shopify link into **WhatsApp**, the little card that appears — image, title and description — is pulled from your page's *Open Graph* tags, especially the `og:image`. If that image is missing, cropped oddly, or just a bare product photo, your shared links look unfinished. This guide explains what WhatsApp actually reads, why the preview sometimes shows the wrong thing, and how **Social Media Share Image (Yuhu)** generates a designed, branded preview image so every product, collection, page and blog link you share on WhatsApp looks intentional. ## 1. Understand what WhatsApp reads for the preview WhatsApp doesn't invent a preview — it fetches the shared URL and reads its **Open Graph** tags. The `og:image` decides the picture, while `og:title` and `og:description` fill in the text. If a page has no dedicated share image, WhatsApp falls back to whatever it can find, which is often a raw product photo or nothing at all. The goal is to make sure each page serves a purpose-built *og:image*. ## 2. Install the app and enable the theme app embed Install **Social Media Share Image** from the Shopify App Store. The app generates a custom share image for your products, collections and blog articles automatically (store pages can be switched on in Settings) and serves it as the `og:image` through a theme **app embed** — the dashboard gives you a one-click link to enable it and save your theme. It also disables competing Open Graph snippets in the theme so your new image is the one WhatsApp actually picks up. ![Install the app and enable the theme app embed — s-buttontarget="_blank" highlighted](https://yuhuapps.com/docs-assets/img/whatsapp-link-preview-shopify/02-theme-status.png) ## 3. Brand the image WhatsApp will show In Settings, make the preview yours: add your **logo** (position, size, opacity), set a brand color, and overlay live text using tokens like `{title}`, `{price}` and `{discount}` — plus an optional corner badge for sales. For products, a **collage layout** can combine up to 4 product photos into one preview image. One-click style presets (Clean minimal, Title & price, On sale, and more) get you a designed look without touching individual settings. ## 4. Share a link and confirm the WhatsApp preview Send one of your store links to yourself in WhatsApp and check the card that appears. Because WhatsApp caches previews per URL, a link that was shared before may keep showing the old image for a while — the new image appears once WhatsApp refreshes its cache, so try a link that hasn't been shared yet to see the current state immediately. Going forward the app regenerates the share image automatically whenever a product changes, so previews stay accurate without manual work. ## 5. Test with the built-in Share Preview Checker To see exactly what WhatsApp will read without spamming your own chats, paste the URL into the app's free **Share Preview Checker** (under Tools on our site). It fetches your page's live Open Graph tags and renders the preview card per platform — including WhatsApp — alongside Facebook, X/Twitter, LinkedIn, Discord, Slack, iMessage, Telegram and Reddit, and flags problems such as a missing og:image before you share the link widely. ![Test with the built-in Share Preview Checker — WhatsApp preview card highlighted](https://yuhuapps.com/docs-assets/img/whatsapp-link-preview-shopify/05-whatsapp-card.png) ## FAQ ### Why is my WhatsApp link preview blank on Shopify? A blank preview usually means the shared page has no valid og:image, or the image URL isn't reachable when WhatsApp tries to fetch it. Making sure each page serves a proper Open Graph image fixes this — the app generates and serves that og:image automatically once its theme app embed is enabled. ### How do I change the image that shows when I share a Shopify link on WhatsApp? WhatsApp uses your page's og:image. With the app installed, you brand the generated image (logo, colors, text overlay with price and discount tokens, collage layouts) and that image becomes the preview WhatsApp displays. ### Why does WhatsApp still show the old preview after I updated it? WhatsApp caches previews per URL, so a link you already shared may keep showing the old card for a while. Share a fresh link to see the current image, and the cached one updates when WhatsApp re-fetches the page. The app regenerates the underlying image automatically when products change. ### Does this only work for WhatsApp? No. The same Open Graph image works across every app that reads og:image — including Facebook, X/Twitter, LinkedIn, Discord, Slack, iMessage, Telegram and Reddit — and an optional Pinterest mode generates a dedicated tall pin image. ### Is this the same as a social share button? No. Share-button apps add buttons for visitors to click. This app generates the preview image itself — the picture that appears in the WhatsApp card when a link is shared. ## Related - [How to Set Up a Shopify Social Share Image for Every Product and Page](https://yuhuapps.com/docs/shopify-social-share-image.md)