Integración de Shopify y WordPress simplificada con ShopWP Layout Builder

Publicado: 2023-10-05

¿Estás cansado de la lucha interminable de elegir el diseño de un sitio web? ¿Pasas horas tratando de hacer que tu sitio luzca profesional y visualmente atractivo, sólo para terminar frustrado con los resultados? Créeme, yo también he pasado por eso. Como alguien que recién está comenzando en el mundo del diseño web, puede resultar abrumador navegar a través de las complejidades de crear un sitio web visualmente impresionante y fácil de usar.

Pero eso no es todo. ¿También estás buscando integrar perfectamente tus productos Shopify en tu sitio de WordPress? Bueno, no busques más porque tengo la solución perfecta para ti. Presentamos ShopWP Shopify Layout Builder, su mejor compañero de diseño de sitios web. Como alguien a quien siempre le ha apasionado la creación de sitios web impresionantes, entiendo los desafíos que conlleva encontrar las herramientas adecuadas para hacer realidad su visión. ShopWP Layout Builder lo tiene cubierto. Imagina tener la capacidad de exhibir y vender tus productos Shopify sin esfuerzo en tu sitio web de WordPress, manteniendo al mismo tiempo un diseño coherente y visualmente atractivo.

Déjame mostrarte cómo esta increíble herramienta puede mejorar tu experiencia de diseño web.

¿Qué es ShopWP Layout Builder?

ShopWP Shopify Layout Builder es un complemento de WordPress diseñado para integrar productos Shopify en su sitio web de WordPress. Con este complemento, los usuarios pueden crear sitios web impresionantes y de aspecto profesional para vender productos Shopify en WordPress sin la necesidad de ser expertos en codificación o diseño. Con ShopWP Layout Builder, puede crear y personalizar fácilmente el diseño, el diseño y el contenido de su sitio web mediante una sencilla interfaz de arrastrar y soltar.

Precios de ShopWP Pro

ShopWP Pro ofrece dos planes de suscripción diseñados para satisfacer diferentes necesidades comerciales: Solo y Agencia.

El plan Solo , con un precio de $199 por año, es ideal para individuos y empresas que administran una pequeña cantidad de sitios de WordPress, brindándoles acceso a funciones clave de ShopWP Pro.

Para aquellos con varios clientes o equipos más grandes, el plan Agencia de $499 por año es la opción preferida. Este plan no sólo incluye todos los beneficios del plan Solo, sino que también permite la instalación en un número ilimitado de sitios de WordPress y otorga acceso a extensiones de complementos adicionales.

Además, ShopWP requiere que los usuarios tengan un plan Shopify activo, siendo la opción recomendada el rentable plan Shopify Starter, lo que lo convierte en una excelente opción para aquellos que se centran únicamente en las ventas basadas en WordPress. También obtienes una política de reembolso de 30 días.

Precios de ShopWP

Cómo comenzar con ShopWP Shopify Layout Builder

Para comenzar con ShopWP Shopify Layout Builder, primero necesitará ShopWP Pro 8.0 o superior.

Una vez que hayas comprado una de las dos versiones pro, sigue estos pasos:

1. Conecte WordPress a Shopify

Para comenzar, deberá instalar el complemento ShopWP en su sitio de WordPress.

Una vez instalado, puede conectar WordPress a Shopify navegando a ShopWP → Conectar y haciendo clic en el botón.

Tutorial del creador de diseño de ShopWP

Proporciona la URL de tu tienda Shopify cuando se te solicite.

Tutorial del creador de diseño de ShopWP

Si aún no lo has hecho, se te pedirá que instales la aplicación ShopWP en tu tienda Shopify.

Una vez completado, será redirigido a la configuración del complemento con una confirmación de que su tienda se ha conectado correctamente.

Tutorial del creador de diseño de ShopWP

Desde allí, puedes personalizar las páginas de tu lista de tiendas y elegir si deseas vincular productos a Shopify o mostrarlos en tu sitio de WordPress.

Tutorial del creador de diseño de ShopWP

Además, tiene la opción de mostrar una pestaña de carrito fija y personalizar cómo se abre la página de pago.

2. Sincronice los productos de Shopify con WordPress

Después de conectar tu tienda, el siguiente paso es sincronizar tus productos Shopify con WordPress. Tiene la opción de sincronizar todos sus productos o seleccionar algunos específicos para agregarlos a WordPress.

Tutorial del creador de diseño de ShopWP

ShopWP ofrece dos opciones de sincronización:

  1. Sincronización única : puede sincronizar manualmente los detalles del producto cuando sea necesario.
  2. Sincronización automática : ShopWP sincronizará automáticamente los detalles del producto según un intervalo que usted controle. Por ejemplo, si realiza cambios en un producto en Shopify, esas modificaciones se sincronizarán automáticamente con WordPress sin ningún esfuerzo manual.

Para acceder a estas opciones, navegue hasta ShopWP > Sincronizar.

Para controlar la configuración de sincronización, vaya a ShopWP > Configuración > Sincronización.

Aquí puede elegir los productos que desea sincronizar y la cantidad de información del producto que desea incluir. Una vez que se completa la sincronización, puede ver los productos sincronizados en ShopWP > Productos.

Tutorial del creador de diseño de ShopWP

Para usar ShopWP Layout Builder, debes conectar tu tienda Shopify y tener al menos un producto sincronizado antes de poder usarlo.

Aunque un producto es suficiente, tener varios productos puede facilitar el proceso.

3. Cree diseños con Layout Builder

Dirígete al Layout Builder para crear diseños de productos visualmente atractivos sin la necesidad de crear códigos cortos manualmente.

