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

Tabla de contenidos

Añadir bloques Ecwid en el editor Gutenberg

Después de instalar el plugin Ecwid E-Commerce para WordPress, obtendrá acceso a una serie de bloques de contenido para tiendas. Están disponibles directamente en el editor de páginas sin código predeterminado y en la herramienta de publicación que también se conoce como editor Gutenberg. Puede utilizar estos bloques para añadir funcionalidades de tienda online a cualquier página de su sitio WordPress en cuestión de minutos.

Añadir bloques de tienda

Puede añadir uno o varios bloques de comercio electrónico a cualquier página del sitio de WordPress y ajustarlos al diseño de su sitio.

Para añadir un bloque de tienda:

  1. Vaya a su Panel de control de WordPress → Páginas y abra la página en la que desea añadir elementos de tienda online. Puede añadirlos a una página nueva o a una ya existente.
  2. Pulse el botón + de la parte superior izquierda. En la sección Ecwid, verá una lista de bloques de contenido de tienda disponibles:

    Adding_Ecwid_blocks_in_the_Gutenberg_editor__2_.png

  3. Haga clic en el bloque para añadirlo a su página.
  4. Para modificar el aspecto del bloque, haga clic sobre él en la página del sitio y utilice el menú de configuración del bloque situado a la derecha:

    Adding_Ecwid_blocks_in_the_Gutenberg_editor__1_.png

  5. Pulse Publicar o Actualizar para guardar los cambios.

¡Eso es todo! Ha añadido un bloque de comercio electrónico a la página de su sitio de WordPress.

Visión general de los bloques de tienda

La lista completa de los bloques de contenido de tienda de Ecwid para el editor predeterminado de WordPress incluye:

  • Todo su escaparate
  • Páginas de categorías individuales
  • Fichas de productos individuales en forma de Botones de compra (tres opciones de diseño)
  • Búsqueda de productos (con o sin filtros)
  • Página de compra y carrito
  • Menú de categorías
  • Icono de la cesta de la compra

Puede añadir uno o varios bloques por página según sus necesidades.

Página de inicio de la tienda

El bloque Página de inicio de la tienda le permite añadir todo su escaparate a cualquier página de WordPress:

Adding_Ecwid_blocks_in_the_Gutenberg_editor__8_.png

Puede gestionar el aspecto de la tienda directamente en el editor de WordPress: elija el tamaño y la relación de aspecto de las miniaturas de los productos y las categorías, defina el aspecto de las páginas de productos, elija la vista de los productos en la página principal de la tienda, añada elementos de navegación y mucho más.

Ficha de producto reducida

El bloque Ficha de producto reducida es perfecto para añadir uno o varios productos a una entrada de blog o a su página de inicio. También puede utilizarlo si solo tiene unos pocos productos para vender y no quiere añadir una tienda entera a su sitio.

Adding_Ecwid_blocks_in_the_Gutenberg_editor__7_.png

Puede seleccionar un producto para el bloque haciendo clic en Elegir producto después de añadir el bloque a una página del sitio.

Además, después de añadir la ficha de producto, puede gestionar su aspecto directamente en el editor de WordPress: elija qué elementos mostrar y modifique el aspecto del botón.

Botón Comprar ahora

Puede utilizar el bloque minimalista Botón Comprar ahora para añadir botones de compra con opción de pago para productos específicos. Por ejemplo, si desea tener una CTA en la página de descripción del producto que usted mismo ha diseñado en su sitio de WordPress.

Adding_Ecwid_blocks_in_the_Gutenberg_editor__9_.png

Puede seleccionar un producto para el botón Comprar ahora haciendo clic en Elegir producto después de añadir el bloque a una página. Además, después de añadir el botón, puede editar adicionalmente su apariencia en el editor de WordPress y elegir no mostrar el precio dentro del botón «Comprar ahora».

Cuadro de búsqueda de productos

El bloque Cuadro de búsqueda de productos le permite añadir un bloque de entrada de búsqueda compacto a cualquier página:

Adding_Ecwid_blocks_in_the_Gutenberg_editor__4_.png

