> For the complete documentation index, see [llms.txt](https://usermanual.ergonode.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://usermanual.ergonode.com/products/catalog/template.md).

# Template

{% hint style="success" %}
The quality and availability of AI-generated content depend on external technology providers, who have limited support for certain languages - this is why some languages may not be available for description.
{% endhint %}

## Product card

This is a place where you can set values for your products, create an [AI-generated product description](#ai-description) based on selected attributes, generate AI product images,  use the [AI translation](#ai-translation) feature, and establish [two-way product relations](#product-relation-attribute).

<figure><img src="/files/X3wGzNqFRAUYH1uCztQM" alt=""><figcaption></figcaption></figure>

At the top of the page, there is an **Edit language** drop-down menu; use it to switch between languages (channels) for filling in attribute values.

{% hint style="info" %}
Information on how to add a new language to the list can be found [here](/system/settings/languages.md).
{% endhint %}

Along the same header row, you can find the **Completion index**, the **Workflow status switch**, **AI Actions,** and **Edit template**.

* **The Completion index -** shows how many of the attributes in that template are marked as required and are filled with values.
* The **workflow status switch** - a colored-dot dropdown (e.g. Draft, New) that allows you to change the workflow status of a product if workflow status changing conditions are met.
* **AI Actions** - opens the AI Actions panel, giving access to AI image generation, AI Complete with attributes, and AI Complete with PDF (see AI Complete below).
* **Edit template** - takes you directly to the template editor feature, in a new tab.

Next to the product title, two additional icons are available:

* **Comments** (speech bubble) - opens a side panel where you can leave notes about the product, visible to other users with access.
* **Overflow menu** (⋮) - offers [**Copy data from another product**](/products/catalog/copy-data-from-one-product-to-another.md) and **Delete this product**.

### Product Navigation panel

The navigation sidebar helps navigate long product templates by providing an at‑a‑glance list of sections and headings widgets to quick jumps to each area on the product page.

* [Section](/product-design/product-templates/sections.md) names reflect the template structure defined in Product design → Product templates → Sections, so the sidebar mirrors the same internal organization used during template design.
* [Completeness](/product-design/product-templates/completeness-sets.md) indicators in the sidebar reflect required attributes and assigned completeness sets, allowing a quick read on enrichment progress per section.
* **Jump to any section**: click a section name in the sidebar to scroll instantly to that block on the product page.
* **Show headings**: Toggle to display headings under their parent sections in the sidebar; when turned off, the list shows sections only for a compact outline.
* **Search**: Use the sidebar search field to filter entries by section name or by heading widget name; results narrow instantly while typing.

<figure><img src="/files/v8CHqKp1DfeIhPdn7O1g" alt=""><figcaption></figcaption></figure>

### AI Actions

{% hint style="info" %}
Pricing and cost are available at [THIS](https://www.ergonode.com/product-information-management/pricing#features) link.
{% endhint %}

{% hint style="warning" %}
Keep in mind that AI-generated content may contain errors. Review all entries carefully before saving.
{% endhint %}

**AI Actions** is a panel opened from the product template header that gives quick access to AI-assisted tools for enriching the product card. Generated content should always be reviewed before saving, since AI output may contain errors.

<figure><img src="/files/GLZbz6ytqfVFH530iNsa" alt="" width="353"><figcaption></figcaption></figure>

#### Generate photos

<figure><img src="/files/mU5CxB8n5DCciEc2q9Kx" alt="" width="357"><figcaption></figcaption></figure>

Generate photo is a feature be configured in [Photo Studio](/photo-studio.md) and is described in more detail [here](/photo-studio.md).

#### Complete with attributes

<figure><img src="/files/CJBTrcJtZzP24aJAEPGE" alt="" width="356"><figcaption></figcaption></figure>

**Steps**:

* Check each empty attribute you want AI to fill (e.g., Product title, Meta description, Detailed description, Short description).
* Click **Next step**.
* Choose data to identify the product. Pick attributes that contain useful data for AI to recognise the product, like name, description, or image. All types are supported, except file and product relations. For the gallery, only the first image will be included.
* Click **Complete**.

AI will analyze the selected inputs and populate the chosen fields. A green notification "Auto-generation of content completed" confirms success. Click Save changes to apply.

####

#### Complete with PDF

{% hint style="info" %}
**PDF quality:** For best results, ensure your document has clear headings, tables, and specifications.
{% endhint %}

<figure><img src="/files/F2k44NwPGwzab1XPmiKe" alt="" width="353"><figcaption></figcaption></figure>

**Steps:**

* Check the boxes for each empty attribute you'd like AI to fill. All types are supported, except image, gallery, file, date, and product relations.
* Click **Next step.**
* Drag and drop or browse to select your PDF (up to 100 pages or 20 MB).
* Wait for the upload progress bar to reach 100%.
* Click **Complete.**

AI extracts relevant data from your PDF, such as specifications, measurements, marketing, ect, and populates the selected attributes. Look for the completion confirmation, then Save changes to finalize.

### Generate content <a href="#mode-3-generate-images-beta" id="mode-3-generate-images-beta"></a>

<figure><img src="/files/MRimGKouXnxkoQaKY5KP" alt="" width="293"><figcaption></figcaption></figure>

The “Generate content” option for the text and textarea attributes enables users to create AI-powered product descriptions quickly. Users can either enter a custom prompt using variables that reference product attributes.

**Custom prompt**

{% hint style="info" %}
More information about writing an effective prompt can be found there[How to Write Effective Prompts](/tutorials-and-video-clips/how-to-write-effective-prompts.md)
{% endhint %}

<figure><img src="/files/f9moFWHo35U0NdgDnywq" alt="" width="375"><figcaption></figcaption></figure>

This feature allows you to write your own prompt for the AI and use Variables to pull attribute values from.

**Select attributes**

Select specific attributes to guide the content generation. This feature streamlines the process of writing product descriptions by automatically generating relevant and well-structured text tailored to the product’s details, saving time and ensuring consistency across listings.

<figure><img src="/files/J6jGtrGTFmpYOoH85qU4" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/UPTT4GYeoMn5EwgISPCA" alt=""><figcaption><p>Product Card - Generate Content Menu</p></figcaption></figure>

**How to use it:**<br>

1. Click the three-dot menu (⋮) inside any text area attribute and select Generated content.
2. Choose the specific attributes you want to base your description on. (Tip: The more attributes you select, the richer and more accurate the description will be.)
3. Click Generate to proceed, or click "X" to cancel.<br>

The system will take a moment to write the text, and the finished description will automatically populate in the text field.

### AI Translation

{% hint style="warning" %}
Keep in mind that AI-generated content may contain errors. Review all entries carefully before saving.
{% endhint %}

{% hint style="success" %}
The quality and availability of AI translation depend on external technology providers (OpenAI), who have limited support for certain languages - this is why some languages may not be available for translation.
{% endhint %}

This feature allows for automatic content translation and can be used for any text or textarea-type attribute.&#x20;

To start translating, click on the three dots (kebab) menu for your chosen attribute, select Translate from, and then choose the source language for this translation.

{% hint style="info" %}
For this to work, there must be something to translate from - meaning it only works with attribute type "Local". For example, if you wish to translate English product descriptions to Polish, an English version must already be created and saved.
{% endhint %}

<figure><img src="/files/rLnl3dvCxnSC385TWkpW" alt=""><figcaption></figcaption></figure>

Now wait a moment, and the translated value will be automatically inserted into the attribute.

<figure><img src="/files/Ua3sRGs2kbw7w4lIZPvo" alt=""><figcaption><p>Product Card - Translated Description</p></figcaption></figure>

Remember to save your changes when you are done.

### Attribute variables in the product template

{% hint style="info" %}
Attribute variables can only be used with specific attribute types; you can read more about this [here](https://usermanual.ergonode.com/product-design/attributes/attribute-variables).
{% endhint %}

To use the variables, click on a supported attribute in the product template and type the hash character (#). A list of available variables will be displayed.

<figure><img src="/files/uAz6e7N2ozPghirKnX21" alt=""><figcaption></figcaption></figure>

You can use more than one variable.

<figure><img src="/files/damzX8ot0ngia7ietjCB" alt=""><figcaption></figcaption></figure>

When a variable is used, a new eye icon will appear. If clicked, a preview will be shown.

<figure><img src="/files/1zSbuhUjrOiWZPEFUnTv" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Variables are language-independent, meaning that the same variable can have different values depending on the selected language (if a local-type attribute is used).
{% endhint %}

### Gallery attribute

The Gallery attribute in the Ergonode PIM allows you to view and manage multiple images within a single field. The interface is divided into two main areas: global actions for the entire gallery and specific controls for individual images.

\
**Global Gallery Actions**

\
In the top right corner of the main attribute container, there is a primary three-dot menu. Clicking this menu opens a dropdown with the following options:<br>

* Add image: Allows you to upload or select new images to add to the field.
* Manage media: Opens settings to organize the media attached to the attribute.
* Add comment: Lets you leave an internal note or comment on the attribute.
* Detach all: Instantly removes all images currently housed within this gallery field.<br>

**Individual Image Controls**

\
When you interact with a specific image inside the gallery, contextual details and an independent menu appear.<br>

* Image Counter: A numerical indicator (e.g., "2 / 2") displays above the image, showing the total number of items in the gallery and the current image's sequence.
* File Name: The exact name of the file (e.g., "2010000003855-Scene 1.jpeg") is displayed directly below the thumbnail.
* Context Menu: Each image has its own dedicated three-dot menu located at the top right of the thumbnail. This reveals specific actions for that single file:
* \
  • Download: Saves the image file to your local device.\
  • Properties: Opens detailed metadata regarding the specific image.\
  • Relations: Shows where else this image is linked or utilized.\
  • Go to image: Navigates directly to the source file.\
  • Detach image: Removes only this specific image from the gallery, leaving the others intact.

### Product relation attribute

You can choose to create a two-way relationship with a product instead of a traditional one-way relationship. To do so, click on the ***+ Add Relations*** button.

<figure><img src="/files/g6vZRibByz4kVsq4yEoG" alt=""><figcaption></figcaption></figure>

Then, toggle the ***Create a Two-Way Relation*** switch to add the currently edited product as a relation to a selected product.

<figure><img src="/files/xJLQgjHQKAX1c2UCxrlg" alt=""><figcaption></figcaption></figure>

### Textarea with RTE-enabled attribute

{% hint style="info" %}
RTE editor does not support all HTML tags.
{% endhint %}

RTE-enabled textarea-type attributes allow you to enter rich text content with various formatting options. You can use the RTE editor to create and edit your content in the Product Catalog. You may also use variables.

<figure><img src="/files/yLw9dcqapPOH6RQvDeeJ" alt=""><figcaption></figcaption></figure>

#### To use the RTE editor, follow these steps:

1. Click on the plus icon that appears in the upper left corner of the attribute field when you click on it in the Product Catalog. This will open the RTE editor.
2. Choose an option from the toolbar to insert a block of content. You have eight options: Text, Heading, List, Image, Video, Delimiter, Table, and Quote. Each option has different functions and appearances:
   * **Text**: Inserts a text block where you can type plain text. You can also use keyboard shortcuts like Ctrl+B for bold, Ctrl+I for italics, Ctrl+U for underlining, or Ctrl+K to create links.
   * **Heading**: Inserts a heading block where you can type a title or subtitle. You can choose heading sizes from H1 to H6 by clicking on the ***Click to Tune*** icon (six dots) next to the block.H1 is the largest and H6 is the smallest.
   * **List**: Inserts a list block for typing item lists; by default, it’s ordered but can be changed to unordered by clicking on ***Click to Tune***.
   * **Image**: This option inserts an image block where you can display an image from the internet. You need to enter the image URL in the window that appears. The image URL must be an absolute link, which means it starts with **http\://** or **https\://** and includes the full path to the image file. For example, **<https://example.com/images/image.jpg>** is an absolute link, but **/images/image.jpg** is not.
   * **Video**: This option inserts a video block where you can embed a video from YouTube or Vimeo. You need to enter the video link in the “Source” field in the window that appears. The video link must be a valid link from YouTube or Vimeo, such as **<https://www.youtube.com/watch?v=example>** or **<https://vimeo.com/example>**. You can also enter the width and height of the video in pixels in the “Width” and “Height” fields, and toggle the “Constrain proportions” switch to keep the aspect ratio of the video. Click on the “Add video” button to insert the video, or the “Cancel” button to close the window. You can also resize the video by clicking on the “Click to tune” icon next to the block.
   * **Delimiter**: Inserts a thin horizontal line separating different sections of content.
   * **Table**: Inserts a table block for displaying data in rows and columns; you can edit it by clicking on options next to each row or column.
   * **Quote**: Inserts a quote block for typing quotations or citations; alignment options are available via ***Click to Tune***.
3. To add more blocks of content, click on the ***plus icon*** that appears between blocks. You can also reorder blocks by dragging and dropping them using the ***handle*** (six dots) on each block's left side.
4. To expand the attribute field, click on the ***double-arrow*** icon on the right side of the toolbar; this will make it fill the whole screen. Click again to return it to its original size.
5. To save your content, click on ***Save Changes*** on the right side of the screen. To discard changes, simply navigate elsewhere in the system or refresh the page.

You can use RTE-enabled textarea-type attributes to create rich and engaging content for your products and edit it at any time by returning to the [Product Catalog](/products/catalog.md) and clicking on the attribute field.

{% hint style="success" %}
Read our blog article on How to Create a Product Family Template [HERE](https://www.ergonode.com/blog/creating-product-family-template-guide).
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://usermanual.ergonode.com/products/catalog/template.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.