Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo editar páginas de WooCommerce (No requiere código)

Personalizar tu tienda WooCommerce es esencial para crear una experiencia de compra que realmente refleje tu marca y satisfaga las necesidades de tus clientes. Sin embargo, si no estás familiarizado con el código, la edición de páginas de WooCommerce puede parecer desalentadora.

En WPBeginner, hemos escrito numerosos tutoriales relacionados con WooCommerce y hemos ayudado a la gente a construir negocios de comercio electrónico correctos. Entendemos que no todo el mundo tiene una formación en desarrollo web, por lo que nos comprometemos a proporcionar métodos fáciles de usar para principiantes.

Adaptar sus páginas de WooCommerce puede mejorar la experiencia del usuario, aumentar las conversiones y reflejar mejor la identidad de su marca.

En este artículo, le mostraremos cómo editar fácilmente las páginas de WooCommerce para hacer más ofertas sin ningún conocimiento de código.

How to Edit WooCommerce Pages

¿Por qué editar páginas de WooCommerce para tu tienda online?

WooCommerce crea muchas páginas para mostrar los productos, tienda, cuenta, finalizar compra / pago, y las características del carrito para su tienda en línea.

Por defecto, tu tema de WordPress controla el aspecto de estas páginas. Hay un montón de temas de WooCommerce entre los que puedes elegir.

Sin embargo, editar estas páginas puede no ser tan sencillo como parece.

Por ejemplo, es posible que no pueda mostrar productos adicionales, añadir características de venta dirigidas, cambiar la estructura / disposición / diseño / plantilla, etc.

Aquí es donde entra SeedProd. Es el último plugin constructor de página WooCommerce que le permite utilizar una herramienta intuitiva de arrastrar y soltar para diseñar sus páginas de WooCommerce.

SeedProd

Lo primero que tienes que hacer es instalar y activar el plugin SeedProd. Para más detalles, consulte nuestro tutorial sobre cómo instalar un plugin de WordPress.

Para los diferentes métodos en este artículo, vamos a utilizar la versión SeedProd Pro, ya que tiene las características necesarias para editar páginas de WooCommerce.

Tras la activación, debe visitar la página SeedProd ” Ajustes para introducir la clave de licencia de su plugin. Puede encontrar esta información en su cuenta del sitio web de SeedProd.

Adding a SeedProd license key to WordPress

Después de introducir tu clave de licencia, ya puedes empezar. Ya puedes editar y crear páginas de WooCommerce altamente optimizadas para tu tienda online.

Dicho esto, veamos cómo editar páginas de WooCommerce paso a paso.

Puede hacer clic en cualquiera de los enlaces siguientes para saltar al método que desee:

Crear un tema WooCommerce completamente personalizado

SeedProd viene con un completo maquetador de temas WooCommerce incorporado. Esto le permite reemplazar su tema WooCommerce con una personalizada de su propio.

La ventaja de este enfoque es que obtienes más flexibilidad al editar tu tema de WooCommerce. Puedes editar cualquier página usando una simple herramienta de arrastrar y soltar.

Para empezar, simplemente vaya a la página SeedProd ” Configuración y haga clic en el botón ‘Seleccionar un tema para mi tienda’ al lado de la opción ‘Crear una tienda WooCommerce’.

Make a custom WooCommerce theme

A continuación, el plugin te mostrará muchos temas de WooCommerce listos para usar que puedes utilizar como punto de partida.

Basta con hacer clic en una plantilla para seleccionarla.

WooCommerce template selection

Cada tema de WooCommerce o WordPress es una colección de plantillas que muestran diferentes áreas de tu sitio web o tienda online.

SeedProd ahora generará esas plantillas para su tema y le mostrará un anuncio / catálogo / ficha de ellos.

Theme templates

Ahora puede llevar el ratón a una plantilla y hacer clic en el enlace “Editar diseño” para empezar a editarla.

Esto iniciará la interfaz del maquetador de páginas SeedProd.

Editing shop page for your WooCommerce theme

En la columna de la izquierda puedes añadir todos los elementos comunes de construcción de sitios web. A la derecha, verás una vista previa en directo de la página que estás editando.

También puede apuntar y hacer clic en cualquier elemento para editarlo.

Edit product grid

SeedProd viene con todos los bloques de WooCommerce que necesitará para construir un tema de WooCommerce orientado a las ventas.

