Shopify catalog data to product visuals


A Shopify catalog already contains names, product photos, variants, prices, sale prices, inventory status, and collection context. Pixelixe turns those fields into reusable campaign visuals by mapping product data to named template layers.



Shopify implementation model

Map Shopify fields to Pixelixe template layers

Create templates for sale cards, collection banners, product drops, abandoned cart visuals, and seasonal offers. Trigger image generation when a product is published, a sale price changes, or a collection campaign is launched.

  • Fetch product, variant, price, sale price, image, collection, and discount fields.
  • Map those values to named Pixelixe layers such as product_name, sale_price, and product_image.
  • Request format: "json" to receive a hosted image_url.
  • Attach the generated image to email, CMS, ads, marketplace, storage, or merchandising workflows.

Pixelixe template rendering preview for Shopify product images

API request body

POST https://studio.pixelixe.com/api/graphic/automation/v2
Content-Type: application/json

{
  "document_uid": "shopify_sale_template_uid",
  "api_key": "YOUR_API_KEY",
  "format": "json",
  "image_type": "png",
  "custom_field": "shopify-product-73291",
  "modifications": [
    { "element_name": "product_name", "type": "text", "text": "Linen Summer Shirt" },
    { "element_name": "price", "type": "text", "text": "$79" },
    { "element_name": "sale_price", "type": "text", "text": "$49" },
    { "element_name": "product_image", "type": "image", "image_url": "https://cdn.shopify.com/product.jpg" },
    { "element_name": "badge", "type": "text", "text": "Summer Sale" }
  ]
}

JSON response

{
  "status": "success",
  "created_at": "04-28-2026_09-15-42-188",
  "custom_field": "shopify-product-73291",
  "uid": "shopify_sale_template_uid",
  "image_url": "https://studio.pixelixe.com/storage/file/.../shopify-product-promo.png"
}
Implementation note: this is the single-image Image Automation API contract. Use a Design Set or bulk workflow when one Shopify product must generate several output sizes in one manifest.

Why ecommerce teams automate Shopify visuals


Products, prices, collections, and campaigns change constantly. The template should stay stable while the data changes.



Shopify field mapping

Map Shopify fields to product image templates.

Promo image rendering

Render sale cards, collection visuals, and promo banners.

Reusable templates

Reuse one approved template across product families and campaigns.

Brand-safe output

Keep colors, typography, logos, and offer hierarchy consistent.


Backend generation pattern


Keep the Pixelixe API key server-side, normalize Shopify fields, render the image, then pass the returned URL into your commerce and marketing stack.



JavaScript example

async function renderShopifyProductPromo(product) {
  const payload = {
    document_uid: process.env.PIXELIXE_SHOPIFY_TEMPLATE_UID,
    api_key: process.env.PIXELIXE_API_KEY,
    format: "json",
    image_type: "png",
    custom_field: "shopify-product-" + product.id,
    modifications: [
      { element_name: "product_name", type: "text", text: product.title },
      { element_name: "price", type: "text", text: product.compareAtPrice },
      { element_name: "sale_price", type: "text", text: product.salePrice },
      { element_name: "product_image", type: "image", image_url: product.imageUrl, width: "cover", height: "cover" },
      { element_name: "badge", type: "text", text: product.campaignLabel }
    ]
  };

  const body = new URLSearchParams({ json: JSON.stringify(payload) });
  const response = await fetch("https://studio.pixelixe.com/api/graphic/automation/v2", {
    method: "POST",
    headers: { "Content-Type": "application/x-www-form-urlencoded" },
    body
  });

  const data = await response.json();
  return data.image_url;
}

Field mapping

{
  "shopify_source_fields": {
    "id": "product.id",
    "title": "product.title",
    "imageUrl": "product.featuredImage.url",
    "compareAtPrice": "variant.compareAtPrice",
    "salePrice": "variant.price",
    "campaignLabel": "collection or discount label"
  },
  "pixelixe_template_layers": {
    "product_name": "text",
    "price": "text",
    "sale_price": "text",
    "product_image": "image",
    "badge": "text"
  },
  "pixelixe_output": "Use image_url in email, ads, CMS, marketplace, or merchandising workflows"
}
Tip: keep template layer names stable. Change the Shopify mapping layer in code or automation, not the approved visual layout.

Common Shopify image automation flows


Start with product visuals that repeat often and already depend on structured catalog data.



Sale price visual

Generate one promo image when a discount, compare-at price, or sale campaign changes.

Collection launch banner

Render collection visuals from title, hero product, season, category, and campaign label fields.

Email product banner

Create lifecycle or newsletter visuals with product image, offer copy, CTA, and brand colors.

Back-in-stock asset

Trigger a branded visual when inventory status changes and the product becomes promotable again.

Localized offer

Swap currency, language, disclaimer, CTA, and market-specific imagery while preserving the layout.

Product feed batch

Generate a batch from Shopify exports, PIM feeds, spreadsheet rows, or merchandising lists.


How integration works


Use Shopify as the product source and Pixelixe as the branded rendering layer.



1

Step 1

Export or fetch product fields from Shopify.

2

Step 2

Map product title, price, sale price, image, and collection to template layers.

3

Step 3

Generate visuals through Pixelixe API.

4

Step 4

Attach returned image URLs to campaign, CMS, email, or ad workflows.


Developer FAQ


Can Pixelixe connect directly to Shopify?

This guide focuses on the API workflow. You can connect Shopify data through your backend, an export, or automation tools that call Pixelixe.

Can I generate one image per product?

Yes. Send one API request per product or product variant using the same template and product-specific modifications.

Can this support multiple ad sizes?

Yes. Use separate templates or design sets for square, story, banner, email, and marketplace sizes.

Related implementation guides


This page is for teams that need repeatable merchandising assets at scale, especially when the same offer must appear in social, email, marketplace, and ad formats.



Product Image Automation API

Open the related Pixelixe page for implementation context, API details, or workflow planning.

Ecommerce product feed images

Open the related Pixelixe page for implementation context, API details, or workflow planning.

Product feed promo automation

Open the related Pixelixe page for implementation context, API details, or workflow planning.

Generate images from spreadsheet

Open the related Pixelixe page for implementation context, API details, or workflow planning.

Image Generation API

Open the related Pixelixe page for implementation context, API details, or workflow planning.




Ready to generate Shopify product visuals automatically?

Create one reusable Pixelixe product template, map Shopify catalog fields into named layers, and send generated image URLs to campaign, email, CMS, ad, or marketplace workflows.


Start a 10-day trial
Read the docs