Cómo construir una tienda WooCommerce personalizada con OceanWP y Toolset (sin codificación)

No necesita codificación personalizada para crear una tienda en línea llamativa con funciones avanzadas . Con Toolset y OceanWP, puede crear páginas de productos y tiendas completamente personalizadas desde cero con su propia funcionalidad y estilo únicos, todo sin necesidad de codificación.

Si está creando una tienda en línea, es posible que haya notado que las plantillas predeterminadas de WooCommerce y el tema de su sitio deciden principalmente cómo se verá su tienda. Es posible que tenga algunas opciones que puede activar o desactivar; de lo contrario, agregar funciones avanzadas simplemente no es posible sin una programación personalizada.

O bien, puede crear una tienda WooCommerce completamente personalizada con Toolset y OceanWP y sin codificación.

Con Toolset, puede crear funciones que solo ve en los principales sitios minoristas. O incluso puede imaginar sus propias funciones y luego crearlas utilizando tipos y campos de publicaciones personalizados, relaciones de publicaciones, diseños personalizados y más.

OceanWP hace que su sitio se vea genial gracias a sus amplias opciones de estilo. Además, tiene una experiencia de edición de administrador intuitiva que le muestra exactamente cómo se verá su sitio en el front-end.

Aquí hay cuatro pasos para personalizar su tienda en línea usando Toolset y OceanWP:

1. Decide lo que quieres mostrar y promocionar
2. Defina sus productos con tipos de publicaciones, campos y taxonomías personalizados
3. Crear páginas de productos personalizadas
4. Cree páginas de tienda dinámicas y funcionalidad de búsqueda

Decide lo que quieres mostrar y promocionar

Las características flexibles de Toolset hacen más que simplemente reorganizar y diseñar las páginas de sus productos. Puede crear funciones completamente personalizadas que se apliquen específicamente a su empresa o utilizar funciones avanzadas de los principales sitios minoristas.

Estas son características que nunca podría obtener solo de WooCommerce, y solo arañan la superficie de lo que es posible con Toolset. ¡Lo mejor de todo es que todo se puede hacer sin ningún tipo de codificación!

Defina sus productos con tipos de publicaciones, campos y taxonomías personalizados

Una vez que tenga sus ideas en mente, puede crear una cantidad ilimitada de tipos de publicaciones personalizadas, campos, taxonomías y relaciones de publicaciones para hacer realidad sus ideas.

WooCommerce le brinda algunos campos básicos para definir sus productos, como atributos de productos, descripciones, precios e información de envío, como peso y dimensiones.

Con Toolset, puede agregar otra información, como características específicas del producto, marcas o decir a qué departamento pertenece un producto.

No todos los temas funcionan bien con tipos de publicaciones personalizadas, pero OceanWP está "listo para tipos personalizados". Con OceanWP, puede aplicar diferentes configuraciones de tema a cada plantilla de contenido. Esto le da un mayor control sobre cómo aparece este contenido personalizado en su sitio.

Crear páginas de productos personalizadas

Con sus productos definidos, puede crear plantillas completamente personalizadas para mostrar sus productos y la información de sus campos personalizados. Al usar plantillas de productos, solo necesita crear su página una vez, y cualquier cambio que realice se refleja inmediatamente en todos sus productos que usan esa plantilla.

Toolset le permite crear sus plantillas de productos completamente desde cero utilizando los bloques WooCommerce de Toolset.

Simplemente asigne la plantilla o el archivo a sus productos y agregue los bloques que desee, como calificaciones de productos, pestañas de productos, atributos de productos, un botón para agregar al carrito y más.

Los bloques pueden extraer la información de sus campos personalizados de forma dinámica. Esto significa que cuando agrega un bloque de encabezado para mostrar, por ejemplo, el nombre del producto, automáticamente mostrará el nombre correcto del producto de acuerdo con el producto que está viendo su cliente.

También puede asignar plantillas condicionalmente para usar diferentes plantillas de acuerdo con ciertos criterios de productos. Por ejemplo, puede usar una plantilla condicional para mostrar artículos que están agotados usando un diseño diferente.

OceanWP le ofrece una variedad de opciones para diseñar estas plantillas. Debido a que está listo para publicar, puede elegir diferentes opciones de tema para diferentes plantillas. Por ejemplo, puede optar por mostrar una barra lateral para algunos productos y elegir un diseño de ancho completo para los productos destacados.

OceanWP también incluye opciones de estilo global para ayudar a mantener la identidad visual de su tienda consistente en todo su sitio. Además, no hay que cambiar entre el administrador de su sitio y el front-end para ver cómo se ven sus cambios porque lo que ve en el backend es cómo aparecerá en el front-end.

Cree páginas de tienda dinámicas, listas de productos y agregue funciones de búsqueda

Ha definido sus productos y diseñado sus plantillas de productos. Ahora, ayude a sus clientes a encontrar lo que buscan.

Creación de páginas de tienda personalizadas y otras páginas de archivo

En WordPress, las páginas como la página de la tienda y las páginas de listas de categorías se denominan archivos. En esencia, los archivos enumeran todas las publicaciones (o productos) que pertenecen a una determinada categoría o tipo de contenido.

Toolset le permite crear diferentes archivos según los criterios que elija. Por ejemplo, si su sitio vende tacones y bolsos, es posible que desee diferentes páginas de la tienda con filtros que sean relevantes para cada tipo de producto.

Creación de listas dinámicas de contenido

Puede agregar una lista dinámica de productos a su página de la tienda o a cualquier otra página de su sitio mediante el bloque Vista del conjunto de herramientas. Esto le permite definir qué productos enumerar y diseñar cómo se verá la lista.

Adición de opciones de búsqueda y filtro personalizadas

Toolset facilita a sus clientes potenciales la búsqueda de productos de forma rápida y sencilla gracias a las opciones de búsqueda y filtrado personalizadas. Puede filtrar por cualquier campo personalizado o relación de publicación que haya creado.

Otras funciones personalizadas de la página de la tienda de OceanWP

OceanWP ofrece más funciones para sus páginas de tienda y archivo, incluida una opción de vista rápida, desplazamiento infinito y la capacidad de ocultar sus filtros fuera de la pantalla cuando no están en uso. Tenga en cuenta que estas funciones solo funcionan con los archivos de OceanWP, no con los archivos personalizados que cree con Toolset.

OceanWP también le brinda opciones sobre cómo mostrar su carrito de compras:

• Ventana emergente del carrito nativo
• Barra flotante para agregar al carrito
• exhibición del carro
• Pago sin distracciones

..¡y más!

¡Prueba OceanWP y Toolset hoy y cuéntanos tu experiencia en los comentarios!

Aprenda a crear tiendas WooCommerce personalizadas paso a paso con el curso WooCommerce gratuito de Toolset.

También puede probar Toolset y OceanWP juntos de forma gratuita con esta demostración de la tienda WooCommerce.