Cuando haya terminado de hacer cambios en una plantilla, sólo tiene que hacer clic en el botón “Guardar” para guardar los cambios.

Save your WooCommerce theme template

Simplemente repite el proceso para editar otras plantillas en tu tema personalizado de WooCommerce.

Una vez que haya terminado de editar todas las páginas, vaya a la página SeedProd ” Theme Builder y active el conmutador ‘Enable SeedProd Theme’.

Enable SeedProd theme

Tu tema personalizado de WooCommerce ahora reemplazará a tu tema existente de WooCommerce.

Ahora, puede visitar su sitio web WordPress para verlo en acción.

Theme preview

Para obtener más información, consulte nuestro tutorial completo sobre cómo crear un tema de WordPress personalizado sin código.

Por otro lado, si quieres seguir usando tu tema WooCommerce existente y solo editar ciertas partes de tu sitio web, entonces continua leyendo.

Personalizar la página de finalizar compra / pago de WooCommerce

La página de finalizar compra / pago en cualquier tienda de comercio electrónico es uno de los pasos más significativos en el viaje del cliente.

Por defecto, WooCommerce viene con una experiencia de finalizar compra / pago simple, que no está optimizada para ventas y conversiones.

Plain checkout experience

Pequeñas modificaciones en la página de finalizar compra / pago pueden ayudarle a aumentar las ofertas y reducir el abandono del carrito en su tienda.

Por ejemplo, puede mostrar productos relacionados con un botón “Añadir al carrito” en la página de finalización de la compra para que los usuarios vean algo más que también quieran comprar.

Para crear su página de destino personalizada, simplemente vaya a SeedProd ” Páginas de destino y haga clic en “Añadir nueva página de destino”.

Add new landing page

A continuación, se le pedirá que elija una plantilla para su página.

Puede elegir una de las plantillas de la pantalla y editarla para finalizar la compra / pago, o puede empezar con una plantilla en blanco.

Choose a blank template

Utilizaremos la plantilla en blanco para este tutorial, pero puedes elegir cualquiera de ellas.

A continuación, deberá indicar un título y una URL para la página. Puede utilizar cualquier cosa que le ayude a identificar fácilmente esta página.

page name and url

Haga clic en el botón “Guardar y empezar a editar la página” para continuar.

Esto iniciará la interfaz del maquetador de páginas de SeedProd, donde puede simplemente arrastrar y soltar bloques para construir la estructura / disposición / diseño / plantilla de su página.

Page builder launched

En primer lugar, debe añadir una cabecera y luego personalizarla con su propia imagen de marca / marca.

SeedProd viene con secciones, que son colecciones de bloques que a menudo se utilizan juntos. Para añadir una sección de cabecera, haga clic en la pestaña “Secciones” y seleccione la categoría “Cabecera”.

Add header section

A continuación, sitúe el ratón sobre una cabecera y haga clic en el botón “Añadir (+)” para insertarla en su página.

Ahora puede editar la sección de cabecera simplemente haciendo clic en cada bloque y sustituyéndolo por su propio logotipo, menú y llamada a la acción.

Edit header page

Cuando esté satisfecho con la cabecera, añada una disposición a dos columnas.

Puede utilizar esta disposición de dos columnas para mostrar el formulario de finalizar compra / pago y productos de ventas dirigidas, testimonios y otros elementos.

Choose layout

A continuación, añada el bloque Finalizar compra en el menú de la izquierda.

Añádelo a la columna de la izquierda, que es más ancha y aparecerá primero en los dispositivos móviles.

Add checkout block

A continuación, debe añadir bloques a la columna de la derecha. Esta es el área que puedes utilizar para convencer a los usuarios de que completen la compra.

Aquí puede añadir un bloque de testimonios o mostrar sus productos más populares.

Upsell products

Aquí hay algunas cosas más que puede añadir a su página de finalizar compra / pago para mejorarla y conseguir mayores conversiones:

  • Acreditaciones / insignias / distinciones de confianza, como las acreditaciones de pago seguro de PayPal y Stripe o tu puntuación en las reseñas de Trustpilot.
  • Más pruebas sociales, como la actividad de los clientes en tiempo real
  • El bloque de reseñas de empresas en SeedProd para mostrar las valoraciones de Google

Cuando haya finalizado la edición de la página de compra / pago, no olvide guardar o ahorrar, según el contexto, haciendo clic en la flecha situada junto a “Guardar” y, a continuación, en “Publicar”, en la esquina superior derecha de la pantalla.

