> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.fotostudio.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Guía completa del editor de texto "Fotostudio" y diseño de emails

Gracias a un **nuevo editor de texto** visual, intuitivo y personalizable, se acabaron los copiar-pegar complicados, las fuentes que cambian en cada email o los enlaces feos a tus presupuestos. Aquí te explicamos **paso a paso** cómo configurar todo y sacarle el máximo provecho. [Diseño de emails](#1-diseño-de-emails) [Editor de texto Fotostudio](#1-el-nuevo-editor-de-texto-fotostudio)

|| Los antiguos editores de texto Froala & Summernote ya no se mantienen. Te recomendamos usar ahora el editor de texto Fotostudio. Este ajuste se realiza en Mi cuenta > Personalización > Aplicación.

# 🔧 Diseño de emails

1. En [Mi cuenta > Personalización](https://www.fotostudio.io/app/companies/customization) puedes personalizar tu logo y tu color principal, que se usarán en tus emails ![](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/screenshot-2025-09-04-at-15392_185howr.png =800xauto)
2. En la pestaña "Email" puedes definir:
* La fuente a usar en los emails
* Si quieres activar o no el diseño (si está activado, el email tendrá el color principal como fondo y el logo como cabecera; si está desactivado, será solo texto + firma)
* La firma a usar: varios modelos disponibles o puedes usar tu firma personalizada ![](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/screenshot-2025-09-04-at-15401_1k0n84p.png =800xauto)
3. Si el diseño está activado, cuando envíes un email puedes ver una vista previa del diseño del email 

![Ejemplo de un email con diseño aplicado](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/screenshot-2025-07-29-at-16392_1hg1som.png =600x507)

Una vez activado el diseño:
* Tus **emails** tendrán un **fondo coloreado** (tu color principal)
* Los **enlaces** en tus plantillas (presupuestos, facturas, etc.) se transformarán en **botones clicables** estilizados
* Tu **logo** se mostrará automáticamente
* La **fuente** utilizada será la que hayas configurado en tu branding

# 🔧 El nuevo editor de texto Fotostudio

1. En [Mi cuenta > Personalización](https://www.fotostudio.io/app/companies/customization) > Aplicación > Editor de texto encontrarás ahora el nuevo editor "Fotostudio"
2. Tras activarlo, podrás usarlo para tus textos de email, contratos, flujos de trabajo, etc.

## ✏️ Usa el nuevo editor para tus plantillas

Una vez activado el editor, puedes usarlo para personalizar fácilmente tus **plantillas de email** y **contrato**. Para ello, ve a [Plantillas de datos > Email](https://www.fotostudio.io/app/models/email_templates) o [Plantillas de datos > Contratos](https://www.fotostudio.io/app/models/contract_templates). Luego selecciona la plantilla que quieras modificar y haz clic en el botón Modificar contenido: el editor se abrirá a pantalla completa, con una vista previa clara y todas las opciones de diseño disponibles. ![Interfaz de edición](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/screenshot-2025-07-29-at-16452_16qc8vj.png)

### Interfaz:
* A la izquierda: área de edición
* A la derecha: **vista previa en directo**
* Fuente aplicada automáticamente según tu configuración
* Sin necesidad de elegir manualmente la fuente = coherencia garantizada

## 📦 Usa los bloques para estructurar tus emails y documentos

La gran novedad de este editor es la incorporación de **bloques dinámicos**. Estos son los disponibles:

**Bloque imagen**: elige una imagen de tu biblioteca. En la configuración, puedes definir si la imagen apunta a una URL, la alineación, bordes redondeados y ancho.  
**Bloque galería**: añade tres imágenes una al lado de la otra con enlaces personalizables. El diseño es flexible: puedes ajustar el espaciado, bordes redondeados, etc.  
**Bloque botón**: crea un botón real definiendo el enlace, color y texto.  
**Bloque separador**: personaliza el color, ancho y grosor de la línea para estructurar visualmente tu contenido.  
**Bloque sesión / promoción**: destaca una sesión de fotos o promoción combinando texto, imagen y botón.  
**Bloque HTML**: para usuarios más técnicos, inserta código HTML personalizado, compatible con variables dinámicas.

✅ Para cada bloque puedes definir los parámetros como **valores predeterminados**  

| Antes, pegar contenido desde Word o páginas web causaba problemas: estilos rotos, etiquetas innecesarias, fuentes incorrectas, haciendo el editor difícil de usar. Ahora el texto se limpia automáticamente al pegarlo. Solo se conservan el contenido y los saltos de línea, garantizando un formato limpio y fácil de modificar. ¡Se acabaron los problemas de maquetación y código ilegible!

## 💾 Guardado & publicación

En la parte superior del editor tienes dos opciones:
* **Guardar como borrador**: tus cambios se guardan pero no se publican
* **Publicar**: activa esta plantilla para todos los futuros envíos o documentos

| El guardado automático está activado

${youtube}[](srhO6MS77cA)