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

# Logo, colores y datos

La marca de la tienda se arma en dos tiempos: primero los **datos** (logo, nombre, WhatsApp, redes) y después el **color de tema** con el que se pinta toda la experiencia.

## Datos en Ajustes → General

Desde el menú lateral, entrá a **Ajustes → General** y completá:

| Campo                 | Para qué sirve                                                                     |
| --------------------- | ---------------------------------------------------------------------------------- |
| **Logo**              | Logo circular de la marca (también se usa como favicon al guardar)                 |
| **Nombre**            | Nombre visible de la tienda                                                        |
| **Descripción**       | Texto corto del negocio                                                            |
| **WhatsApp**          | Número para pedidos y el [botón flotante](/documentacion/tienda/boton-de-whatsapp) |
| **Redes**             | Instagram, Facebook, TikTok, YouTube, X (para portada y pie)                       |
| **Link de la tienda** | URL / subdominio con el que compartís la tienda                                    |

Guardá los cambios en Ajustes.

## Color de tema en Diseño

<Frame>
  <img src="https://mintcdn.com/mercantis/4Uy3hrDnn9kZhYiC/images/2026-07-14-design-preview.webp?fit=max&auto=format&n=4Uy3hrDnn9kZhYiC&q=85&s=00a0eba0ab9ad04ee81ba95cccb132a7" alt="Panel de diseño con vista previa en vivo: Tema y preview de la tienda en escritorio" width="1024" height="768" data-path="images/2026-07-14-design-preview.webp" />
</Frame>

<Steps>
  <Step title="Abrí Diseño">
    Entrá a **Diseño** desde el menú lateral.
  </Step>

  <Step title="Entrá a Tema">
    Abrí la sección **Tema**.
  </Step>

  <Step title="Elegí el color">
    Elegí el **color de la tienda** (rojo, coral, naranja, verdes, azules, violeta, rosa, etc.).
  </Step>

  <Step title="Guardá">
    El **modo de apariencia** hoy está en claro; oscuro y automático pueden aparecer como próximos. **Guardá cambios** en el editor.
  </Step>
</Steps>

## Tips

* Usá el mismo logo y colores que en Instagram o el packaging.
* Preferí PNG o SVG nítidos; el logo se ve en el header y como favicon.
* Después de cambiar el tema, revisá el [checkout](/documentacion/tienda/checkout-del-comprador) y el catálogo en celular con la vista previa.

## Relacionado

* [Encabezado y logotipo](/documentacion/tienda/encabezado-y-logotipo)
* [Portada](/documentacion/tienda/portada)
* [Editor de diseño](/documentacion/tienda/editor-de-diseno)