Save and publish

A continuación, debe indicar a WooCommerce que comience a utilizar su página de finalizar compra / pago personalizada para todos los clientes.

Vaya a la página “Ajustes” de WooCommerce y cambie a la pestaña “Avanzado”.

Use your custom checkout page

En la pestaña “Configurar página”, seleccione su página de finalizar compra personalizada para la opción “Página de finalizar compra”. No olvides hacer clic en el botón “Guardar cambios” para establecer los ajustes.

Ahora puede ir a su tienda en una nueva pestaña del navegador y probar la nueva experiencia de finalizar compra añadiendo un producto a su carrito.

Preview your custom checkout page

Para más detalles, puedes ver nuestro tutorial sobre cómo personalizar la página de finalizar compra / pago de WooCommerce.

Consejo extra: ¿Quieres ver el rendimiento de tu nueva página de carrito? Consulta nuestro tutorial sobre seguimiento de conversiones en WordPress para principiantes para realizar un seguimiento de todas tus conversiones.

Personalizar el formulario de finalizar compra / pago de WooCommerce

La página de finalizar compra / pago es una de las áreas donde muchos usuarios abandonan sus carritos.

La forma más fácil de garantizar que los usuarios finalicen sus compras es ofrecer una mejor experiencia de finalización / pago.

Aquí es donde FunnelKit puede ayudar. Es uno de los mejores constructores de embudo de ventas para WooCommerce que le permite optimizar embudos, páginas de finalización de compra, experiencia de carrito y mucho más.

FunnelKit Automations

Dispone de docenas de plantillas, un asistente para crear embudos y un editor de arrastrar y soltar para las páginas de carrito y finalizar compra / pago.

En primer lugar, debe suscribirse a un plan de FunnelKit visitando su sitio web.

Nota: Usted necesitará al menos el plan Plus para desbloquear embudos de ventas, ventas dirigidas, pedidos, y otras características.

Después, necesitas instalar y activar los plugins FunnelKit Builder y FunnelKit Builder Pro. Puedes encontrarlos en tu cuenta del sitio web de FunnelKit.

FunnelKit plugins

¿Necesita ayuda? Consulte nuestro tutorial sobre cómo instalar un plugin de WordPress.

Tras la activación, se le pedirá que proporcione las claves de licencia de su plugin. Puede encontrarlas en la misma página de descargas de su cuenta en el sitio web de FunnelKit.

Una vez que haya finalizado, estará listo para personalizar el formulario de finalización de compra de WooCommerce.

Simplemente vaya a la página FunnelKit ” Store Checkout en el escritorio de administrador de WordPress y haga clic en el botón ‘Create Store Checkout’.

Create a store checkout

En la pantalla siguiente, debe elegir primero la interfaz de su editor.

Las plantillas de FunnelKit se pueden editar con el editor Gutenberg por defecto, Elementor, Divi, Oxygen o cualquier otro maquetador de páginas mediante shortcodes.

Después, tienes que elegir una plantilla. Hay docenas de bonitas plantillas entre las que elegir. Solo tienes que hacer clic en el botón “Vista previa” para ver una vista previa en directo de la plantilla.

En la vista previa puede elegir entre una página de finalización de compra / pago de un solo paso o de varios pasos. Después, simplemente haz clic en el botón “Importar este embudo” en la parte superior.

Funnel Importer

A continuación, se le pedirá que introduzca un nombre para su embudo.

Puedes llamarlo de cualquier forma que te ayude a identificarlo más tarde. A continuación, haz clic en el botón “Aceptar” para continuar.

Give your custom cart a name

FunnelKit creará ahora su página de finalizar compra / pago personalizada.

Después, verá la página Escritorio. Desde aquí, puede editar su página de finalizar compra / pago, añadir más pasos, o añadir un bache de pedido.

Editing custom checkout page

Al editar una página, ésta se abrirá en el editor que haya elegido anteriormente.

Para este tutorial, hemos elegido Gutenberg. Cada elemento en la página de finalizar compra / pago es un bloque que puede editar simplemente al hacer clic para seleccionarlo.

Checkout page editor

También puede añadir nuevos bloques al hacer clic en el botón “Añadir bloque”.

Cuando haya terminado de hacer los cambios, no olvide hacer clic en el botón “Actualizar”.

Esto le devolverá a la página de finalizar compra / pago. Desde aquí, debe cambiar a la pestaña “Campos”.

