Field Forge amplía los productos de WooCommerce con campos personalizados adicionales más allá de lo que WooCommerce proporciona de forma nativa. Esto es útil para tiendas especializadas que necesitan información adicional del producto como tablas de tallas, instrucciones de cuidado o especificaciones específicas de la industria.
Paso 1: Campos Personalizados del Producto
Crea un grupo de campos para datos adicionales del producto que WooCommerce no maneja:
- Ve a Field Forge > Nuevo Grupo de Campos, titúlalo Información del Producto Ampliada
- Añade un campo de Pestaña etiquetado Especificaciones
- Añade estos campos:
| Campo | Tipo | Ajustes |
|---|
| Material | Texto | Marcador de posición: “100% algodón orgánico” |
| Peso | Texto | Marcador de posición: “250g”, Añadir: “g” |
| País de Origen | Seleccionar | Opciones: EE. UU., Reino Unido, China, India, Vietnam, Otro |
| Certificaciones | Casilla de verificación | Opciones: Orgánico, Comercio Justo, Libre de Crueldad, Vegano, Ecológico |
| Especificaciones Personalizadas | Repetidor (PRO) | Sub-campos: Nombre de Especificación (Texto), Valor de Especificación (Texto) |
- Añade otra Pestaña etiquetada Tallas
- Añade estos campos:
| Campo | Tipo | Ajustes |
|---|
| Imagen de Tabla de Tallas | Imagen | Instrucciones: “Sube un gráfico de tabla de tallas” |
| Texto de Guía de Tallas | WYSIWYG | Barra de herramientas: Básica, Instrucciones: “Añade instrucciones de medición” |
| Tallas Disponibles | Casilla de verificación | Opciones: XS, S, M, L, XL, XXL (ajusta para tus productos) |
- Añade otra Pestaña etiquetada Cuidado y Envío
- Añade estos campos:
| Campo | Tipo | Ajustes |
|---|
| Instrucciones de Cuidado | Repetidor (PRO) | Sub-campos: Icono de Instrucción (Imagen), Texto de Instrucción (Texto) |
| Notas de Envío | Área de Texto | Filas: 3, Marcador de posición: “Se envía dentro de 2-3 días hábiles” |
| Instrucciones de Manejo | Seleccionar | Opciones: Estándar, Frágil, Sobredimensionado, Refrigerado |
| Anulación de Política de Devoluciones | Área de Texto | Instrucciones: “Deja en blanco para usar la política de devoluciones global” |
- Establece Reglas de Ubicación: El Tipo de Publicación es igual a Producto
- Guarda el grupo de campos
Paso 2: Página de Opciones para Ajustes de Tienda
Crea ajustes globales para toda la tienda:
- Ve a Field Forge > Páginas de Opciones (PRO)
- Crea una página de opciones titulada Ajustes de la Tienda bajo el menú de WooCommerce o como un elemento de nivel superior
- Crea un grupo de campos titulado Opciones Globales de la Tienda con estos campos:
| Campo | Tipo | Propósito |
|---|
| Política de Devoluciones Global | WYSIWYG | Mostrado en todas las páginas de productos a menos que se anule |
| Umbral de Envío Gratis | Número | Pedido mínimo para envío gratis (por ejemplo, 50) |
| Descargo de Responsabilidad de Envío | Texto | Por ejemplo, “Los tiempos de envío pueden variar durante las festividades” |
| Página de Guía de Tallas | Enlace a Página | Enlace a una página de guía de tallas general |
| Insignias de Confianza | Repetidor | Sub-campos: Imagen de Insignia (Imagen), Etiqueta de Insignia (Texto) |
| Texto de Barra de Anuncios | Texto | Mostrado en la parte superior de la tienda (por ejemplo, “Envío gratis en pedidos superiores a $50”) |
| Mostrar Barra de Anuncios | Verdadero/Falso | Activa o desactiva el anuncio |
- Establece Reglas de Ubicación: La Página de Opciones es igual a Ajustes de la Tienda
- Guarda
Paso 3: Flujo de Trabajo del Gestor de Contenido
Añadiendo información ampliada a un producto:
- Ve a Productos > Editar y abre cualquier producto
- Desplázate hacia abajo del panel de datos del producto de WooCommerce para encontrar el metabox “Información del Producto Ampliada”
- Completa la pestaña Especificaciones: material, peso, origen, certificaciones
- Cambia a la pestaña Tallas y sube una imagen de la tabla de tallas, añade texto de guía de tallas
- Cambia a Cuidado y Envío y añade instrucciones de cuidado con iconos
- Haz clic en Actualizar para guardar
Gestionando ajustes globales de la tienda:
- Ve a Ajustes de la Tienda en la barra lateral de administración
- Introduce la política de devoluciones global, umbral de envío gratis y otros valores globales
- Sube insignias de confianza (SSL, garantía de devolución de dinero, iconos de pago seguro)
- Establece el texto de la barra de anuncios y actívalo o desactívalo
- Haz clic en Guardar Cambios
Integración con Plantillas de WooCommerce
Tu desarrollador muestra los datos de campos personalizados en las páginas de productos editando las sobreescrituras de plantillas de WooCommerce. Puntos de integración comunes:
| Ubicación de WooCommerce | Qué Mostrar | Archivo de Plantilla |
|---|
| Pestañas de la página del producto | Especificaciones, Tabla de Tallas, Instrucciones de Cuidado | single-product/tabs/ |
| Debajo del botón Añadir al Carrito | Insignias de confianza, Información de manejo | single-product/add-to-cart/ |
| Tarjetas de archivo de productos | Especificaciones clave como material, tallas | content-product.php |
| Carrito y pago | Descargo de responsabilidad de envío, Barra de anuncios | cart/ y checkout/ |
| Encabezado global del sitio | Barra de anuncios, Aviso de envío gratis | header.php |
Consejos
- No dupliques campos de WooCommerce. WooCommerce ya maneja precio, precio de oferta, estado de stock, categorías, etiquetas e imágenes de productos. Usa Field Forge solo para información que WooCommerce no soporta de forma nativa.
- Usa pestañas en tu grupo de campos para mantener el editor de productos organizado. Los gestores de contenido deberían poder encontrar el campo correcto rápidamente sin desplazarse por una larga lista.
- Considera productos variables. Si tus productos tienen variaciones (tamaño, color), WooCommerce maneja eso de forma nativa. Usa Field Forge para datos que se aplican al producto en su conjunto, no a variaciones individuales.
- Prueba el flujo de pago después de añadir campos personalizados para asegurarte de que nada interfiera con el procesamiento del carrito y del pago de WooCommerce.