[{"data":1,"prerenderedAt":16},["ShallowReactive",2],{"blog-post-product-images-in-chatbot":3},{"id":4,"slug":5,"title":6,"metaDescription":7,"heroImageUrl":8,"languageCode":9,"publishedAt":10,"updatedAt":11,"contentHtml":12,"faqJsonLd":13,"keywords":14},1018658,"product-images-in-chatbot","Product Images in a Chatbot: How to Set Them Up Right","How to show product images in a website chatbot: feed fields, card layout for mobile, image rules and upkeep, so shoppers see the right photo, price and stock.","https:\u002F\u002Fmedia.babylovegrowth.ai\u002Fblog-images\u002Forganization-42511\u002F1792933508344_Shop-owner-checks-a-backpack-image-on-her-phone.jpeg","en","2026-10-27T02:00:42.585Z","2026-10-27T04:21:03.497Z","\u003Cp>To show product images in a chatbot, the assistant needs a clean source of product data (a WooCommerce store or a Google Merchant or Facebook product feed), an image URL on every product that a browser can load, and a card layout that works on a phone. Get those three right and the chatbot can answer “do you have a blue one under $50?” with the product, its photo, its price and its stock status, instead of a paragraph of text the shopper has to picture.\u003C\u002Fp>\n\u003Cp>This guide covers where the images come from, which fields matter, how to format cards for desktop and mobile, what to check before you go live, and how to keep it all accurate without babysitting it.\u003C\u002Fp>\n\u003Cdiv data-blg-cta=\"after_tldr\" data-blg-cta-layout=\"strip\" style=\"margin:28px 0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;box-sizing:border-box;\">\u003Cdiv style=\"border-radius:26px;padding:min(14px,3.2vw);background:radial-gradient(circle at 100% 0%,#d7f2fc 0 150px,rgba(255,255,255,0) 151px),radial-gradient(circle at 0% 100%,#d7f2fc 0 130px,rgba(255,255,255,0) 131px),linear-gradient(180deg,#e4f6fd 0%,#f2fbfe 100%);\">\u003Cdiv style=\"background:#ffffff;border-radius:18px;box-shadow:0 12px 34px rgba(0,0,0,0.13);overflow:hidden;\">\u003Cdiv style=\"display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;padding:20px 24px;\">\u003Cdiv style=\"flex:1 1 260px;min-width:0;\">\u003Cdiv style=\"margin:0 0 8px;\">\u003Cspan style=\"display:inline-block;max-width:100%;box-sizing:border-box;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;line-height:1.3;background:#1FB8EF;color:#ffffff;\">Konvuno\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv style=\"font-size:19px;font-weight:800;line-height:1.2;letter-spacing:-0.01em;color:#1f2937;margin:0;\">Keep Product Answers Up to Date\u003C\u002Fdiv>\u003Cdiv style=\"font-size:14px;line-height:1.5;color:#64748b;margin-top:4px;\">Konvuno syncs product catalogs from WooCommerce and Google Merchant or Facebook feeds, keeping product answers, prices, and availability current.\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv style=\"flex:0 0 auto;\">\u003Ca href=\"https:\u002F\u002Fkonvuno.com\" style=\"display:inline-flex;align-items:center;gap:9px;border-radius:10px;font-weight:700;font-size:15px;text-decoration:none;padding:13px 22px 13px 26px;background:#1FB8EF;color:#ffffff;\">Explore Konvuno\u003Csvg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:block;flex:0 0 auto;\">\u003Cpath d=\"M5 12h14\"\u002F>\u003Cpath d=\"m12 5 7 7-7 7\"\u002F>\u003C\u002Fsvg>\u003C\u002Fa>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Ch2 id=\"tldr\" tabindex=\"-1\">TL;DR\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>Pull images from your catalog feed, not from page scraping or manual uploads. One source of truth keeps photo, price and availability in step.\u003C\u002Fli>\n\u003Cli>Every product needs a public image URL over HTTP or HTTPS, a main photo that shows the actual product, and no watermarks, borders or promotional text.\u003C\u002Fli>\n\u003Cli>Keep cards simple on mobile: one clear image, name, price, stock status and one button. Drop images that add no information.\u003C\u002Fli>\n\u003Cli>Aim for source photos of 1500×1500 pixels or larger. Google Merchant Center sets a 500×500 minimum for all products starting 31 January 2027.\u003C\u002Fli>\n\u003Cli>Automatic feed sync is what keeps chatbot answers current. Stale feeds are the main reason chatbots show the wrong photo or price.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2 id=\"table-of-contents\" tabindex=\"-1\">Table of Contents\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>\u003Ca href=\"#why-images-change-how-shoppers-use-a-chatbot\">Why images change how shoppers use a chatbot\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"#where-a-chatbot-gets-its-product-images\">Where a chatbot gets its product images\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"#the-fields-a-chatbot-needs-to-show-the-right-product\">The fields a chatbot needs to show the right product\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"#how-to-format-product-cards-for-desktop-and-mobile\">How to format product cards for desktop and mobile\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"#image-rules-to-check-before-you-go-live\">Image rules to check before you go live\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"#keeping-images-prices-and-stock-accurate\">Keeping images, prices and stock accurate\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"#what-we-have-learned-about-product-images-in-chat\">What we have learned about product images in chat\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"#setting-this-up-with-konvuno\">Setting this up with Konvuno\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"#a-practical-rollout-checklist\">A practical rollout checklist\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"#faq\">FAQ\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"#sources\">Sources\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2 id=\"why-images-change-how-shoppers-use-a-chatbot\" tabindex=\"-1\">Why images change how shoppers use a chatbot\u003C\u002Fh2>\n\u003Cp>A text answer to a product question forces the shopper to imagine. “The Alder backpack comes in sage, charcoal and rust” is accurate, but the shopper still has to leave the chat, open a page and look. An image in the answer closes that gap in one step.\u003C\u002Fp>\n\u003Cp>Images matter most in three situations:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Browsing questions.\u003C\u002Fstrong> “What do you have for trail running?” is a request to look at options, not read a list.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Variant questions.\u003C\u002Fstrong> Color, pattern and finish are visual. Words are a poor substitute.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Confirmation.\u003C\u002Fstrong> Someone who asked “is this the one with the removable strap?” wants to see the product before they trust the answer.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Not every answer needs a picture. Opening hours, shipping times and return policy are text questions. A good chatbot shows images when the question is about a product and stays plain otherwise.\u003C\u002Fp>\n\u003Ch2 id=\"where-a-chatbot-gets-its-product-images\" tabindex=\"-1\">Where a chatbot gets its product images\u003C\u002Fh2>\n\u003Cp>There are four common sources, and they are not equal.\u003C\u002Fp>\n\u003Cdiv class=\"kv-doc-table\">\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Source\u003C\u002Fth>\n\u003Cth>How it works\u003C\u002Fth>\n\u003Cth>Main risk\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>WooCommerce catalog\u003C\u002Ftd>\n\u003Ctd>The assistant reads product data directly from your store\u003C\u002Ftd>\n\u003Ctd>Low, if image fields are filled in\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Google Merchant or Facebook product feed\u003C\u002Ftd>\n\u003Ctd>The assistant syncs from a feed you already publish\u003C\u002Ftd>\n\u003Ctd>Low, if the feed is healthy\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Scraping your pages\u003C\u002Ftd>\n\u003Ctd>The assistant guesses which image on a page is the product\u003C\u002Ftd>\n\u003Ctd>Picks banners, icons, wrong variants\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Manual uploads\u003C\u002Ftd>\n\u003Ctd>You attach images to answers by hand\u003C\u002Ftd>\n\u003Ctd>Goes stale the day a product changes\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\u003C\u002Fdiv>\n\u003Cp>For any store with more than a handful of products, the first two win. The data already exists, it is already maintained for shopping channels, and it updates when you change the product.\u003C\u002Fp>\n\u003Ch3 id=\"woocommerce\" tabindex=\"-1\">WooCommerce\u003C\u002Fh3>\n\u003Cp>WooCommerce’s \u003Ca href=\"https:\u002F\u002Fwoocommerce.com\u002Fdocument\u002Fwoocommerce-product-search\u002Fapi\u002Frest\u002Fproducts\u002F\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">documented product response\u003C\u002Fa> includes the product name, permalink, SKU, price, sale status, categories, and images with their source URLs and alt text. Variations carry their own price, SKU, stock status and selected attributes. That is nearly everything a product card needs, in one structured record.\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"https:\u002F\u002Fmedia.babylovegrowth.ai\u002Fblog-images\u002Forganization-42511\u002F1792933558390_Fields-included-in-a-WooCommerce-product-record.jpeg\" alt=\"Fields included in a WooCommerce product record\">\u003C\u002Fp>\n\u003Cp>The same documentation shows the product endpoint can be searched and filtered by text, SKU, category, tag, attribute, price, sale status, stock status and visibility. For a chatbot, this is what makes “show me sale items in stock” answerable from real data.\u003C\u002Fp>\n\u003Ch3 id=\"google-merchant-and-facebook-feeds\" tabindex=\"-1\">Google Merchant and Facebook feeds\u003C\u002Fh3>\n\u003Cp>If you already run shopping ads or a Facebook catalog, you have a feed that describes every product. Google’s \u003Ca href=\"https:\u002F\u002Fsupport.google.com\u002Fmerchants\u002Fanswer\u002F7052112?hl=en-GB-0\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">product data specification\u003C\u002Fa> requires an \u003Ccode>image_link\u003C\u002Fcode> for the main product image, and the URL must use HTTP or HTTPS and be crawlable. Availability must match your landing page, checkout pages and structured data.\u003C\u002Fp>\n\u003Cp>That last rule is useful beyond ads. A chatbot reading the same feed inherits the discipline you already apply for Google: one price, one availability value, one image per product.\u003C\u002Fp>\n\u003Ch2 id=\"the-fields-a-chatbot-needs-to-show-the-right-product\" tabindex=\"-1\">The fields a chatbot needs to show the right product\u003C\u002Fh2>\n\u003Cp>An image alone is not enough. A card that shows a photo with the wrong price does more harm than no card. At minimum, each product record should carry:\u003C\u002Fp>\n\u003Col>\n\u003Cli>\u003Cstrong>A stable product ID or SKU\u003C\u002Fstrong>, so the chatbot never mixes up two similar items.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Title\u003C\u002Fstrong> that matches the product page.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Main image URL\u003C\u002Fstrong>, public and permanent.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Price and sale price\u003C\u002Fstrong>, in the currency your customers see.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Availability\u003C\u002Fstrong>: in stock, out of stock, or preorder. Google also expects an availability date for preorder or backorder items.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Product page URL\u003C\u002Fstrong>, so the card can send the shopper to buy.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Variant data\u003C\u002Fstrong>: size, color and the image that belongs to each variant.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>Variants deserve special attention. In WooCommerce, a parent product has images, while each variation has its own identifier, price, attributes and stock status. If your variable products use one parent photo for every color, the chatbot will happily show a sage backpack when the shopper asked for rust. Assign an image to each variation that differs visually.\u003C\u002Fp>\n\u003Ch2 id=\"how-to-format-product-cards-for-desktop-and-mobile\" tabindex=\"-1\">How to format product cards for desktop and mobile\u003C\u002Fh2>\n\u003Cp>Most chatbot sessions on a small business site happen on a phone, in a narrow panel. Design for that first.\u003C\u002Fp>\n\u003Ch3 id=\"what-the-photo-itself-should-look-like\" tabindex=\"-1\">What the photo itself should look like\u003C\u002Fh3>\n\u003Cp>Google’s \u003Ca href=\"https:\u002F\u002Fsupport.google.com\u002Fmerchants\u002Fanswer\u002F18353357?hl=en\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">image best practices\u003C\u002Fa> recommend a crisp, well-lit shot of the full product on a clean, solid white or light-neutral background, with the product filling 75% to 90% of the frame. That framing also happens to suit small chat cards: the product stays recognizable when the image is shrunk to a thumbnail.\u003C\u002Fp>\n\u003Cp>Lifestyle shots look great on a product page but crop badly in a card. Use the clean hero shot as the card image and leave the lifestyle photos for the page.\u003C\u002Fp>\n\u003Ch3 id=\"what-belongs-on-the-card\" tabindex=\"-1\">What belongs on the card\u003C\u002Fh3>\n\u003Cp>Keep it to what helps a decision:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>One image\u003C\u002Fli>\n\u003Cli>Product name\u003C\u002Fli>\n\u003Cli>Price (and sale price if there is one)\u003C\u002Fli>\n\u003Cli>Stock status\u003C\u002Fli>\n\u003Cli>One button, such as “View product”\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>If a card needs a second line of copy to explain itself, the product title is probably too long. Trim it in the feed rather than in the widget.\u003C\u002Fp>\n\u003Ch3 id=\"mobile-rules-that-matter\" tabindex=\"-1\">Mobile rules that matter\u003C\u002Fh3>\n\u003Cp>The Nielsen Norman Group’s guidance on \u003Ca href=\"https:\u002F\u002Fwww.nngroup.com\u002Farticles\u002Fbig-pictures-small-screens\u002F\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">big pictures on small screens\u003C\u002Fa> says the decision to include an image should rest on its information value. If a picture does not add real understanding, removing it usually makes a small screen easier to use. For a chatbot, that means: show the image when someone asks about a product, and skip decorative images in policy or support answers.\u003C\u002Fp>\n\u003Cp>The same source notes that small images such as icons and line drawings can sit inline next to text, but that approach rarely works for photographs. Give product photos their own space in the card, with the text beneath or beside a properly sized thumbnail.\u003C\u002Fp>\n\u003Cp>On loading, Shopify’s developer documentation on \u003Ca href=\"https:\u002F\u002Fshopify.dev\u002Fdocs\u002Fstorefronts\u002Fthemes\u002Fbest-practices\u002Fperformance\u002Fimplement-responsive-design\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">responsive layouts for mobile\u003C\u002Fa> recommends using the \u003Ccode>sizes\u003C\u002Fcode> attribute so the browser picks the smallest sufficient image for the viewport. A chat widget that loads a 3000-pixel original for a 120-pixel thumbnail will feel slow on a mobile connection. Serve a resized version, and load images only when a card is actually shown.\u003C\u002Fp>\n\u003Ch3 id=\"accessibility\" tabindex=\"-1\">Accessibility\u003C\u002Fh3>\n\u003Cp>Every product image should have alt text. WooCommerce stores it with the image, so fill it in once and every surface that reads your catalog benefits. Write it like a short description of the product (“Rust-colored canvas backpack with leather straps”), not a keyword string. Do not rely on the image alone to carry the price or availability: keep those as real text on the card so screen readers and low-bandwidth users get them.\u003C\u002Fp>\n\u003Ch2 id=\"image-rules-to-check-before-you-go-live\" tabindex=\"-1\">Image rules to check before you go live\u003C\u002Fh2>\n\u003Cp>Google Merchant Center’s specification is a handy checklist even if you never run ads. It says product images must accurately display the product, use an accepted image format, and must not be placeholders, generic images, promotional text, watermarks, borders or upscaled thumbnails.\u003C\u002Fp>\n\u003Cp>Run through this list on your catalog:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>No placeholders.\u003C\u002Fstrong> A grey “image coming soon” tile in a chat card looks broken.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>No sale banners baked into the photo.\u003C\u002Fstrong> The price in the image will be wrong the moment the sale ends. Let the card show the live price as text.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>No watermarks or borders.\u003C\u002Fstrong> They shrink the product and look cluttered at thumbnail size.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Accessible URLs.\u003C\u002Fstrong> The image must load for anyone, so avoid URLs that sit behind a login or block outside requests.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Real resolution.\u003C\u002Fstrong> Google \u003Ca href=\"https:\u002F\u002Fsupport.google.com\u002Fmerchants\u002Fanswer\u002F6324350\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">recommends\u003C\u002Fa> 1500×1500 pixels or larger for best performance, and announced a 500×500 pixel minimum for all products beginning 31 January 2027. Photos below that line are worth reshooting now.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>If you want to go deeper on how image accuracy and structured data support each other, this walkthrough on \u003Ca href=\"https:\u002F\u002Fbabylovegrowth.ai\u002Fblog\u002Fecommerce-schema-markup\" target=\"_blank\" rel=\"noopener\">ecommerce schema markup types\u003C\u002Fa> is a practical companion.\u003C\u002Fp>\n\u003Ch2 id=\"keeping-images-prices-and-stock-accurate\" tabindex=\"-1\">Keeping images, prices and stock accurate\u003C\u002Fh2>\n\u003Cp>The hard part is not the first setup. It is month six, when a supplier changes a pack, you discontinue a color, and a price moves during a sale.\u003C\u002Fp>\n\u003Cp>OpenAI’s \u003Ca href=\"https:\u002F\u002Fchatgpt.com\u002Fmerchants\u002F\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">merchant guidance\u003C\u002Fa> says rich shopping results combine images, pricing and key details, and that complete, current feeds improve catalog coverage and accuracy. The principle applies to any assistant: the fresher the feed, the fewer wrong answers.\u003C\u002Fp>\n\u003Cp>A few habits keep things in line:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Fix the source, not the chatbot.\u003C\u002Fstrong> When a photo is wrong, correct it in WooCommerce or your feed. Every channel then updates together.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Use automatic sync.\u003C\u002Fstrong> Manual exports are forgotten. A scheduled sync is not.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Keep one price and one availability value everywhere.\u003C\u002Fstrong> The chatbot, the product page, structured data and checkout should agree. This guide to \u003Ca href=\"https:\u002F\u002Flocalseobot.com\u002Fblog\u002Fgbp-products-optimization\" target=\"_blank\" rel=\"noopener\">catalog data consistency\u003C\u002Fa> shows why mismatches cost you trust as well as rankings.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Review what shoppers ask.\u003C\u002Fstrong> If people keep asking about a product the chatbot cannot illustrate, that product probably has a missing or poor image.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Retire dead products.\u003C\u002Fstrong> Remove discontinued items from the feed instead of leaving them as out of stock forever.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2 id=\"what-we-have-learned-about-product-images-in-chat\" tabindex=\"-1\">What we have learned about product images in chat\u003C\u002Fh2>\n\u003Cp>We build Konvuno for owners who do not have a developer or a support team, so we look at this topic from the owner’s chair. Our view is plain: the chatbot should never be the place where you maintain product images. It should read them from the catalog you already keep.\u003C\u002Fp>\n\u003Cp>That is why Konvuno syncs product catalogs automatically from WooCommerce or any Google Merchant or Facebook product feed. Answers about products, prices and availability stay current without anyone re-entering data. The second thing we see is that most image problems are catalog problems in disguise: a missing variant photo, a placeholder, a banner baked into the picture. A chatbot just makes those problems visible faster, because shoppers meet them in a conversation.\u003C\u002Fp>\n\u003Cp>The third is that you should be able to try before you commit. In Konvuno you can configure the assistant fully and preview it before paying, so you can ask it the questions your shoppers ask and see exactly what comes back.\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>\u003Cem>— Konstantin\u003C\u002Fem>\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Ch2 id=\"setting-this-up-with-konvuno\" tabindex=\"-1\">Setting this up with Konvuno\u003C\u002Fh2>\n\u003Cp>If you run WooCommerce or publish a Google Merchant or Facebook feed, setup is short. You add one script tag to your site, connect your catalog, and manage everything from the hosted dashboard: conversations, captured leads, knowledge and analytics on what visitors actually ask. There is no per-seat pricing and no developer dependency.\u003C\u002Fp>\n\u003Cp>Plans are Starter at 29 EUR per month, Growth at 79 EUR per month and Business at 199 EUR per month, and every plan includes full conversational catalog capabilities. You can compare them on the \u003Ca href=\"https:\u002F\u002Fkonvuno.com\u002F\" target=\"_blank\" rel=\"noopener\">Konvuno plans page\u003C\u002Fa>.\u003C\u002Fp>\n\u003Ch2 id=\"a-practical-rollout-checklist\" tabindex=\"-1\">A practical rollout checklist\u003C\u002Fh2>\n\u003Cp>Use this order and you will catch most problems before shoppers do.\u003C\u002Fp>\n\u003Col>\n\u003Cli>\u003Cstrong>Audit 20 top products.\u003C\u002Fstrong> Open each one and check the main image against the list above: real photo, clean background, no text overlays, enough resolution.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Fix variants.\u003C\u002Fstrong> For every product with color or pattern options, make sure each variation has its own image.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Check the feed.\u003C\u002Fstrong> Confirm \u003Ccode>image_link\u003C\u002Fcode> resolves publicly and that price and availability match the product page.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Connect the catalog.\u003C\u002Fstrong> Sync from WooCommerce or your feed, not from a spreadsheet.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Test on a phone.\u003C\u002Fstrong> Ask the assistant five real questions: a browse question, a price question, a variant question, a stock question and one it should not illustrate. Look at how the cards render in a narrow panel.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Watch the first two weeks.\u003C\u002Fstrong> Read the conversations and the analytics. Questions that end without a click are your to-do list.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Ch2 id=\"faq\" tabindex=\"-1\">FAQ\u003C\u002Fh2>\n\u003Ch3 id=\"can-a-chatbot-show-product-images-without-a-developer\" tabindex=\"-1\">Can a chatbot show product images without a developer?\u003C\u002Fh3>\n\u003Cp>Yes, if it connects to a catalog you already maintain. With a WooCommerce store or a Google Merchant or Facebook product feed, the product data and image URLs already exist, so the assistant reads them instead of someone coding each answer. You mostly configure it from a dashboard.\u003C\u002Fp>\n\u003Ch3 id=\"what-image-size-should-i-use-for-chatbot-product-cards\" tabindex=\"-1\">What image size should I use for chatbot product cards?\u003C\u002Fh3>\n\u003Cp>Start with source photos of 1500×1500 pixels or larger, which is Google’s recommendation for best performance. The chat widget should then serve a smaller resized copy to fit the card. Google’s announced minimum for all products from 31 January 2027 is 500×500 pixels.\u003C\u002Fp>\n\u003Ch3 id=\"why-does-my-chatbot-show-the-wrong-image-or-price\" tabindex=\"-1\">Why does my chatbot show the wrong image or price?\u003C\u002Fh3>\n\u003Cp>Usually the source data is out of date or inconsistent. Check that the product page, feed and structured data agree, that variants have their own images, and that your catalog syncs automatically. Fix the error at the source and every channel updates.\u003C\u002Fp>\n\u003Ch3 id=\"do-i-need-images-in-every-chatbot-answer\" tabindex=\"-1\">Do I need images in every chatbot answer?\u003C\u002Fh3>\n\u003Cp>No. Images help most when a shopper asks about a product, a color or a comparison. For shipping, returns and opening hours, plain text is faster to read, especially on a phone.\u003C\u002Fp>\n\u003Ch3 id=\"can-ai-create-product-images-for-my-chatbot\" tabindex=\"-1\">Can AI create product images for my chatbot?\u003C\u002Fh3>\n\u003Cp>AI tools can generate or edit images, but anything shown as your product must accurately display the real item. Google’s rules rule out generic images and misleading visuals, so use real photography for the main card image and treat generated scenes as extras.\u003C\u002Fp>\n\u003Ch2 id=\"sources\" tabindex=\"-1\">Sources\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fsupport.google.com\u002Fmerchants\u002Fanswer\u002F7052112?hl=en-GB-0\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Product data specification, Google Merchant Center Help\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fsupport.google.com\u002Fmerchants\u002Fanswer\u002F18353357?hl=en\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Image best practices, Google Merchant Center Help\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fsupport.google.com\u002Fmerchants\u002Fanswer\u002F6324350\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Image link [image_link], Google Merchant Center Help\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwoocommerce.com\u002Fdocument\u002Fwoocommerce-product-search\u002Fapi\u002Frest\u002Fproducts\u002F\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Products documentation, WooCommerce\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fshopify.dev\u002Fdocs\u002Fstorefronts\u002Fthemes\u002Fbest-practices\u002Fperformance\u002Fimplement-responsive-design\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Build responsive layouts that perform well on mobile, Shopify\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fwww.nngroup.com\u002Farticles\u002Fbig-pictures-small-screens\u002F\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Big Pictures on Small Screens, Nielsen Norman Group\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fchatgpt.com\u002Fmerchants\u002F\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Power product discovery in ChatGPT, OpenAI\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>",null,[15],"product images in chatbot",1794110722027]