Fields editor

Aquí es donde puede editar los campos del formulario de finalizar compra / pago. En este ejemplo, estamos utilizando un formulario de finalizar compra / pago en dos pasos. Esto le permite capturar la información de contacto antes del pago.

También puedes añadir nuevos campos de formulario desde la columna de la derecha. Por defecto, el plugin muestra los campos de finalización de compra / pago más utilizados.

Sin embargo, puede hacer clic en el botón “Añadir nuevo campo” para añadir un campo de formulario personalizado.

Add new custom field

Aparecerá una ventana emergente en la que podrá elegir el tipo de campo, proporcionar una meta clave e introducir una etiqueta.

También puede hacer que el campo sea “obligatorio” y asignarlo a la página de finalizar compra / pago o de agradecimiento.

Create a custom checkout field

No olvide hacer clic en el botón “Guardar cambios” para establecer los ajustes del formulario.

FunnelKit viene con un montón de optimizaciones que puedes añadir a tu página de finalizar compra / pago para una experiencia sin fricciones.

Vaya a la página “Optimizaciones” y verá una lista de optimizaciones que puede aplicar a la página finalizar compra / pago.

Checkout page optimizations

Basta con hacer clic en una optimización para configurarla y, a continuación, en el botón “Guardar cambios” para guardar los cambios.

A continuación, cambie a la pestaña “Ajustes” para activar Analytics, el píxel de Facebook, los scripts personalizados o CSS en su embudo de finalización de compra / pago.

Funnel settings

No olvides hacer clic en el botón “Guardar cambios” para aplicar las modificaciones.

Por último, debe hacer clic en el botón “Borrador” situado al lado del título de la página de finalización de compra y cambiarlo a “Publicar”. Esto reemplazará su página de finalizar compra / pago existente con el embudo personalizado que acaba de crear.

Publish Checkout page

Ahora puede visitar su tienda en una nueva pestaña del navegador para probar la experiencia de finalizar compra / pago personalizada que ha creado.

Así se veía en nuestro sitio web de demostración.

Previewing custom checkout page

Añadir finalizar compra / pago en una página en WooCommerce

FunnelKit también le permite finalizar la compra / pago en una sola página.

Tienes que visitar la página de FunnelKit ” Store Checkout y hacer clic en ‘Create Store Checkout’.

Create a store checkout

En la selección de plantillas, basta con hacer clic en la opción “Un solo paso” de la parte superior.

A continuación, haga clic en el botón “Importar este embudo” para continuar.

One-Step checkout

A continuación, puede seguir editando su plantilla en el editor que prefiera. Consulte la sección anterior de este tutorial para obtener instrucciones más detalladas.

Añadir un carrito deslizable a WooCommerce

La mayoría de los temas de WooCommerce vienen con una página de carrito separada. Esta experiencia de carrito añade fricción a las experiencias de compra y finalizar pago.

Si los usuarios necesitan ajustar la calidad del producto o quitar elementos del carrito, tienen que salir de la página que están viendo en ese momento para actualizar el carrito.

Esto se puede corregir añadiendo un carrito deslizable en WooCommerce.

Un carrito deslizante muestra un botón de carrito en la pantalla. Al hacer clic en el botón, aparece un menú deslizante con los productos que el usuario ha añadido al carrito.

Slide-in Cart

Ahora los usuarios pueden editar y actualizar el carrito sin salir de la página.

FunnelKit tiene una hermosa característica de carrito deslizable que se integra perfectamente con su tienda en línea. Incluso puedes utilizarlo para realizar ventas dirigidas, incentivar la finalización de compra / pago, ofrecer descuentos y mucho más.

En primer lugar, debe visitar el sitio web de FunnelKit y acceder a una cuenta.

Nota: Necesitará al menos el plan Plus para acceder a las características del carrito deslizable.

Después de registrarse, vaya a su cuenta en el sitio web de FunnelKit para descargar el plugin FunnelKit Cart.

FunnelKit cart

A continuación, debe instalar y activar el plugin. Para más detalles, consulte nuestro tutorial sobre cómo instalar un plugin de WordPress.

Una vez activado el plugin, debe ir a la página FunnelKit ” Carrito para establecer los ajustes del carrito deslizable.

Cart settings

A partir de aquí, verá muchas opciones a su izquierda y una vista previa en directo del aspecto que tendrá su carrito deslizable.

