¿Cómo personalizar la página de la tienda WooCommerce (pago y producto)?
Publicado: 2024-10-03¿Puedes culpar a WooCommerce por no tener opciones avanzadas para personalizar la tienda, el producto o la página de pago? Por supuesto que no deberías. De hecho, es mejor añadir más personalización con plugins, también con extensiones gratuitas para WooCommerce.
- personalizar la página del producto en la tienda WooCommerce ️
- agregue, elimine, reordene y aplique estilo a campos personalizados en la página de pago de WooCommerce ️
Tabla de contenido
- Personalización de la página de la tienda WooCommerce
- Personaliza los productos WooCommerce
- Diseñar la página de pago con campos personalizados
Personalización de la página de la tienda WooCommerce
En resumen, configurar y ajustar la página de la tienda en WooCommerce se cerrará en estos 4 pasos:
¿Cómo personalizar la página de la tienda?
Elige la página
Para mostrar la página de la tienda es necesario tenerla. Puede ser una página existente o una nueva.
Personaliza las opciones del catálogo de productos.
La página del producto se puede diseñar en el menú Apariencia → Personalizar → WooCommerce → Catálogo de productos .
Agregar la página al menú o widgets
WooCommerce permite mostrar el enlace al catálogo de productos en el menú y/o widgets ( Apariencia → Menús/Widgets ).
Personalización del catálogo de productos.
¿Hay más opciones para ajustar la página?
Sí. Por ejemplo, estilo CSS, agregar contenido, códigos cortos, redirecciones o código personalizado.
De este modo, el diseño de página estándar se puede mejorar con nuevas secciones o elementos.
Personaliza los productos WooCommerce
La parte obvia del uso de WooCommerce es agregar nuevos productos. De forma predeterminada, es posible utilizar atributos y variaciones. Los atributos serán visibles en la información adicional (según el tema).
Por supuesto, las variaciones pueden ayudar (también usan atributos):
Pero para crear productos con opciones y campos personalizados más personalizables, WooCommerce por sí solo no será suficiente.
Como mencioné en la introducción, existen componentes básicos para ampliar las capacidades de WooCommerce, llamados complementos. Y hay un complemento gratuito para agregar campos personalizados y personalizar la página del producto WooCommerce.
Campos de productos flexibles WooCommerce
Cree un asistente de productos para vender grabados, envoltorios de regalo, mensajes de regalo, tarjetas de visita, sellos y, opcionalmente, cobrar por ello (fijo o porcentual).
Instalaciones activas: 10,000+ | Calificación de WordPress:
¿Cómo personalizar la página del producto WooCommerce con el complemento?
Después de descargar, instalar y activar la extensión, será posible ajustar las páginas del producto con unos pocos pasos.
Agregar grupos de campos para productos específicos
Primero, es posible seleccionar uno o más productos para nuevos campos (visibles en la captura de pantalla a continuación).
Elija la ubicación del campo
Además, el complemento permite mostrar las opciones del nuevo producto antes o después del botón Agregar al carrito.
Ajuste la página del producto WooCommerce con campos personalizados
La característica principal del complemento es agregar nuevos campos. En la versión gratuita de Flexible Product Fields, hay 18 tipos de campos.
Agregue campos personalizados y nuevas opciones a la página del producto WooCommerce Cada campo tiene su configuración, por ejemplo, etiquetas, marcadores de posición, información sobre herramientas, clases CSS, número máximo de caracteres, etc. El campo puede ser obligatorio u opcional.
Personalización de la página del producto WooCommerce: ejemplo
El efecto final para uno o más productos (con un complemento gratuito).
Opciones de productos WooCommerce con campos personalizados
Como puede ver, es posible personalizar las páginas de productos de WooCommerce con un complemento gratuito. Puede descargarlo o leer más en el repositorio de WordPress.
Campos de productos flexibles WooCommerce
Cree un asistente de productos para vender grabados, envoltorios de regalo, mensajes de regalo, tarjetas de visita, sellos y, opcionalmente, cobrar por ello (fijo o porcentual).
Instalaciones activas: 10,000+ | Calificación de WordPress:
En resumen, el complemento Flexible Product Fields permite crear productos personalizados en WooCommerce.
Diseñar la página de pago con campos personalizados
Además, WP Desk también tiene un complemento gratuito para personalizar la página de pago de WooCommerce.
Campos de pago flexibles WooCommerce
Edite, agregue nuevos u oculte campos innecesarios del formulario de pago de WooCommerce. Agregue precios a los campos y use lógica condicional. Se trata de conversiones y una mejor experiencia de usuario. NUEVO: ahora puede establecer múltiples condiciones (O) en uno o más grupos de condiciones (Y).
Instalaciones activas: 90.000+ | Calificación de WordPress:
Los campos de pago flexibles permiten administrar el campo existente, así como agregar nuevos campos personalizados a la página de pago.
Guía rápida de personalización de la página de pago de WooCommerce
(después de instalar y activar el complemento)
El formulario de pago predeterminado
La página de pago estándar (clásica) contiene campos predefinidos.
Ajustar la forma
Al eliminar o agregar nuevos campos, es posible personalizar la página de pago de WooCommerce.
Reorganizar y administrar los campos de pago
El editor visual de la página de pago permite la rápida personalización del formulario. El complemento gratuito admite más de 10 campos personalizados.
Reordenar los campos de pago en WooCommerce Menos campos en la caja
Eche un vistazo al efecto final: una forma más sencilla.
Formulario de pedido rápido = pago más rápido en WooCommerce
Campos de pago flexibles WooCommerce
Edite, agregue nuevos u oculte campos innecesarios del formulario de pago de WooCommerce. Agregue precios a los campos y use lógica condicional. Se trata de conversiones y una mejor experiencia de usuario. NUEVO: ahora puede establecer múltiples condiciones (O) en uno o más grupos de condiciones (Y).
Instalaciones activas: 90.000+ | Calificación de WordPress:
Resumen
Hay varias formas de personalizar WooCommerce, incluidos ajustes en la página de la tienda, las páginas de productos y el formulario de pago. Con los complementos gratuitos, no es necesario escribir código personalizado.