# Vytváření a úprava šablon

> Vytvořte šablonu, zvolte editor Dragit, Rich Text nebo HTML, vkládejte proměnné a spravujte šablony ze seznamu šablon a ze stránky šablony.

Tato stránka ukazuje, jak vytvořit šablonu ve webovém rozhraní nebo přes API, jak fungují jednotlivé tři editory a jak spravovat šablony ze seznamu šablon. Je pro každého, kdo navrhuje e-maily, ať pracuje s kódem, nebo ne.

## Vytvořte šablonu

1. **Otevřete Templates.** Přejděte do **Email Marketing → Templates** a vyberte **Add template**.

2. **Pojmenujte ji.** Do pole **Name** zadejte název, například `Welcome email`. Emailit podle názvu vyplní **Alias**, například `welcome-email`.

3. **Zkontrolujte alias.** Podle aliasu na šablonu odkazuje váš kód a automatizace. Může obsahovat malá písmena, číslice, `_` a `-`, až 191 znaků. Pokud alias už existuje, dialogové okno zobrazí **Alias already exists** a nová šablona se stane nepublikovanou [verzí](/cs/docs/templates/versions/) té existující.

4. **Zvolte editor.** Vyberte **Dragit Editor** (výchozí), **HTML Editor**, nebo **Rich Text Editor**. Existující šablonu ve webovém rozhraní na jiný editor přepnout nejde, takže zvolte ten, u kterého chcete zůstat.

5. **Nastavte výchozí hodnoty.** Volitelně zadejte **Subject**, který může obsahovat proměnné [Temple](/cs/docs/templates/temple/), a adresu **From**, například `Acme <hello@acme.com>`. Obojí jsou výchozí hodnoty, které může odeslání přepsat.

6. **Vytvořte a navrhněte.** Vyberte **Create**. Šablona se otevře ve svém editoru. Navrhněte obsah a uložte ho.

Adresu pro odpověď nebo samostatné tělo v prostém textu nastavíte přes API.

### Vytvořte šablonu přes API

Zavolejte endpoint [Vytvoření šablony](/cs/docs/api-reference/templates/create/) s klíčem **Full Access**. `editor` může být `dragit`, `tiptap` (Rich Text), `html`, nebo `text` a výchozí hodnota je `html`.

```bash
curl https://api.emailit.com/v2/templates \
  -H "Authorization: Bearer $EMAILIT_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "name": "Welcome email",
    "alias": "welcome-email",
    "editor": "html",
    "from": "Acme <hello@acme.com>",
    "reply_to": "support@acme.com",
    "subject": "Welcome to Acme, {{first_name|\"there\"}}",
    "html": "<p>Hi {{first_name|\"there\"}}, thanks for joining.</p>",
    "text": "Hi {{first_name|\"there\"}}, thanks for joining."
  }'
```

Odpověď má stav `201` a šablonu v poli `data`. Pokud je alias nový, šablona se hned publikuje.

## Zvolte editor

| Editor | Nejvhodnější pro | Co dostanete |
| --- | --- | --- |
| **Dragit** | Navržené e-maily se sloupci, obrázky a tlačítky, vytvořené bez kódu | Bloky ovládané přetažením, správce obrázků a nabídku proměnných. Ukládá HTML a design pro Dragit jako JSON. |
| **Rich Text** | Jednoduché, převážně textové e-maily, které vypadají jako osobní zpráva | Panel nástrojů jako v textovém editoru, nabídku **Variables** a pole **Preview text**. Ukládá HTML. |
| **HTML** | Ručně psané nebo naimportované HTML, plná kontrola nad značkováním | Editor kódu s čísly řádků a živým náhledem pro počítač i mobil. Ukládá HTML tak, jak ho napíšete. |

### Editor Dragit

Dragit je drag & drop editor e-mailů, který se otevírá přes celou obrazovku.

- Přetahujte do rozvržení bloky, jako jsou texty, obrázky a tlačítka, a upravujte jejich obsah a styly.
- Obrázky nahrávejte vestavěným správcem souborů. Ukládají se ve vašem workspace a poskytují se z hostované URL.
- Proměnné vkládejte z nabídky slučovacích polí: **First name**, **Last name**, **Email** a [vlastní pole](/cs/docs/contacts/custom-fields/) kontaktů v sekci **Custom fields**. Odkaz pro odhlášení je dostupný jako speciální typ odkazu.
- Vaše práce se při úpravách ukládá automaticky. Zavřením editoru se vrátíte na stránku šablony.

Šablony Dragit uchovávají svůj design jako JSON pro Dragit i jako HTML, takže JSON můžete vyexportovat a naimportovat do jiného workspace. Viz [Import a export šablon](/cs/docs/templates/import-export/).

### Editor formátovaného textu

Editor Rich Text se otevírá přes celou obrazovku s panelem nástrojů pro formátování: zpět a znovu, nadpisy 1 až 3, odrážkové a číslované seznamy, citace, tučné písmo, kurzíva, podtržení, přeškrtnutí, odkazy a zarovnání textu.