FunnelKit ofrece un montón de opciones de personalización. Por ejemplo, puedes elegir entre diferentes estilos, seleccionar iconos de carrito, cambiar el texto de los botones y mucho más.

También puede añadir productos de ventas dirigidas o cruzadas, ofrecer descuentos y hacer que la experiencia del carrito sea mucho más atractiva.

Additional cart settings

Para publicar los cambios, no olvides hacer clic en el botón “Guardar”.

Ahora puede visitar su sitio web para probar el carrito deslizante en su tienda real.

Personalizar la página del carrito de WooCommerce

WooCommerce tiene una página de carrito por defecto, permitiendo a los usuarios continuar a la página de finalizar compra / pago.

Por defecto, muestra los productos que los clientes han añadido a su carrito. Sin embargo, los estudios demues tran que más del 70% de los clientes abandonan una tienda online sin completar su compra.

Los temas de WooCommerce a menudo vienen con una página de carrito aburrida sin optimización para las conversiones.

WooCommerce default cart experience

Personalizando la página del carrito de tu WooCommerce, puedes reducir fácilmente el abandono del carrito y mejorar las ofertas.

Para crear su página de destino personalizada, simplemente vaya a SeedProd ” Páginas de destino y haga clic en “Añadir nueva página de destino”.

Add new landing page

A continuación, se le pedirá que elija una plantilla para su página.

Puede elegir una de las plantillas de la pantalla y editarla para crear una página de carrito, o puede empezar con una plantilla en blanco.

Choose a blank template

Utilizaremos la plantilla en blanco para este tutorial.

A continuación, deberá indicar un título y una URL para la página. Puede utilizar cualquier cosa que le ayude a identificar fácilmente esta página.

Cart page tiitle and URL

Esto iniciará la interfaz del maquetador de SeedProd.

Puede empezar por cambiar a la pestaña “Secciones” y añadir una cabecera a su plantilla en blanco.

Add header section

Después, no dudes en apuntar y hacer clic para editar la cabecera a tu gusto.

Debajo, debe añadir una estructura / disposición / diseño / plantilla de dos columnas, que utilizará para añadir otros bloques de página de carrito.

Add layout columns

A continuación, añada el bloque “Carrito” a la columna de la derecha.

Ahora, como su carrito está vacío, no mostrará ningún producto. Vaya a su tienda, añada algunos productos a su carrito y vuelva a cargar el maquetador de páginas de SeedProd.

Add the cart block

Después, puede añadir otros elementos para mejorar la página de su carrito.

Por ejemplo, puede empezar añadiendo testimonios o un temporizador de cuenta atrás para desencadenar el efecto FOMO.

Upsell and create FOMO

No dudes en jugar añadiendo diferentes bloques y retocando los colores y la anchura.

Una vez que haya terminado de editar, no olvide hacer clic en “Guardar y publicar” en la parte superior derecha de la pantalla.

Save and publish

A continuación, tienes que decirle a WooCommerce que empiece a usar tu página de carrito personalizada para todos los clientes.

Vaya a la página “Ajustes” de WooCommerce y cambie a la pestaña “Avanzado”.

Use custom cart page

Ahora puede visitar su tienda en línea en una nueva pestaña del navegador.

Comience a añadir algunos productos y, a continuación, diríjase a la página del carrito para ver su nueva página en acción.

Cart page preview

Editar páginas de productos WooCommerce

Los temas de WooCommerce utilizan la misma plantilla para mostrar todos los productos en su sitio web.

Sin embargo, es posible que desee promocionar algunos productos más que otros. Lo más que puede hacer para distinguir los productos importantes es convertirlos en productos destacados.

SeedProd le permite crear páginas de productos personalizadas. Puede utilizar una plantilla bien diseñada hecha a medida para mayores conversiones y luego simplemente rellenarla con la información de su producto.

Para empezar, simplemente vaya a SeedProd ” Páginas de destino y haga clic en “Añadir nueva página de destino”.

Add new landing page

A continuación, se le pedirá que elija una plantilla para su página.

Puede elegir una de las plantillas de la pantalla y editarla para crear una página de producto. Encontrarás varias plantillas optimizadas para conversiones en la pestaña ‘Ofertas’.

Choose a template to create a product page

Basta con hacer clic para seleccionar una plantilla y continuar.

A continuación, se le pedirá que indique el título y la URL de la página. Puede utilizar el nombre del producto como título y URL.

