Base de conocimientos
Guías
Academia
Tutoriales en vídeo
Intenta buscar:
Artículos vistos recientemente:

Tabla de contenidos

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.

También puede utilizar el editor de texto en aplicaciones móviles de Ecwid para iOS y Android.

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.

Using_text_editor_at_15.12.31.png

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.

Using_text_editor__21_.png

El formato se aplica a todo el párrafo a la vez, por lo que deberá pulsar Intro para separar el texto que no desea que se vea afectado.

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

Using_text_editor__24_.png

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.

Using_text_editor_at_15.13.34.png

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.

Para acelerar el proceso, puede arrastrar y soltar una imagen desde su ordenador directamente al campo de texto.

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:

  1. Haga clic en el icono de vídeo del menú del editor.
  2. Introduzca un código de incrustación de vídeo o un enlace externo.Using_text_editor_at_15.14.16.png
  3. 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 o archivos 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).

Si desea añadir un manual en PDF a la descripción de su producto, solo tiene que cargar su manual a un alojamiento de archivos (por ejemplo, Google Drive) y luego insertar un enlace a él.

Para insertar un enlace en su texto:

  1. En el menú del editor de texto, haga clic en el icono de enlace y, a continuación, en Insertar enlace.

    Using_text_editor_at_15.14.51.png

  2. Añada la URL e introduzca el texto.
  3. (opcional) Marque Abrir enlace en una nueva pestaña.
  4. 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:

  1. En el menú del editor de texto, haga clic en el icono de tabla y, a continuación, en Insertar tabla.

    Using_text_editorat_15.15.32.png

  2. Elija el número de filas y columnas para su tabla y haga clic en Insertar.
  3. (opcional) Añada un encabezado y/o filas y columnas adicionales a través del menú del editor.
  4. 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:

    Using_text_editor__13_.png

  • Pulse Color de fondo para elegir el color de fondo de sus letras:

    Using_text_editor__6_.png

  • Pulse Cambiar tamaño de letra para elegir el tamaño de sus letras:Using_text_editor__18_.png
    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:

    Using_text_editor__3_.png

    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.

Puede cambiar la familia de fuentes, el color y el tamaño de los textos de toda su tienda utilizando códigos CSS (en inglés) o aplicaciones de Mercado de aplicaciones de Ecwid. También puede actualizar las fuentes para su tienda Ecwid y su Instant Site.

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).

Using_text_editor__23_.png

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.

La alineación se aplica a todo el párrafo a la vez, por lo que deberá pulsar Inro para separar el texto que no desea que se vea afectado.

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.

Using_text_editor__7_.png

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.

    Using_text_editor_at_15.17.21.png

  • 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.

    Using_text_editor_at_15.16.40.png

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.

Using_text_editor_at_15.18.21.png

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.

Using_text_editor_at_15.18.44.png

Puede utilizar sangrías no solo para sus párrafos de texto, sino también para imágenes y vídeos también.

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:

  1. En el menú del editor de texto, haga clic en el Bloque de texto plegable.

    Create_collapsible_blocks.png

  2. Introduzca el título del bloque. Por ejemplo, «Tejido y cuidado».
  3. En la sección de descripción del bloque, introduzca el contenido que desea ocultar dentro de del bloque clicable.
  4. (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:

Create_collapsible_blocks.gif

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:

Using_text_editorat_15.19.22.png

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:

  1. Haga clic en el icono de la imagen en el menú del editor de texto y cargue su imagen.
  2. Entre en el modo HTML y busque su imagen:

    Using_text_editor__20_.png

    Lo que necesita es la parte <img src="...">.
  3. Introduzca <a href="https://www.ecwid.com/"> justo antes de la parte <img scr="..."> y ponga </a> después de ella.

    Using_text_editor__15_.png

    En lugar de https://www.ecwid.com/ debe insertar en <a href=""> la dirección de la página web que necesite.
  4. Salga del modo HTML para comprobar los cambios.
Recuerde hacer clic en Guardar cuando haya terminado de hacer cambios en el campo de texto.
¿Fue útil este artículo?

¡Increíble! ¡Gracias por sus comentarios!

¡Gracias por sus comentarios!

¡Lo sentimos! ¿Qué ha ocurrido?
Usuarios a los que les pareció útil: 21 de 26
10
Usamos cookies y tecnologías similares para recordar sus preferencias, medir la efectividad de nuestras campañas y analizar datos despersonalizados con el fin de mejorar el rendimiento del sitio. Al elegir «Aceptar», da su consentimiento para el uso de cookies.
Aceptar cookies Rechazar