> For the complete documentation index, see [llms.txt](https://vitrina-blogerov.gitbook.io/bloggers-showcase/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vitrina-blogerov.gitbook.io/bloggers-showcase/product-docs/product-docs-en/admin-panel/card-editor.md).

# Card editor

The card editor manages the bloggers catalog that users see on the storefront and that the AI consultant uses.

<div data-with-frame="true"><figure><img src="https://162603775-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuwCSpQuu1p5soxSClCET%2Fuploads%2FIc2MuLmBZRDwiWenVk4Q%2Fdatabase-section.png?alt=media&amp;token=0f0d3938-d50f-4930-a4d7-b4a1fdb91ad3" alt=""><figcaption><p>The "Base" section with the card and tag editor</p></figcaption></figure></div>

{% hint style="success" %}
A card is created once in the admin panel and then used in several places at once: on the storefront, in the cart, in AI search, and in the Telegram bot.
{% endhint %}

### What you can do

In the cards section, an administrator can:

* create a new blogger card;
* edit the name, description, and statistics link;
* upload and crop photos;
* assign tags and categories;
* specify social networks;
* set prices and audience metrics;
* change the order of cards by dragging;
* delete one or more cards.

### Card structure

```mermaid
flowchart TD
    A["Blogger card"] --> B["Name"]
    A --> C["Description"]
    A --> D["Photo"]
    A --> E["Statistics link"]
    A --> F["Tags"]
    A --> G["Social networks"]
    G --> H["Prices"]
    G --> I["Followers"]
```

### Main fields

| Field                | What it is used for                                          |
| -------------------- | ------------------------------------------------------------ |
| Name                 | Displayed on the card and used by AI for matching            |
| Description          | Shown in the expanded card and helps AI understand the topic |
| Photo                | Creates the visual appearance of the card                    |
| Statistics link      | Leads to an external source with the blogger's analytics     |
| Tags                 | Used in filters, search, and AI matching                     |
| Social networks      | Shows the platforms where the blogger is available           |
| Prices and followers | Used in ranges and sorting                                   |

<div data-with-frame="true"><figure><img src="https://162603775-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuwCSpQuu1p5soxSClCET%2Fuploads%2FxcjE1ObGA8CQNbFwSU17%2Fcard-editor.png?alt=media&amp;token=b3c683fd-6bb7-4250-9928-3fc6cd4683d0" alt=""><figcaption><p>Card editor</p></figcaption></figure></div>

### Photos and cropping

When a photo is uploaded, the cropping tool opens. It helps bring images to a uniform format so the cards look consistent on the storefront.

<div data-with-frame="true"><figure><img src="https://162603775-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuwCSpQuu1p5soxSClCET%2Fuploads%2FJaNXHL8bccu7KFJr6kh8%2Fcard-editor-photo-settings.png?alt=media&amp;token=f95ad977-cd26-4741-a1bf-ff3174443f64" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
It's better to use high-quality images in a similar style. The storefront is visual, so photos strongly affect the first impression.
{% endhint %}

### Tags and social networks

Tags determine which filters the blogger will appear in. Social networks are set through the social networks category and additionally reveal the price and follower fields.

<div data-with-frame="true"><figure><img src="https://162603775-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuwCSpQuu1p5soxSClCET%2Fuploads%2F8inwqHLa1WgL3HbWTHiI%2Fcard-editor-tags-socials.png?alt=media&amp;token=a6be9359-d3df-4e67-80e0-0e8011c45130" alt=""><figcaption><p>Ranges for integration costs and followers, assigning tags</p></figcaption></figure></div>

<details>

<summary>Why social networks are linked to tags</summary>

A social network is both a visual tag on the card and a set of commercial parameters. If a social network is selected, the admin panel shows the price and audience fields specifically for that platform.

</details>

### Card order

Cards can be dragged in the list. The new order is saved and affects how they are displayed on the storefront in the default sort order.

### Bulk deletion

If you select multiple cards, a bulk actions panel appears. It allows you to delete the selected items all at once.

{% hint style="warning" %}
Deleting a card affects the storefront and AI matching. If a blogger is removed from the database, the AI consultant will no longer be able to display their card correctly.
{% 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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://vitrina-blogerov.gitbook.io/bloggers-showcase/product-docs/product-docs-en/admin-panel/card-editor.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.