Product page title and URL

Haga clic en el botón “Guardar y empezar a editar la página” para continuar.

Esto iniciará la interfaz del maquetador de páginas SeedProd con la plantilla seleccionada. Usted puede simplemente apuntar y hacer clic en cualquier elemento de la página para editarlo.

Editing product page

Puede empezar sustituyendo los elementos de la cabecera, como el logotipo, el menú de navegación y el botón de llamada a la acción, por los suyos propios.

Después, puede sustituir las imágenes por las de sus productos y editar el texto según sea necesario.

Add your product details with add to cart button

Por último, puede sustituir la llamada a la acción por el bloque Añadir al carrito.

Después, deberá añadir el ID del producto en los ajustes del bloque Añadir al carrito. También puede cambiar el texto del botón, así como añadir subtexto, color y alineación de desplazamiento.

Edit cart bundle

Para encontrar el ID de un producto, debe ir a la página Productos ” Todos los productos en el área de administrador de WordPress en una pestaña separada del navegador / explorador.

Pase el ratón por encima del producto que desea promocionar y aparecerá el ID del producto junto con otros enlaces.

Finding a product ID in WooCommerce

Para que su página de producto sea más eficaz, puede probar estos consejos:

Una vez que haya terminado de editar su página de producto, no olvide hacer clic en el botón “Guardar y publicar” de la parte superior.

Save and publissh product page

Una vez publicada, puede ver la página de su producto al hacer clic en el botón “Vista previa”.

Esto mostrará la página del producto en vivo en su sitio web que ahora puede empezar a promover.

Product page preview

Para obtener más detalles y consejos adicionales, consulte nuestro tutorial sobre cómo personalizar las páginas de productos de WooCommerce.

Personalizar la página de la tienda para su tienda WooCommerce

WooCommerce te permite mostrar fácilmente tus productos en la página de la tienda. Se trata básicamente de una página con sus productos mostrados en una estructura / disposición / diseño / plantilla.

La plantilla de la tienda en la mayoría de los temas de WooCommerce es aburrida y no está optimizada para las ventas y conversiones. Por si fuera poco, no suele haber opciones para personalizarla, o estas son muy escasas.

SeedProd le permite crear y personalizar una página de tienda WooCommerce fácilmente. Usted puede elegir su propia estructura / disposición / diseño / plantilla y optimizar esta página para mayores conversiones.

Para empezar, simplemente vaya a SeedProd ” Páginas de destino y haga clic en el botón “Añadir nueva página de destino”.

Add new landing page

A continuación, se le pedirá que elija una plantilla para su página.

Puede elegir una de las plantillas de la pantalla y editarla para crear la página de su tienda.

Choose a template to create a product page

Basta con hacer clic para seleccionar una plantilla y continuar.

A continuación, se le pedirá que indique el título y la URL de la página. Puede utilizar algo como Shop, Store o Storefront para indicar que se trata de la página principal de la tienda.

Shop page

Haga clic en el botón “Guardar y empezar a editar la página” para continuar.

Esto iniciará la interfaz del maquetador de páginas SeedProd con la plantilla seleccionada. Usted puede simplemente apuntar y hacer clic en cualquier elemento de la página para editarlo.

Editing product page

Puede empezar sustituyendo los elementos de la cabecera, como el logotipo, el menú de navegación y el botón de llamada a la acción, por los suyos propios.

Después, puede añadir una sección de héroe en la parte superior con una imagen grande y su llamada a la acción principal.

Shop header

Debajo de eso, puedes usar bloques de WooCommerce para mostrar tus productos.

Puede elegir entre productos recientes, destacados, más vendidos, mejor valorados y en oferta.

Display products

Después de añadir un bloque de producto, también puede personalizar su aspecto.

SeedProd le permite elegir el número de productos, las opciones de clasificación, las columnas, etc.

Product display options

Puede optimizar aún más esta página añadiendo más texto, ofertas especiales, banners, una sección de FAQ, etc.

Una vez que hayas terminado de editar, no olvides hacer clic en “Guardar y publicar” en la parte superior.

Save and publissh product page

Después de guardar la página, haz clic en el botón “Vista previa” para verla en acción.

SeedProd abrirá la página en una nueva pestaña del navegador.

Shop page preview

Ahora puede enlazar la página de la tienda de su menú de navegación con su página personalizada de la tienda.

Personalizar la página de agradecimiento de WooCommerce

