Utilizar el editor de texto incorporado
Puede utilizar el editor de texto incorporado para crear sus descripciones de productos, descripciones de categorías, información legal, instrucciones de pago o de recogida. Así podrá ofrecer a sus clientes una información mejor estructurada y visualmente más atractiva.
El editor de texto le permite dar formato a los párrafos, añadir vídeos, imágenes y enlaces, cambiar el color, el tamaño y la fuente del texto, crear listas y tablas, y mucho más. Estas características le ayudarán a mejorar el diseño de su tienda Ecwid y a describir los productos y servicios de una manera más fácil para el cliente.
Utilizar el modo de pantalla completa
Para disponer de más espacio al trabajar con su texto, puede utilizar el modo de pantalla completa haciendo clic en el icono Pantalla completa situado en la esquina superior derecha del el editor de texto.
Para salir de este modo, pulse el icono una vez más.
Aplicar formato
Aplicar formato ayuda a estructurar su texto y a resaltar la información importante. Puede utilizar citas de reseñas de productos y testimonios.
Hay cinco tipos de formato disponibles en nuestro editor de texto:
- Texto normal (Arial, 14px)
- Encabezado 2
- Encabezado 3
- Encabezado 4
- Cita (texto entre corchetes que parece una cita).
Para cambiar el formato de un párrafo, sitúe el cursor sobre el correspondiente párrafo, pulse el botón ¶ («Formato») en la esquina superior izquierda del editor de texto y elija la opción que necesite de la lista.
Elija los tipos de letra
El editor de texto admite negrita, cursiva, subrayado, y tachado.
Todos los botones dedicados a los tipos de letra están situados en la esquina superior izquierda del editor de texto:
- El botón B («Negrita») sirve para poner el texto en negrita
- El botón I («Cursiva») sirve para poner el texto en cursiva
- El botón U («Subrayado») sirve para hacer texto subrayado
S</s («Tachado») sirve para tachar el texto
Hay dos formas de cambiar el tipo de letra de su texto.
En primer lugar, puede seleccionar un fragmento de texto y pulsar el botón correspondiente en el menú del editor de texto. El tipo de letra de este texto concreto cambiará.
En segundo lugar, puede pulsar el botón correspondiente en el menú y empezar a escribir. El texto que escriba tendrá el tipo de letra que haya elegido. Para dejar de utilizar el tipo de letra, pulse el botón una vez más.
Añadir imágenes
Puede cargar imágenes desde su ordenador para insertarlas en su texto. Asegúrese de que las imágenes están en un formato compatible con Ecwid, estos son JPG, BMP, PNG y GIF. El tamaño máximo de carga de imágenes es de 10 MB.
Para insertar una imagen, haga clic en el icono de imagen del menú del editor de texto y, a continuación arrastre y suelte el archivo que necesite o haga clic en Seleccionar archivo, seleccione un archivo en su ordenador y haga clic en Abrir.
El archivo se cargará automáticamente y se insertará en el campo de texto. Haga doble clic en la imagen si desea redimensionarla.
Añadir vídeos
Para mostrar su producto y ayudar a los clientes a tomar una decisión bien ponderada o para que sus instrucciones sean más útiles, puede añadir un vídeo de Youtube/Vimeo a su texto.
Para añadir un vídeo a su texto:
- Haga clic en el icono de vídeo del menú del editor.
- Introduzca un código de incrustación de vídeo o un enlace externo.
- Haga clic en Insertar.
El vídeo se insertará automáticamente en el campo de texto.
También puede simplemente introducir la dirección del vídeo o un código de incrustación directamente en el campo de texto.
Añadir enlaces
Puede añadir enlaces clicables a los sitios web externos y/o a las páginas de su tienda Ecwid. Estos enlaces se abrirán en la misma pestaña o en la nueva pestaña (si opta por esta opción).
Para insertar un enlace en su texto:
- En el menú del editor de texto, haga clic en el icono de enlace y, a continuación, en Insertar enlace.
- Añada la URL e introduzca el texto.
- (opcional) Marque Abrir enlace en una nueva pestaña.
- Haga clic en Insertar.
También puede seleccionar un fragmento de texto y hacer clic en el icono de enlace del menú para añadir un enlace a este texto. Para eliminar el enlace, seleccione el texto y haga clic en Desvincular.
Para añadir un enlace a una imagen (por ejemplo, para crear un banner), siga nuestras instrucciones sobre cómo añadir una imagen en la que se pueda hacer clic.
Crear tablas
El editor de texto le permite crear tablas. Además, puede editar su tabla más adelante añadiendo y eliminando filas y columnas y añadiendo/eliminando el encabezado de la tabla. Las celdas de la tabla pueden contener vídeos, texto formateado, enlaces, imágenes, etc.
Para añadir una tabla a su texto:
- En el menú del editor de texto, haga clic en el icono de tabla y, a continuación, en Insertar tabla.
- Elija el número de filas y columnas para su tabla y haga clic en Insertar.
- (opcional) Añada un encabezado y/o filas y columnas adicionales a través del menú del editor.
- Rellene la tabla como desee.
También puede editar su tabla más tarde. Para eliminar la tabla, haga clic en el icono de la tabla en el menú del editor de texto y haga clic en Eliminar tabla o coloque el cursor a la derecha de la tabla y pulse Retroceso.
Personalizar ajustes de fuente
Utilizando el editor de texto, puede establecer el color de la fuente y el color de fondo, así como cambiar el tamaño de la fuente y la familia de fuentes para que encajen en el diseño de su tienda.
- Pulse Color de fuente para elegir el color que desea que tengan sus letras:
- Pulse Color de fondo para elegir el color de fondo de sus letras:
- Pulse Cambiar tamaño de letra para elegir el tamaño de sus letras:
Elija Eliminar el tamaño de la fuente al final de la lista para volver al tamaño de fuente que se utiliza por defecto (es 14px). - Pulse Cambiar familia de fuentes para elegir la familia de fuente de sus letras:
Elija Eliminar la familia de fuentes al final de la lista para volver a la familia de fuentes que se utiliza por defecto (es Arial).
Hay dos formas de aplicar los ajustes de fuente en el editor de texto.
En primer lugar, puede seleccionar un fragmento de texto y, a continuación, pulsar el botón correspondiente en el menú del editor de texto. La configuración de la fuente para este texto en particular cambiará.
En segundo lugar, puede pulsar el botón correspondiente y empezar a escribir. El texto que escriba tendrá la configuración de fuente que haya elegido. Para dejar de utilizar este ajuste de fuente pulse de nuevo el botón para elegir otro ajuste.
Para utilizar los colores que no están presentes en la paleta, edite sus textos en el modo HTML.
Aplicar alineación de texto
Hay cuatro tipos de alineaciones de texto disponibles en el editor de texto:
- Alinear texto a la izquierda
- Centrar texto
- Alinear texto a la derecha
- Justificar texto (crea un texto que tiene una anchura fija).
Para cambiar la alineación, sitúe el cursor en el párrafo correspondiente de su texto, después pulse el botón Alineación y elija la opción que necesite.
Insertar una regla horizontal
Si desea separar los párrafos de su texto entre sí con una línea, puede utilizar el botón Insertar regla horizontal del menú del editor de texto menú del editor de texto.
También puede añadir varias reglas horizontales seguidas si desea que la división sea más evidente. Para eliminar una regla, coloque el cursor tras ella y pulse Retroceso.
Crear listas
El editor de texto le permite crear dos tipos de listas: listas desordenadas y listas ordenadas. La primera opción utiliza viñetas para marcar los puntos, la segunda utiliza dígitos.
- Pulse Lista desordenada en el menú del editor de texto para crear una lista separada por viñetas. Para crear un nuevo punto, pulse Intro. Pulse Intro dos veces para finalizar la lista.
- Pulse Lista ordenada en el menú del editor de texto para crear una lista con números para cada uno de los puntos. Para crear un nuevo punto, pulse Intro. Pulse Intro dos veces para finalizar la lista.
Utilizar sangrías
Puede utilizar sangrías para resaltar algunos de los párrafos. Las sangrías le permiten desplazar la posición del margen izquierdo de su párrafo.
Una vez que pulse el botón Sangría del menú del editor de texto, el margen izquierdo de su párrafo se desplazará ligeramente hacia la derecha. Puede repetir esta acción tantas veces como desee. Para revertir los cambios, pulse Retroceso (si su cursor está al principio del párrafo) o Disminuir sangrado.
Una vez que pulse el botón Disminuir sangrado, el margen izquierdo de su párrafo se desplazará ligeramente hacia la izquierda. Así podrá cancelar los cambios realizados pulsando el botón Aumentar sangrado.
Crear bloques plegables (solo descripciones de productos)
Los bloques plegables (también conocidos como «bloques acordeón») le permiten dividir las descripciones de productos en secciones que se pueden ampliar o contraer con solo un toque de ratón o en una pantalla táctil. De este modo, las descripciones de sus productos siempre se verán ordenadas y fáciles de navegar, al tiempo que proporcionarán a sus clientes la más detallada información del artículo.
Puede añadir todo tipo de texto formateado, junto con imágenes, vídeos, tablas, etc., a sus bloques.
Para añadir un bloque plegable a la descripción de un producto:
- En el menú del editor de texto, haga clic en el Bloque de texto plegable.
- Introduzca el título del bloque. Por ejemplo, «Tejido y cuidado».
- En la sección de descripción del bloque, introduzca el contenido que desea ocultar dentro de del bloque clicable.
- (opcional) Repita el proceso para añadir más bloques fungibles a su página. Por ejemplo, también puede tener un bloque «Talla y ajuste» y un bloque «Descripción» para la descripción general del producto.
¡Eso es todo! Ahora la información sobre los productos aparecerá en forma de títulos sobre los que los clientes pueden pulsar para ver los detalles.
Este es el aspecto que puede tener una descripción con bloques plegables en una página de producto:
Edite sus textos en el modo HTML
Para los usuarios avanzados que deseen editar el código fuente de la descripción, el editor de texto dispone de modo HTML. Haga clic en << en la esquina superior derecha del menú del editor para editar sus textos utilizando HTML:
A continuación encontrará algunos ejemplos de lo que puede hacer utilizando el modo HTML.
Puede crear imágenes en las que se pueda hacer clic con enlaces que lleven a páginas externas o a páginas dentro de su tienda. Por ejemplo, si tiene en vigor una oferta, puede añadir un banner en el que se pueda hacer clic que lleve a su página principal de la tienda que conducirá a los clientes a la categoría con los productos rebajados.
Supongamos que desea añadir un enlace «https://www.ecwid.com/» a una imagen.
Para añadir una imagen clicable a su texto:
- Haga clic en el icono de la imagen en el menú del editor de texto y cargue su imagen.
- Entre en el modo HTML y busque su imagen:
Lo que necesita es la parte <img src="...">. - Introduzca <a href="https://www.ecwid.com/"> justo antes de la parte <img scr="..."> y ponga </a> después de ella.
En lugar de https://www.ecwid.com/ debe insertar en <a href=""> la dirección de la página web que necesite. - Salga del modo HTML para comprobar los cambios.
Puede utilizar colores de fuente diferentes de los que están disponibles en la paleta estándar del editor de texto. Todo lo que necesitará es el código RGB de su color (puede encontrarlo a través de cualquier calculadora RGB).
Digamos que quiere que una parte de su texto que diga «¡Oferta!» sea de color rojo.
Para cambiar el color de su texto:
- Escriba su texto en el campo de texto.
- Para facilitar el proceso, cambie el color del trozo de texto en cuestión en uno de los colores disponibles del editor de texto.
- Entre en el modo HTML y localice este fragmento de texto:
Lo que necesita es la parte «color:rgb (149, 55, 52);». - Cambie la parte entre paréntesis por el código RGB que corresponda al color del texto que necesita. En su caso (rojo brillante) introduzca (255, 0, 0) en lugar de (149, 55, 52).
- Salga del modo HTML para comprobar los cambios.