Configuración del generador de diseño de ShopWP

Dos tipos de diseños vienen prediseñados: página de detalles del producto (PDP) y página de listado de productos (PLP).

Creador de diseño de ShopWP

Para diseñar su propio diseño, vaya a "Agregar nuevo". Puede cambiar el tipo de diseño desde la barra lateral.

Configuración del generador de diseño de ShopWP

Al hacer clic en 'Agregar nuevo', se sincronizarán todos sus productos. La configuración de bloque en la barra lateral derecha ofrece una amplia gama de opciones de edición que le permiten editar el diseño de sus productos en WordPress.

Tutorial del creador de diseño de ShopWP

La configuración de bloqueo que proporcionaste es una interfaz para personalizar la visualización de los productos Shopify en un sitio web. Aquí hay un resumen de las funciones de edición disponibles:

Filtración:

  • Filtrar por título: le permite especificar uno o más títulos de productos para incluirlos en la visualización.
  • Filtrar por colección: filtra productos según la colección a la que pertenecen.
  • Filtrar por etiqueta: relaciona productos según sus etiquetas.
  • Filtrar por proveedor: relaciona productos según su proveedor.
  • Filtrar por tipo de producto: hace coincidir los productos según su tipo.
  • Disponible para la venta: Le permite elegir si desea mostrar productos que están en stock, agotados o cualquiera.
  • Criterios de coincidencia: especifica si todos los filtros deben ser verdaderos (Y) o si alguno será suficiente (O).

Clasificación:

  • Ordenar por: le permite ordenar productos por título, precio u otros criterios.
  • Orden inverso: le permite elegir si desea mostrar los productos en orden ascendente o descendente.

Opciones de título:

  • Tamaño de fuente del título del producto: establece el tamaño de fuente para los títulos de productos.
  • Color del título: especifica el color de los títulos de los productos.

Opciones de descripción:

  • Tamaño de fuente de la descripción del producto: establece el tamaño de fuente para las descripciones de productos.
  • Color de descripción: especifica el color de las descripciones de los productos.
  • Altura de línea de descripción: establece la altura de línea para las descripciones de productos.
  • Limitar la longitud de la descripción: le permite limitar la cantidad de caracteres en la descripción del producto.

Opciones de precios:

  • Mostrar rango de precios: determina si se mostrará un rango de precios para los productos.
  • Mostrar comparar precios: muestra el precio 'comparar en' si está disponible.
  • Mostrar precio junto al botón de variante: muestra el precio junto al botón de selección de variante.
  • Tamaño de fuente de precios: establece el tamaño de fuente para los precios.
  • Color del precio: especifica el color del precio.

Algunas de las últimas actualizaciones de ShopWP Layout Builder incluyen los siguientes cambios:

  1. Colores del menú desplegable personalizables para variantes y clasificación de productos.
  2. Se redujo el tamaño del paquete de JavaScript en más de 100 kb, lo que resultó en una tienda más rápida y potencialmente mayores ventas.
  3. Se agregó la opción para ordenar productos en el bloque Productos ShopWP según el valor "predeterminado de colección" utilizado en Shopify.

Una vez que haya editado y finalizado el diseño, copie el código corto disponible en la esquina superior derecha.

4. Publicar productos en WordPress

Cree una nueva página o publicación en WordPress y pegue el código abreviado del diseño que desea publicar.

Código corto de diseño de ShopWP

Una vez que publiques la página, el diseño que diseñaste será visible y los usuarios podrán comprar productos directamente desde WordPress sin tener que ir a tu tienda Shopify.

Conclusión: mejore el diseño de su sitio web

Habiendo experimentado personalmente los desafíos de navegar por el abarrotado espacio de los complementos de Shopify, puedo dar fe con confianza del ShopWP Layout Builder, fácil de usar. Esta innovadora herramienta ofrece una interfaz de arrastrar y soltar fácil de usar con códigos cortos automatizados que simplifica todo el proceso de creación de un sitio web. Una de las características destacadas que encontré inmensamente útil es la sólida función de código corto. Me permitió agregar elementos dinámicos e interactivos mientras diseñaba el diseño y mostraba los productos de Shopify en WordPress. Este nivel de flexibilidad abre un mundo de posibilidades de personalización y creatividad, asegurando que su sitio web se destaque en el abarrotado panorama digital.

Preguntas frecuentes

¿ShopWP Layout Builder es adecuado para principiantes?

Sí, ShopWP Layout Builder es ideal para principiantes. Ofrece una interfaz de arrastrar y soltar, lo que la hace disponible incluso para quienes no tienen experiencia en WordPress. El diseño fácil de usar permite a los principiantes crear diseños visualmente atractivos para su tienda Shopify sin una curva de aprendizaje pronunciada.

¿Está disponible el servicio de atención al cliente en caso de que tenga problemas?

Sí, ShopWP brinda atención al cliente para ayudar a los usuarios con cualquier problema que puedan tener. Tienen un canal privado de Slack solo para clientes de ShopWP Pro y el equipo está en línea de lunes a viernes de 9 a. m. a 4 p. m. CST para ayudar a resolver cualquier problema. Los usuarios de ShopWP que no tengan una versión pro pueden enviar un correo electrónico a [email protected] para sus consultas.

¿ Existe algún costo asociado con el uso de Shop WP Layout Builder?

No, no hay costos adicionales asociados con el uso de ShopWP Layout Builder. Una vez que compre el complemento, tendrá acceso a todas sus funciones sin cargos ocultos. Puede crear tantos sitios web como desee y utilizar el complemento en varios dominios sin cargos adicionales.