> ## 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. # Abrir el editor de plantillas > El editor de plantillas se abre a pantalla completa sobre la página Plantillas, con un editor visual para bloques y un editor de código para Liquid y HTML. El editor de plantillas es donde cambias el aspecto de un documento y lo que imprime. Se abre en una ventana a pantalla completa sobre la página **Plantillas**. La mayoría de las plantillas se pueden editar de dos formas: con el editor **Visual**, donde construyes el documento con bloques sin escribir código, y con el editor **Código**, donde editas directamente el Liquid y el HTML de la plantilla. Cambies lo que cambies, la vista previa de la página se actualiza mientras trabajas. ![El editor de plantillas en modo Visual](https://mintcdn.com/foliant-dev/AoWxppgqeHqT1nDZ/template-editor/images/editor-overview.png?fit=max\&auto=format\&n=AoWxppgqeHqT1nDZ\&q=85\&s=4c16c3872dcf20e9f32165be1563b3b2) ## Abrir el editor 1. En Foliant, ve a **Plantillas**. 2. Abre el menú **Acciones** de la plantilla y elige **Editar Plantilla**. También puedes abrir la página **Configuración** de la plantilla y hacer clic en **Editar Plantilla** desde ahí. El editor siempre abre una plantilla que ya existe. Para crear una nueva, usa primero **Crear plantilla** en la página Plantillas (consulta [Crear una plantilla](https://foliant-help.iforiti.com/es/templates/create-a-template.md)); el editor se abre con la nueva plantilla una vez creada. Para cerrar el editor, usa el botón de cerrar de la ventana en el panel de control de Shopify. Volverás a la página desde la que llegaste. ## Qué verás **La barra superior** muestra el nombre de la plantilla y estas acciones: | Acción | Qué hace | | - | - | | **Historial** | Abre el historial de versiones de la plantilla. Mientras está abierto, el botón muestra **Volver al editor**. | | **Publicar** | Aparece como botón principal en lugar de Historial cuando **Requerir publicación** está activado y la plantilla tiene un borrador sin publicar. Consulta [Guardar tus cambios y publicar](https://foliant-help.iforiti.com/es/template-editor/save-and-publish.md). | | **Configuración de la plantilla** | Cierra el editor y abre la página de configuración de la plantilla: quién recibe la plantilla, su nombre, tipo de documento, idioma y envío. | | **Ver bloques como JSON** | Solo en plantillas visuales. Muestra los bloques como datos, para exportarlos o importarlos. Consulta [Exportar e importar bloques como JSON](https://foliant-help.iforiti.com/es/template-editor/export-import-blocks.md). | | **Reemplazar con una plantilla inicial…** | Reemplaza toda la plantilla por una plantilla inicial o un diseño ya hechos. No cambia nada hasta que guardes. | | **Eliminar** | Elimina la plantilla, después de que lo confirmes. | **La fila bajo la barra superior** contiene: * El selector de modo: **Visual** y **Código**. Consulta [Cambiar entre Visual y Código](https://foliant-help.iforiti.com/es/template-editor/visual-and-code-modes.md). * El **Papel**, el **Idioma del documento**, el **Segundo idioma** (plantillas de código) y el **Formato de números** del documento. Se guardan con la plantilla. Consulta [Vista previa, tamaño del papel y zoom](https://foliant-help.iforiti.com/es/template-editor/preview-paper-and-zoom.md) y [Fechas, idiomas y traducciones](https://foliant-help.iforiti.com/es/template-editor/liquid-dates-and-languages.md). * La insignia **Publicada** o **Borrador: cambios sin publicar**, cuando se requiere publicación. * Una insignia **Cambios sin guardar** mientras tengas cambios por guardar. * En el editor visual: **Deshacer**, **Rehacer**, **Estilos del documento** y el número de bloques. **El área principal** depende del modo: * **Visual**: la paleta de bloques a la izquierda, la página en el centro y el inspector a la derecha. Consulta [Añadir, mover y quitar bloques](https://foliant-help.iforiti.com/es/template-editor/add-and-arrange-blocks.md). * **Código**: el editor de código a la izquierda, con las referencias de **Variables Liquid** y **Metacampos**, y la vista previa en vivo a la derecha. Consulta [Editar el código de una plantilla](https://foliant-help.iforiti.com/es/template-editor/code-editor.md). Encima de la página también encontrarás **Vista previa del PDF**, el botón **Marca de agua: activada** / **Marca de agua: desactivada** (consulta [Añadir una marca de agua o un sello](https://foliant-help.iforiti.com/es/template-editor/watermarks.md)), el selector de pedido de vista previa y los botones de zoom. ## En qué editor se abre una plantilla * Una plantilla construida con bloques se abre en **Visual** cuando tu plan incluye el editor visual. Si no, se abre en **Código**. Consulta [Disponibilidad del editor visual según el plan](https://foliant-help.iforiti.com/es/template-editor/visual-editor-plans.md). * Una plantilla escrita en código se abre en **Código**. Puedes convertirla en bloques con la pestaña **Visual**. * Una plantilla creada a partir de un diseño comprado se abre en el editor de diseños. Consulta [Personalizar un diseño](https://foliant-help.iforiti.com/es/designs/customize-a-design.md). ## Conviene saber * Los enlaces que salen del editor (como **Configuración de la plantilla**, la configuración de marca o la página de planes) cierran la ventana. Si tienes cambios sin guardar, Foliant primero te pide que elijas **Guardar y continuar** o **Descartar y continuar**. * En las plantillas de facturas y notas de crédito que ya han emitido documentos, un aviso te recuerda que los cambios solo se aplican a los documentos que se emitan a partir de ahora. Consulta [Bloquear facturas emitidas](https://foliant-help.iforiti.com/es/invoices-and-numbering/locked-invoices.md). * Las plantillas que imprimen un solo documento para todos los pedidos seleccionados (manifiestos, resúmenes de pedidos, listas de preparación) ofrecen sus propios bloques y campos. Para ellas, la vista previa usa tres pedidos de ejemplo, y los bloques no pueden tener condiciones. ## Artículos relacionados * [Cambiar entre Visual y Código](https://foliant-help.iforiti.com/es/template-editor/visual-and-code-modes.md) * [Añadir, mover y quitar bloques](https://foliant-help.iforiti.com/es/template-editor/add-and-arrange-blocks.md) * [Editar el código de una plantilla](https://foliant-help.iforiti.com/es/template-editor/code-editor.md) * [Guardar tus cambios y publicar](https://foliant-help.iforiti.com/es/template-editor/save-and-publish.md) * [Crear una plantilla](https://foliant-help.iforiti.com/es/templates/create-a-template.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.