To create a new product-card image from a WooCommerce catalog, fetch the product’s name, price and image URL, place those fields in a fixed HTML/CSS template, then render the markup to PNG, JPG or WebP. Keep this separate from WooCommerce’s native product-image thumbnails: those are resized versions of the original product photo used in storefront locations such as catalog listings, carts and widgets.
The workflow below applies to a WooCommerce store in India, but the cited technical documentation does not establish India-specific hosting, tax, payment or regulatory requirements. Confirm API access, image sizes and theme behavior on the store you are actually using.
As an Amazon Associate I earn from qualifying purchases.
Choose between WooCommerce thumbnails and generated product cards
Use native image sizes for storefront product photography
WooCommerce distinguishes single-product images, catalog images in product loops and smaller thumbnails used in places such as the cart and widgets. It generates display sizes from the uploaded original; its product-image guide recommends an original of at least 800 × 800 pixels. The theme can define its own image sizes, so the displayed crop and dimensions depend on the store’s configuration. See WooCommerce’s product image and gallery documentation.
The Tool Desk
Outbyte PC Repair FREERepair Windows errors before they cause bigger problemsFix Now →Outbyte Driver Updater FREEFix the driver behind crashes, sound loss and screen glitchesFind Drivers →If the image itself is right and you only need to adjust its storefront display, first inspect the theme’s image settings rather than generating a separate file. In classic themes, image controls may appear in the Customizer. Block themes may not show a Customize menu.
#1 Best Overall
- Product Photography Backdrops - This multi-colored photo backdrop set is designed for small product and food photography. Includes 6 double-sided 0.25mm / 230G laminated photography paper backdrops with 12 colors and a tabletop T-shape stand for clean product photos.
- 22x34 in Small Product Background - Each 22x34 inch photo backdrop gives small products more room for tabletop photography, flat lay photos and front-view product shots. Great for jewelry and accessories, cosmetics and skincare, snacks and beverages, DIY crafts, toys, figures and small collectibles.
- 12 Colors for Sellers and Creators - More flexible than plain black or white backgrounds, these textured paper backdrops help online sellers, UGC creators, content creators, food bloggers, product photographers and small businesses create clean ecommerce photos, warm food shots, darker jewelry images, social media content and short product videos.
- Easy Setup with Tabletop T-shape Stand - Simple to set up, switch backgrounds and start shooting. Use the included tabletop T-shape stand to hold the backdrop upright for front-view product photos, or lay the backdrop flat for overhead flat lay photography, food styling and styled product shots.
- Easy-to-Wipe Laminated Paper Backdrops - The laminated paper backdrops wipe clean after light use in product and food photography. Practical for product listings, catalogs, UGC content, social media content creation, short tabletop product videos and home photo studio setups. Avoid soaking the edges in water.
Use HTML-to-image for a composed card
If the output needs a product photo combined with a name, price, badge or call to action, treat it as a new designed asset. A renderer turns HTML/CSS into a separate image; it does not change WooCommerce’s native image sizes. Decide the intended placement first, because a store listing, social post and messaging preview may need different aspect ratios.
Get the product fields and image URL
Public, published products
The WooCommerce Store API exposes published products for public catalog use. Draft and pending products are not available as public catalog items through that API. See the Store API products documentation.
Private or merchant-authorized data
For private catalog workflows, use an authorized integration with the WooCommerce REST API. Its product endpoints return product properties and image data; the retrieval endpoint documents an image_size parameter for a registered image size, falling back to full size when that size is not registered. The API also supports creating products with image data. See WooCommerce REST API v3 product documentation.
Rank #2
- PRODUCT PHOTOGRAPHY, MADE SIMPLE. Create clean, consistent product photos with 20 realistic backgrounds for food and drinks, jewelry, beauty products, handmade items, toys, figures and collectibles. Switch backgrounds in seconds. Spend less time editing so you can focus on product photography and content creation.
- COMPLETE TABLETOP PHOTO STUDIO KIT. Includes a 2.6 mm thick foldable photo backdrop board, 10 double-sided product photography backdrops with 20 realistic background patterns, L-brackets and a carry bag. The compact 16.5 × 11.7 in tabletop photography kit sets up in about a minute and provides a stable 90° shooting setup for desks, home studios and small workspaces.
- MORE WAYS TO SHOOT WITH ONE KIT. Use realistic wood, stone, concrete and neutral background styles for small product and tabletop photography, product flat lays, front-view shots, storefront images, product catalogs, short-form videos and social media content.
- Designed for Amazon, Etsy and Shopify sellers, food bloggers, UGC creators, content creators, product photographers and small businesses creating ecommerce listings, product photos, product videos and content for Instagram, TikTok, Pinterest and other social media platforms.
- MATTE, WIPE-CLEAN & EASY TO STORE. Made from 0.25 mm / 230G laminated photography paper, the smooth matte surface helps reduce glare and lays flatter than thin paper for cleaner product photos. The wipe-clean coating makes everyday food, beauty and small product shoots easier, while the foldable board and included carry bag simplify storage.
Select only what the card needs: for example, product name, permalink, price and an appropriate image URL. Handle a missing image or optional price deliberately, and request a smaller registered image when it suits the final card. Those are implementation choices, not guarantees about the response or performance of any particular store.
Build a consistent card template and render it
Use a controlled template
Generate markup from validated product fields rather than capturing an entire product page when the goal is a repeatable card. Escape product text before inserting it into HTML, give the image a fixed region with an intentional fit or crop rule, use stable fonts and dimensions, and provide a fallback for products without images. This keeps variations in store layout and page content from changing the card design.
Render supplied HTML or capture a URL
The HTML/CSS to Image API accepts supplied HTML or a public URL and can return PNG, JPG, WebP or PDF. Its documentation describes controls including viewport dimensions, device scale, delay, readiness callbacks and selector cropping. See Using the API, Create and render and URL to Image.
Rank #3
- 【Complete Small Backdrop Kit】 Includes 12 double-sided backdrop sheets with 24 patterns, 1 foldable black/white board, 2 T-stands, 2 coner clamps, and 1 Tote bag—everything needed for tabletop product photos and videos.
- 【24 Textures in 12 Sheets】 Each sheet features a different printed pattern on both sides, providing 24 versatile looks without storing 20 separate boards. Choose from marble, wood, stone, tile, and neutral-style textures.
- 【Create Floor-and-Wall Scenes】 Place one backdrop flat and support another upright with the included T-stands and clamps. Quickly build dimensional scenes or use a single sheet for overhead flat lays.
- 【Compact and Easy to Carry】 The 16 x 11.5 in size works well on desks, counters, and other limited shooting spaces. Keep the backdrop sheets and accessories organized in the included carry bag for convenient storage and transport.
- 【Made for Small Products】 Create polished photos and short videos of food, jewelry, cosmetics, candles, crafts, and other small items. Gently wipe the surface with a damp cloth, keep the edges dry, and store the sheets flat to help prevent bending.
For URL capture, a page’s current layout, dynamic content, cookie notices and load state can affect the result. Use the renderer’s documented waiting and cropping controls as appropriate. For repeatable catalog assets, a fixed card template generally gives you more direct control over dimensions and content.
Free tools Windows power users keep installed
One-click scans. No signup required.
Server-side flow
- Fetch published catalog data through the Store API, or fetch authorized product data through the REST API when the workflow requires private records.
- Choose a registered image size that fits the card and confirm that the product has a usable image URL.
- Escape and map the selected product fields into a fixed HTML/CSS template, including fallbacks for missing data.
- Submit the markup or public URL to an HTML-to-image renderer with explicit output and viewport settings.
- Store or deliver the returned image, and decide how the card will be refreshed when the product data changes.
Keep API credentials out of the browser
WooCommerce REST API keys govern access to the store, and the HTML/CSS to Image API uses HTTP Basic authentication with an API ID and key. The renderer documentation says the key should be treated like a password. Keep both services’ credentials on a server, not in browser-delivered JavaScript. A backend endpoint or server-side job should expose only the narrow operation the storefront or batch process needs.
Or skip the browser setup
ScreenshotNeo is a website screenshot API and MCP server. For a public product page, this one GET request returns a screenshot file; replace the example URL with the public page you want to capture:
Rank #4
- 【Complete XL Backdrop Kit】 Includes 12 Double-Sided Backdrop sheets with 24 patterns, 1 Foldable Black & White Board, 1 MDAOCRY Tote Bag, 2 T-Stands, 6 Corner Clamps, and 1 Accessories Bag. The 23 x 35 in size provides more shooting space for tabletop photos and videos.
- 【24 Backgrounds in 12 Sheets】 Each sheet features a different printed pattern on both sides, giving you 24 versatile looks without storing 24 separate boards. Easily switch scenes for food, beauty products, jewelry, crafts, and more.
- 【Rigid Black and White Board】 The included board can be used on its own as a solid black or white background. Use it flat for overhead shots or upright with the included stands to create a seamless floor-and-wall setup.
- 【Water-Resistant Matte Surface】 The coated backdrop sheets resist light spills and can be gently wiped clean after shooting food, drinks, skincare, or cosmetics. The matte finish helps reduce distracting glare and reflections in photos.
- 【Made for Content Creation】 Create polished product photos, flat lays, and videos for Amazon listings, online stores, blogs, Instagram, TikTok, and other social platforms—ideal for small businesses, UGC creators, and photographers.
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webpSee the ScreenshotNeo documentation for request options. Cookie and consent banners are accepted and removed before the shot, alongside known newsletter popups and chat widgets; each cleanup step can be turned off. Bot checks or CAPTCHAs, blank pages, timeouts, failed loads and cache hits are not billed, and the response identifies the page verdict and billing status in headers. An MCP server offers take_screenshot, get_page_info and capture_pdf tools for AI agents. The free plan includes 1,000 screenshots per month with no card; paid plans start at $5 for 3,000 shots.
Sign up for ScreenshotNeo’s free plan to try it with no card.
Choose the right output and test it
- Check that the source photo has enough resolution for the final image; WooCommerce recommends at least 800 × 800 pixels for an uploaded product image.
- Verify the generated card’s dimensions and crop separately from the theme’s WooCommerce thumbnail settings.
- Test representative products, including one with a long title, a missing image and an absent or unusual price, so the template’s fallback behavior is visible.
- If rendering a live URL, confirm that the intended content has loaded before capture and that notices or dynamic content do not obscure it.
- For a batch, decide how generated files will be stored and refreshed when product details or imagery change.
Troubleshoot common failures
The public API does not return a product
The Store API is for published catalog products; draft and pending products are not public results. Check the product’s publication status. If the workflow needs private data, use an appropriately authorized REST API integration instead.
The requested image size is missing or too large
The REST API’s image_size parameter refers to a registered image size. If the requested size is not registered, the documented behavior is to fall back to the full-size image. Check the store’s registered sizes and theme configuration, then choose an available size appropriate to the card.
Best Value
- EXTRA-LARGE 23" X 35" SHOOTING AREA: The oversized photography backdrop provides ample room for wide-angle compositions, flat lays, and multi-item setups without distracting edges in the frame. Ideal for photographing food, jewelry, cosmetics, crafts, and other small products
- 24 REALISTIC DOUBLE-SIDED BACKGROUNDS: Includes 12 double-sided backdrop sheets with 24 realistic textures, including marble, wood, cement, and stone. Switch styles in seconds for product photos, social media content, and e-commerce listings
- TWO-BAG STORAGE FOR SHOOTS ON THE GO: The woven tote stores the backdrop board kit, while the drawstring accessory pouch keeps the T-stands and corner clamps together. Pack, carry, and store the complete kit neatly between shoots
- COMPLETE TABLETOP PHOTO STUDIO KIT: Includes 2 T-stands and 6 corner clamps for quick vertical or L-shaped setups. Assemble a stable shooting area in seconds for clean, consistent product photos and videos at home, in the studio, or on location
- MATTE, WATER-RESISTANT & EASY TO CLEAN: A durable board and premium coated backdrop sheets create a low-glare surface that helps reduce reflections under studio lighting. The water-resistant finish handles everyday spills and wipes clean with a damp cloth
The renderer returns an incomplete or obscured capture
When rendering a public URL, content may still be loading or a banner may cover the page. Configure a suitable delay or readiness condition, and use selector cropping where needed. If consistent card design matters more than reproducing the storefront, render controlled HTML instead of the full page.
Credentials fail or are exposed
Confirm that the correct credentials and authentication method are being used for each API. Do not move secrets into client-side code to work around a server-side authentication issue; keep them on the backend and check access permissions there.
Quick wins for a faster PC:
Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →Clear out junk files and repair common Windows errorsFree Scan →Native sizing or generated cards?
| Approach | Best for | Key controls | Main consideration |
|---|---|---|---|
| WooCommerce native image sizing | Displaying existing product photography in product, catalog and thumbnail placements | Theme image sizes, source image quality and crop behavior | Theme settings may define sizes; generated display derivatives are distinct from a new designed card. |
| HTML-to-image card generation | Combining product data and imagery into a branded or otherwise composed asset | HTML/CSS template, output format, viewport, scale and capture readiness | Requires a rendering step and a plan to store or refresh generated files. |
The implementation details above reflect the cited product and API documentation, not a tested build against a particular Indian store. Theme settings, plugins, API permissions and available image sizes vary by installation.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
