Diseñar productos y colecciones

Esta guía describe Fy2Press 1.0.0. Las pantallas pueden cambiar en versiones posteriores, así que comprueba la versión que aparece en la pantalla Plugins antes de seguirla.

Resultado esperado

La presentación de productos y colecciones usa el taller de diseño FREE incluido o los controles de diseño visual entregados en PRO, sin cambiar la responsabilidad de Shopify sobre el comercio.

Usa el taller visual incluido, las plantillas por defecto y los controles PRO entregados, sin confundir una vista previa bloqueada con un motor activo.

Antes de empezar

• Productos sincronizados representativos con imágenes, títulos largos, precios, variantes y estados de disponibilidad.
• Un tema de WordPress conocido y los anchos de página objetivo.
• La referencia de capacidades por edición para el paquete FREE o PRO instalado.
• Un punto de restauración de los ajustes de diseño antes de realizar cambios amplios.

Prepara una forma de volver atrás antes de empezar: una copia de seguridad o una copia de pruebas (staging), el producto de Shopify con el que vas a comparar y la página de WordPress que debe mostrar el resultado. Empieza con una prueba pequeña que puedas repetir.

Qué cubre esta guía

FREE expone un taller global básico de producto y colección con vista previa. PRO añade el editor avanzado, la personalización de componentes, los controles adaptables, varias plantillas y CSS personalizado. No existen ajustes preestablecidos guardados ni importación o exportación de configuraciones.

Ten presente quién hace qué: Shopify conserva los productos, el inventario, los pedidos, los pagos y el proceso de pago; Fy2Press trae el catálogo a WordPress y lo muestra; WordPress aloja tus páginas y tu contenido editorial. Nada de lo que se explica en esta guía traslada pedidos, clientes o pagos a WordPress.

Pasos

1. Abre Diseño y selecciona la superficie de producto o colección que quieres modificar.
2. Ajusta solo un pequeño conjunto de controles globales y compara después la vista previa con datos de catálogo representativos.
3. En PRO, separa los cambios por componente y los adaptables para que cada diferencia pueda revisarse y revertirse.
4. Previsualiza textos largos, imágenes ausentes, precios rebajados, controles de variante y estados sin existencias.
5. Publica solo después de probar la página real de WordPress, no únicamente la vista previa de Diseño.

Revisa el resultado antes de hacer pública una página. Un mensaje de éxito es buena señal, pero la página pública y el recorrido de compra en Shopify también tienen que coincidir.

Comprobar el resultado

• Los valores por defecto de producto y colección siguen siendo utilizables sin los controles PRO.
• Los cambios adaptables conservan el orden de lectura, el foco y las acciones de compra a 320 píxeles.
• Una bajada de edición no elimina los ajustes PRO guardados ni el contenido del catálogo.

Comprueba el resultado donde lo verán tus visitantes: abre la página pública de WordPress, no solo la pantalla de Fy2Press, y compara un producto representativo con Shopify, incluidos su precio, su disponibilidad, sus variantes y su colección. Repite una vez un cambio pequeño para confirmar que el comportamiento es estable.

Problemas frecuentes

• La vista previa y el frontend difieren: identifica si la discrepancia corresponde al tema, al renderizador del constructor o a un ajuste de diseño guardado.
• Un control PRO aparece bloqueado en FREE: trátalo como información contextual del producto, no como un motor activo.
• La maquetación se rompe en móvil: vuelve a los valores globales por defecto y reintroduce los cambios de uno en uno, por componente y por punto de ruptura.

Cuando ocurra algo inesperado, detén las operaciones grandes y vuelve a intentarlo con un solo producto y una sola página. Guarda el mensaje de error exacto antes de cambiar ajustes o vaciar cachés.

Resolución de problemas

1. Confirma la versión y la edición del plugin (FREE o PRO).
2. Reproduce el problema con un solo producto de prueba.
3. Determina si el problema viene de Shopify, de Fy2Press o de tu tema de WordPress.
4. Compara el resultado con lo que incluye tu edición, según la guía de ediciones.
5. Restablece tu configuración de prueba, inténtalo una vez más y anota si el resultado se repite.

Seguridad y datos

El CSS personalizado es una capacidad de publicación PRO. Limítalo a administradores de confianza, evita importaciones remotas y nunca incrustes credenciales ni datos de clientes en estilos o plantillas.

Si pides ayuda, anota la versión del plugin, las versiones de WordPress y PHP, tu tema o constructor de páginas, la dirección de la página y los pasos que has seguido. Usa productos de prueba y elimina de las capturas los tokens, los datos de clientes, los detalles de pedidos y las direcciones privadas antes de compartirlas.

Efecto en las búsquedas

El diseño puede cambiar el orden de los encabezados, la visibilidad del texto, las etiquetas de los enlaces y la estabilidad de la maquetación. Valida la estructura semántica renderizada, los nombres accesibles y el comportamiento acumulado de la maquetación después de cada cambio de plantilla.

Información para el soporte

Si pides ayuda, anota la versión del plugin, las versiones de WordPress y PHP, tu tema o constructor de páginas, la dirección de la página y los pasos que has seguido. Usa productos de prueba y elimina de las capturas los tokens, los datos de clientes, los detalles de pedidos y las direcciones privadas antes de compartirlas.

Guías relacionadas

• Instalación
• Publicar con WordPress
• Google y SEO
• Seguridad y datos

Versión y disponibilidad

Documentación de Fy2Press 1.0.0. El plugin gratuito está disponible en WordPress.org. PRO se vende por separado a través de Freemius, nuestro proveedor de licencias y pagos.