> ## Documentation Index
> Fetch the complete documentation index at: https://docs.getayna.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Add Infographics to Your Images

Once you have a template you like, adding infographics takes just a few clicks: choose your images, pick a template, match a design to each image, add your text and click **Generate**. Each infographic is created as a new image right next to the photo it was made from, so your originals stay exactly as they are.

Follow these steps to add infographics to images of one product. To add infographics to many products at once, see [Add Infographics in Bulk](/infographics/bulk-infographics).

## Before you start

* Infographics can be added to finished images. Images that are still being generated or edited can be used once they're done.
* You need a plan that includes infographics (**Silver**, **Gold**, **Platinum** or **Enterprise**), and the **Admin**, **Member** or **QC Reviewer** role.

## Step 1: Choose your images

You can start from one image, or from several images of the same product:

* **One image:** Click the **⋮** menu on the image and choose **Add infographic**. The menu shows how many credits one infographic costs on your plan.
* **Several images:** Open the product's page, tick the images you want (up to **10** at a time), then click the **infographics icon** in the top bar. On a computer, it shows how many images you've selected.
* **An archived image:** Archived images don't have a **⋮** menu, so click the infographics icon on the image instead.

<img src="https://mintcdn.com/ayna-6c53b3d7/v41_8n7R8CZMCx8W/images/infographics/add-infographics-1.webp?fit=max&auto=format&n=v41_8n7R8CZMCx8W&q=85&s=d7b34c47b1ae60bfcd484db19715a279" alt="Add infographic" width="1920" height="1888" data-path="images/infographics/add-infographics-1.webp" />

<img src="https://mintcdn.com/ayna-6c53b3d7/v41_8n7R8CZMCx8W/images/infographics/add-infographics-2.webp?fit=max&auto=format&n=v41_8n7R8CZMCx8W&q=85&s=fdfffd89b2af1074a2a144470f05d5c4" alt="Select images" width="1920" height="1220" data-path="images/infographics/add-infographics-2.webp" />

The **Add infographics** page opens with your images. It walks you through three steps, shown at the top: **Choose a template**, **Match your images** and **Add text & create**.

## Step 2: Choose a template

Pick a template from **Your templates** or the **Starter collection**, or search for one by name.

Don't have the right template yet? Click **Create template**, add your designs and click **Save & use template**. You'll come straight back here with your new template selected. See [Create Infographic Templates](/infographics/create-templates).

To switch templates later, click **Change** next to the template's name at the top of the page (on a phone, tap **Change template**). Switching clears your matches but keeps any text you've added.

<img src="https://mintcdn.com/ayna-6c53b3d7/v41_8n7R8CZMCx8W/images/infographics/add-infographics-3.webp?fit=max&auto=format&n=v41_8n7R8CZMCx8W&q=85&s=0c9e8f3625e428bfe0e37c9fdc152f9e" alt="Choose a template" width="1840" height="1100" data-path="images/infographics/add-infographics-3.webp" />

## Step 3: Match a design to each image

Each image needs a design from your template. Studio never matches them automatically, so you're always in control of which look goes where.

* Click an image (or its **Choose design** button), then click the design you want in the panel of designs on the right. On a phone, the designs open in a drawer.
* On a computer, you can also drag a design straight onto an image.
* To use the same design for every image, click **Use one design for all**, choose a design, then click **Apply Design N to all**.
* To change a match, click **Change**. To remove one, click the **×**. **Clear matches** removes them all.

Images you leave unmatched are simply skipped, and you're not charged for them.

<img src="https://mintcdn.com/ayna-6c53b3d7/v41_8n7R8CZMCx8W/images/infographics/add-infographics-4.webp?fit=max&auto=format&n=v41_8n7R8CZMCx8W&q=85&s=0be4c1eb004199557c80ccf692f65018" alt="Match designs to images" width="1331" height="691" data-path="images/infographics/add-infographics-4.webp" />

<img src="https://mintcdn.com/ayna-6c53b3d7/v41_8n7R8CZMCx8W/images/infographics/add-infographics-5.webp?fit=max&auto=format&n=v41_8n7R8CZMCx8W&q=85&s=fe1288ea4add01eec5e0c7e7b3d2a849" alt="Use one design for all" width="1331" height="691" data-path="images/infographics/add-infographics-5.webp" />

**Why is an image greyed out?** Some images can't take an infographic right now, and the image shows why:

