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

# Branding

> Aggiungi il tuo logo, impostane la larghezza e scegli il colore di accento dei tuoi documenti.

**Impostazioni › Branding** inserisce il logo e il colore di accento del tuo negozio nei tuoi documenti. Li imposti una volta sola e ogni modello che mostra il logo o il colore di accento li usa, compresi i modelli che ti ha fornito Foliant. Un'anteprima dal vivo accanto ai campi mostra come appaiono su una fattura di esempio.

![Le impostazioni Branding](https://mintcdn.com/foliant-dev/AoWxppgqeHqT1nDZ/settings/images/branding.png?fit=max\&auto=format\&n=AoWxppgqeHqT1nDZ\&q=85\&s=9631d1cc2ce050aa3a91435b337a7786)

## Prima di iniziare

* Tieni pronto il tuo logo in un file JPEG, PNG, WebP o AVIF di massimo 1 MB.
* Il logo e il colore di accento funzionano con tutti i piani. I loghi per paese fanno parte del branding personalizzato, disponibile dal piano Starter. Consulta [Piani e prezzi](https://foliant-help.iforiti.com/it/billing-and-plans/plans-and-pricing.md).

## Usa il logo e il colore impostati in Shopify

Quando installi Foliant, l'app prende il logo e il colore principale dalle impostazioni del brand del tuo negozio in Shopify (**Impostazioni › Brand** nel pannello di controllo di Shopify), se li hai impostati e non hai impostato i tuoi in Foliant. Per riprenderli in seguito, apri **Impostazioni › Branding** e seleziona **Usa il mio logo e colore di Shopify**. In questo modo sostituisci il logo e il colore di accento di Foliant.

## Aggiungi il tuo logo e colore

1. Apri **Impostazioni › Branding**. Puoi arrivarci anche da **Personalizza il branding** nella pagina **Modelli**, oppure da **Configura il branding** nella guida alla configurazione della pagina Home.
2. In **Logo e colore**, trascina il tuo logo su **Logo** oppure selezionalo per scegliere un file.
3. In **Larghezza logo (px)**, inserisci la larghezza di stampa del logo, tra 50 e 400 px. Il valore predefinito è 240 px.
4. In **Colore di accento**, scegli un colore o inseriscine il codice esadecimale, ad esempio `#1a73e8`. Viene usato per i titoli e le linee delle tabelle. Il valore predefinito è il nero.
5. Controlla l'anteprima, poi seleziona **Salva** nella barra di salvataggio.

Salvando il tuo branding completi il passaggio **Carica il tuo branding** nella guida alla configurazione della pagina Home.

## Cambia o rimuovi il tuo logo

* Per usare un altro file, seleziona **Sostituisci** accanto al logo, poi **Salva**.
* Per annullare un file appena scelto ma non ancora salvato, seleziona **Rimuovi**. Torna il logo salvato.
* Per eliminare il logo salvato, seleziona **Rimuovi** accanto al logo. La modifica si applica subito, senza la barra di salvataggio, e vedi **Logo rimosso**.

## Usa il tuo branding nei tuoi modelli

I modelli di Foliant mostrano già il tuo logo e il colore di accento. Se scrivi il tuo codice Liquid, usa queste variabili:

```liquid theme={null}
{% if shop_logo_url != blank %}
  <img src="{{ shop_logo_url }}" width="{{ shop_logo_width }}" alt="Logo">
{% endif %}
<h1 style="color: {{ shop_accent_color }}">Invoice</h1>
```

## Buono a sapersi

* I modelli creati da un design mantengono il logo e i colori impostati in quel design. Consulta [Panoramica dei design](https://foliant-help.iforiti.com/it/designs/designs-gallery.md).
* Per usare un altro logo e colore per gli ordini verso alcuni paesi, aggiungili in **Loghi per paese** nella stessa pagina. Consulta [Loghi per paese](https://foliant-help.iforiti.com/it/settings/logos-by-country.md).
* Se il logo è troppo grande, vedi **The file you tried to upload was too large (over 1MB)**. Riduci le dimensioni del file e riprova.
* Se il tuo piano non include più il branding personalizzato, i loghi per paese non vengono più stampati. Il tuo logo e il colore di accento continuano a essere stampati con tutti i piani.

## Articoli correlati

* [Loghi per paese](https://foliant-help.iforiti.com/it/settings/logos-by-country.md)
* [Panoramica dei modelli](https://foliant-help.iforiti.com/it/templates/what-are-templates.md)
* [Panoramica dei design](https://foliant-help.iforiti.com/it/designs/designs-gallery.md)
* [Panoramica delle impostazioni](https://foliant-help.iforiti.com/it/settings/settings-overview.md)


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