- Tlačítkem **Variables** (ikona `@`) v panelu nástrojů vložíte proměnnou na pozici kurzoru.
- Do pole **Preview text** nahoře zadejte řádek, který schránky zobrazují za předmětem. Emailit ho přidá jako skrytý text na začátek e-mailu.
- Změny uložíte tlačítkem **Save**. Při uložení Emailit nastaví všem prvkům bezpatkové písmo, aby e-mail vypadal ve všech poštovních klientech stejně.

### HTML editor

HTML editor ukazuje váš kód s čísly řádků a zvýrazněním syntaxe spolu s živým náhledem. Náhled přepínáte mezi **Desktop** a **Mobile**. Pod náhledem uvádí **Available variables** proměnné, které můžete psát do svého HTML. Změny uložíte tlačítkem **Save**.

Náhled zobrazuje proměnné tak, jak jsou napsané. Nevykresluje podmínky Temple ani nedoplňuje hodnoty.

## Proměnné v editorech

Všechny tři editory nabízejí stejné proměnné:

| Proměnná | Zápis |
| --- | --- |
| Křestní jméno | `{{first_name}}` |
| Příjmení | `{{last_name}}` |
| E-mail | `{{email}}` |
| URL pro odhlášení | `{{unsubscribe_url}}` |
| Vlastní pole kontaktu | `{{cf.<key>}}`, například `{{cf.plan}}` |

Kdo je vyplní, závisí na tom, jak se šablona odesílá:

- **Kampaně** vyplní všechny z kontaktu příjemce a `{{unsubscribe_url}}` jeho odkazem pro odhlášení. Viz [Slučovací značky](/cs/docs/campaigns/merge-tags/).
- **Odeslání přes API** vyplní jen to, co předáte ve `variables`, pod stejnými názvy. Pro `{{cf.plan}}` předejte `"variables": { "cf": { "plan": "Pro" } }`. Co nepředáte, zůstane prázdné.
- **Automatizace kontaktů** vyplní `{{first_name}}`, `{{last_name}}` a `{{email}}` z kontaktu. Vlastní pole jsou dostupná jako `{{custom_fields.<key>}}` a `{{unsubscribe_url}}` se nevyplňuje.

Úplná pravidla najdete na stránce [Šablonovací jazyk Temple](/cs/docs/templates/temple/).

## Spravujte šablony

**Email Marketing → Templates** ukazuje pro každý alias jednu kartu s náhledem, názvem, aliasem, označením editoru a počtem verzí. V mřížce se zobrazuje jen publikovaná verze každého aliasu. Koncepty najdete v panelu **Versions** na stránce šablony.

- **Vyhledávejte** podle názvu nebo aliasu.
- **Řaďte** podle **Newest first**, **Oldest first**, **Recently updated**, **Recently published**, **Name A-Z** nebo **Name Z-A**.
- **Filtrujte** podle editoru.
- Tlačítkem **Import** přidáte šablonu ze souboru. Viz [Import a export šablon](/cs/docs/templates/import-export/).

Nabídka každé karty obsahuje tyto akce:

| Akce | Co dělá |
| --- | --- |
| **View** | Otevře stránku šablony. |
| **Open Editor** | Otevře šablonu v jejím editoru. |
| **Duplicate Template** | Vytvoří kopii s novým názvem a aliasem. Viz [Duplikujte šablonu](/cs/docs/templates/import-export/#duplicate-a-template). |
| **Export Dragit JSON** | Stáhne design pro Dragit. Zobrazuje se jen u šablon Dragit. |
| **Export HTML** | Stáhne HTML. |
| **Export ZIP** | Stáhne balíček s HTML, JSON pro Dragit a obrázky. |
| **Delete** | Natrvalo smaže tuto verzi. |

### Stránka šablony

Výběrem karty otevřete stránku šablony. Ukazuje stav (**Published**, nebo **Draft**), alias, editor, datum vytvoření, název, předmět, odesílatele, adresu pro odpověď a ID, náhled a panel **Versions**.

- **Publish** se zobrazuje u konceptů verzí a nastaví tuto verzi jako aktivní pro alias.
- **Open Editor** otevře obsah v editoru šablony.
- Nabídka obsahuje **Edit** (změna názvu, aliasu, předmětu a odesílatele), **Duplicate Template**, možnosti exportu a **Delete**.
- **New Version** v panelu **Versions** zkopíruje existující verzi do nového konceptu. Viz [Verze šablon](/cs/docs/templates/versions/).

## Související

- [Verze šablon](/cs/docs/templates/versions/)
- [Šablonovací jazyk Temple](/cs/docs/templates/temple/)
- [Reference API šablon](/cs/docs/api-reference/templates/)
- [Vlastní pole](/cs/docs/contacts/custom-fields/)

---
Zdroj: https://emailit.com/cs/docs/templates/editors/