* **Still in progress:** The image is still being created.
* **Being edited:** The image is with our editing team.
* **Replaced by an edit:** An edited version has replaced this image. Use the edited image instead.
* **Photoshoot cancelled:** The photoshoot was cancelled.
* **No image yet:** The image doesn't have a file Studio can use yet.
* **Unsupported image type:** This kind of image can't take an infographic.
* **Already sent for generation:** You've already sent this image in this run.

Deleted images don't appear on the page at all.

## Step 4: Add your text (optional)

Click **Add text · optional** on an image to tell Studio what its infographic should say, for example "V neckline, button front, wide-leg silhouette". You can write up to **1,000 characters** for each image. Leave it blank to highlight visible details instead, or to use your product text if you add some (see below).

Studio keeps names, numbers and units as you type them, so double-check spellings and sizes, and check them again on the finished infographic. For more ideas, see [Writing text](/infographics/tips#writing-text).

<img src="https://mintcdn.com/ayna-6c53b3d7/v41_8n7R8CZMCx8W/images/infographics/add-infographics-6.webp?fit=max&auto=format&n=v41_8n7R8CZMCx8W&q=85&s=6b9254f63a738d126db13809b02e7790" alt="Add text to an image" width="800" height="620" data-path="images/infographics/add-infographics-6.webp" />

### Product text

If you see a **Product text** button above your images, you can write one text for the whole product instead of writing it image by image:

* Click **Product text** and add what's true of the product, such as fabric, fit, care and sizes. You can write up to **20,000 characters**.
* If your product has a base sheet, click **Import from base sheet** to fill it in automatically, then edit it as you like.
* When you create, each image without its own text gets the details from your product text that suit it.
* An image's own text replaces the product text for that image, so include any product details you still want on it.

Product text is only used for this run. It isn't saved to your product, and it doesn't cost anything extra.

<img src="https://mintcdn.com/ayna-6c53b3d7/v41_8n7R8CZMCx8W/images/infographics/add-infographics-7.webp?fit=max&auto=format&n=v41_8n7R8CZMCx8W&q=85&s=a5132b90004fa73680403e72747e1613" alt="Product text" width="1240" height="685" data-path="images/infographics/add-infographics-7.webp" />

## Step 5: Check the cost and generate

The bar at the bottom of the page shows how many images you've matched, the credits per image on your plan and the credits you have available.

When you're ready, click **Generate**. The button shows exactly what you're creating and what it costs, for example **Generate 2 infographics · 20 credits**. Credits are deducted as soon as you click; there's no second confirmation step.

If you don't have enough credits, the bar shows how many more you need, with a link to **Add credits**.

<img src="https://mintcdn.com/ayna-6c53b3d7/v41_8n7R8CZMCx8W/images/infographics/add-infographics-8.webp?fit=max&auto=format&n=v41_8n7R8CZMCx8W&q=85&s=e7cd47d09f205ea1e95a40cb7458359a" alt="Generate infographics" width="1331" height="691" data-path="images/infographics/add-infographics-8.webp" />

## What happens next

Studio confirms that your infographics are on their way and takes you back to where you started. Each infographic appears next to its image as it finishes. See [Track and Use Your Infographics](/infographics/track-and-use) to follow their progress.

That's it! Your infographics are being created.

## Your work is saved as you go

If you reload the page, or step away to create a template, Studio keeps your template, matches and text. (Saving a new template selects it, which clears your matches but keeps your text.)

If you leave and later open **Add infographics** again for the same images in the same browser tab, Studio shows **Picked up where you left off**. To clear everything and begin again, click **Start over** there.

Your work is saved in your current browser tab only, so it's cleared when you close the tab.

## If your connection drops while sending

While your infographics are being sent, your matches and text are locked, and your browser warns you before you leave the page. If something interrupts the sending, just click **Generate** again. Anything that already went through is never charged twice.

Images marked **Unconfirmed** were sent, but Studio couldn't confirm they arrived. When you click **Generate**, they're sent again exactly as they were, and you're only charged for the ones that didn't go through the first time. While there are unconfirmed images, the button shows the cost as **up to** a number of credits, and you can't switch templates.

You can also click **Start a new run** in the bottom bar. It unlocks the unconfirmed images and keeps your template, matches and text, and your next **Generate** sends them in a new run. Unconfirmed images may already have gone through, so any that did are created, and charged, again as new infographics.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.