Para usuarios de temas clásicos de WP: Si desea añadir un cuadro de búsqueda a todas las páginas de su sitio a la vez, vaya a Apariencia → Widgets y añada el widget Búsqueda de productos a la barra lateral.

Menú de categorías de la tienda

El bloque Menú de categorías de la tienda le permite añadir un menú de categorías en la parte superior (o inferior) de su página. Este menú ayudará a los clientes a navegar por su tienda y puede servir para llamar la atención.

Adding_Ecwid_blocks_in_the_Gutenberg_editor__3_.png

El menú de categorías de la tienda contendrá todas las categorías habilitadas que tenga en su tienda.

Icono del carrito de compras

Con el bloque Icono del carrito de compras, puede hacer que su carro de la compra sea aún más visible. Puede ayudar a reducir el número de carros abandonados y mejorar la navegación general en la tienda. Cuando un cliente hace clic en el icono, se le redirige a la página de pago.

Adding_Ecwid_blocks_in_the_Gutenberg_editor__12_.png

Puede gestionar el aspecto del icono de su carrito directamente en el editor de WordPress: elija dónde alinear el icono del carrito de la compra (izquierda, centro o derecha) y elija su aspecto (bolsa, carrito o cesta, tamaño, recuento de artículos, etc.).

Para usuarios de temas clásicos de WP: Si desea añadir un icono de la cesta de la compra a todas las páginas de su sitio a la vez, vaya a Apariencia → Widgets y añada el widget de la cesta de la compra a la barra lateral.

Página de categorías de la tienda

El bloque Página de categorías de la tienda le permite añadir una categoría de tienda específica a cualquier página de su sitio WordPress. Puede ser cualquier categoría que exista en su tienda.

Adding_Ecwid_blocks_in_the_Gutenberg_editor__6_.png

Puede seleccionar la categoría que desea que se añada en el desplegable Seleccionar categoría del menú de configuración del bloque de la derecha. Para acceder a él, haga clic en el bloque después de añadir el bloque a la página del sitio.

Después de añadir la categoría, puede gestionar su aspecto directamente en el editor de WordPress: elija el tamaño y la relación de aspecto de las miniaturas de los productos y las categorías, defina el aspecto de las páginas de productos, añada elementos de navegación y mucho más.

Ficha de producto ampliada

El bloque Ficha de producto ampliada es perfecto para crear páginas de productos individuales en su sitio de WordPress. Por ejemplo, si desea destacar un producto específico —como un bestseller o un artículo limitado— y no quiere dedicar tiempo a diseñar usted mismo la página del sitio.

Las fichas de producto grandes tienen toda la información que tiene una página de detalles de producto normal: título del producto, imágenes, descripción, opciones (si las hay), precio, etc.

Adding_Ecwid_blocks_in_the_Gutenberg_editor__5_.png

Puede seleccionar un producto para el bloque haciendo clic en Elegir producto después de añadir el bloque a una página del sitio.

Además, después de añadir la ficha de producto, puede gestionar su aspecto directamente en el editor de WordPress: elija el diseño de la página de producto y de la galería de imágenes, establezca el contenido de la barra lateral de productos y mucho más.

Búsqueda de productos y filtros

El bloque Búsqueda de productos y filtros le permite añadir una búsqueda avanzada. La página de su sitio en WordPress contendrá no solo un cuadro de búsqueda, sino también todos sus productos, junto con una lista de filtros de productos. De este modo, los clientes pueden encontrar más rápidamente lo que necesitan.

Aprenda a añadir filtros de productos en su tienda →

Adding_Ecwid_blocks_in_the_Gutenberg_editor__11_.png

Después de añadir el bloque para la búsqueda de productos y filtros, puede gestionar su aspecto directamente en el editor de WordPress: elija la posición del panel de filtros, configure el aspecto de la lista de productos y la navegación de la tienda, y mucho más.

Cesta de la compra y caja

Con el bloque Cesta de la compra y caja puede añadir la página de pago a cualquier página de su sitio WordPress. Por ejemplo, vincularlo al menú principal de su sitio web para que los clientes que deseen finalizar la compra puedan encontrarlo más rápidamente.

Adding_Ecwid_blocks_in_the_Gutenberg_editor__10_.png

¿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: 2 de 4
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