La página de ‘Gracias’ de WooCommerce aparece cuando un cliente completa una compra. Por defecto, WooCommerce solo mostrará los detalles del pedido en esta página.

Default thank you page in WooCommerce

Eso no ofrece a los clientes más opciones que explorar. Es una especie de callejón sin salida y una oportunidad perdida para las ventas y las conversiones.

Por suerte, puede corregirlo con SeedProd creando una página de agradecimiento personalizada.

Para empezar, simplemente vaya a SeedProd ” Páginas de destino y haga clic en el botón “Añadir nueva página de destino”.

Add new landing page

A continuación, se le pedirá que elija una plantilla para su página.

Cambie a la pestaña “Gracias” y encontrará un montón de plantillas de páginas de agradecimiento. Puedes elegir una de ellas o incluso empezar con una plantilla en blanco.

Thank you page templates

A continuación, se le pedirá que elija un título y una URL para su página.

Puede utilizar “Gracias” o cualquier otro título significativo para su página.

Thank you page title

Haga clic en el botón “Guardar y empezar a editar la página” para continuar.

Esto iniciará la interfaz del maquetador de páginas SeedProd, donde verá una vista previa en vivo de su plantilla. Usted puede simplemente apuntar y hacer clic para editar cualquier elemento en la vista previa o añadir nuevos bloques de la columna de la izquierda.

Edit thank you page

Ahora puedes aprovechar esta oportunidad para promocionar tu lista de correo electrónico o productos de venta dirigida añadiendo bloques de cuadrícula de productos de WooCommerce.

No dude en experimentar con diferentes encabezados, textos y productos para crear una página de agradecimiento eficaz.

Una vez terminado, no olvide hacer clic en el botón “Guardar y publicar” situado en la esquina superior derecha de la pantalla.

Save and publissh product page

Su página de agradecimiento personalizada ya está activa. Sin embargo, todavía tiene que decirle a WooCommerce que utilice esta página como su página de agradecimiento por defecto.

Para ello, tendrás que instalar y activar el plugin Thanks Redirect for WooCommerce. Para más detalles, consulta nuestro tutorial sobre cómo instalar un plugin de WordPress.

Una vez activado, vaya a la página “Ajustes” de WooCommerce y haga clic en la pestaña “Productos”.

Redirect thank you page in WooCommerce

Desde aquí, debe marcar la opción “Activar redirección global de agradecimiento”. A continuación, verás un campo llamado “URL de redireccionamiento de agradecimiento”.

Pega la URL de tu nueva página de agradecimiento de WooCommerce en este cuadro, luego haz clic en el botón ‘Guardar cambios’.

Ahora, cuando los clientes completen una compra, verán su página de agradecimiento personalizada y altamente optimizada. Será mucho más probable que hagan clic y busquen en el resto de su tienda que si se hubiera quedado con la página por defecto.

Custom thank you page in WooCommerce

Esperamos que este artículo te haya ayudado a aprender cómo editar páginas de WooCommerce fácilmente sin escribir código. Puede que también quieras ver nuestra guía completa de SEO para WooCommerce o nuestra selección de los mejores plugins para embudos de ventas de WooCommerce para aumentar tus conversiones.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

5 comentariosDeja una respuesta

  1. THANKGOD JONATHAN

    As an online store owner, I often need to make changes to my WooCommerce pages without any coding knowledge required. WPBeginner’s guide on editing WooCommerce pages has been incredibly helpful in meeting this need.
    With the help of plugins like Elementor and Beaver Builder, I’m now able to easily create custom WooCommerce pages without any coding knowledge required.
    This has saved me a lot of time and effort compared to manually editing the code for these pages.

  2. Ralph

    This article is a lifesaver for non-tech-savvy WooCommerce users like myself who want to make changes to their online store without learning how to code. This is great that a lot of things are now drag and drop.

    However, I have a question. Is it better to have shop.domain or domain/shop?
    Does it make any difference from seo point of view? Or any else?

    • WPBeginner Support

      It should not make a major SEO difference either way, if you wanted everything on the same site it is easier to do domain/shop while if you wanted to create a store specific subsite the store.domain is normally the method to use.

      Administrador

  3. Ruth

    thanks for sharing. will installing this plugin displace my already installed Elementor builder?

    • WPBeginner Support

      This plugin is normally an alternative to Elementor so there is a good chance that it will be a replacement plugin for you :)

      Administrador

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.