Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo integrar Shopify con WordPress fácilmente (paso a paso)

Shopify es una popular plataforma de comercio electrónico para configurar una tienda en línea. Tiene una interfaz fácil de usar y una amplia gama de herramientas para administrar tu negocio, pero podría no ser la mejor opción independiente para tu negocio en línea.

Es por eso que recomendamos usar Shopify con WordPress. Te permite combinar las funciones de comercio electrónico de Shopify con el constructor de sitios web más potente del planeta, lo que te da más flexibilidad para hacer crecer tu negocio.

Hemos utilizado WordPress para nuestras tiendas en línea y hemos visto de primera mano lo escalable que es. También hemos probado Shopify muchas veces. Esto nos ha permitido comparar sus fortalezas y debilidades, y hemos descubierto que en muchos casos usarlos juntos puede ser tu mejor opción.

En este artículo, te mostraremos cómo conectar fácilmente Shopify con WordPress para hacer crecer tu negocio.

Integra fácilmente Shopify con WordPress (Paso a Paso)

¿Por qué usar Shopify con WordPress?

WordPress es el mejor constructor de sitios web del mundo, y potencia más del 43% de todos los sitios web en Internet.

Es increíblemente fácil de usar y te da acceso a miles de temas y plugins de WordPress (aplicaciones para tu sitio web) gratuitos y de pago.

Por otro lado, Shopify es una popular plataforma de comercio electrónico que te ayuda a vender productos en línea.

Puedes usar WordPress con WooCommerce para crear tu tienda en línea, pero algunos usuarios pueden querer usar Shopify para su tienda y WordPress para su sitio web.

Para más detalles, consulta nuestra comparación de Shopify vs. WooCommerce con los pros y contras de ambas herramientas.

Combinar Shopify y WordPress te da las ventajas de ambas plataformas. Puedes vender productos con Shopify mientras disfrutas de la flexibilidad y libertad de WordPress para administrar tu sitio web.

Esto te da control total sobre el diseño de tu sitio web, mejora tu alcance en el mercado y te permite administrar ambas plataformas desde un solo panel.

Dicho esto, veamos cómo usar fácilmente Shopify con WordPress. Puedes usar los enlaces rápidos a continuación para navegar por este tutorial:

Paso 1: Configura tu tienda Shopify y tu sitio web WordPress

Si aún no lo has hecho, primero debes crear tu tienda Shopify.

Después de eso, agrega algunos productos y luego regresa aquí.

Software creador de sitios web de comercio electrónico Shopify

A continuación, debes configurar tu sitio web WordPress. Ten en cuenta que hay dos tipos de WordPress.

Primero, está WordPress.com, que es un servicio de alojamiento de sitios web. Luego, tienes WordPress.org, también llamado WordPress autohospedado.

Necesitarás WordPress.org porque te da acceso instantáneo a todas las funciones de WordPress de inmediato. Para más detalles, consulta nuestra comparación de WordPress.com vs. WordPress.org.

Para crear un sitio web de WordPress.org, necesitarás un nombre de dominio, que será el nombre de tu sitio en internet, y una cuenta de alojamiento web donde tu sitio almacenará todos sus datos.

Un nombre de dominio cuesta alrededor de $14.99 por año, y los planes de alojamiento para WordPress generalmente comienzan en $7.99 por mes (generalmente se paga anualmente).

Nuestros amigos de Bluehost han acordado ofrecer a los usuarios de WPBeginner un nombre de dominio gratuito con un generoso descuento en el alojamiento. Básicamente, puedes empezar por tan solo $2.99 por mes.

Todo lo que necesitas hacer es hacer clic en nuestro enlace de Bluehost de arriba y hacer clic en el botón 'Empezar ahora' en la siguiente pantalla.

Oferta de Bluehost para lectores de WPBeginner

Después de eso, ahora llegarás a la página de precios de Bluehost.

Para negocios en línea, se recomienda elegir el plan 'eCommerce Essentials', pero puede seleccionar el que prefiera. Siempre puede actualizar a un plan superior cuando sea necesario.

Haga clic en 'Elegir Plan' en el plan de su elección.

Planes de precios de Bluehost

A continuación, deberá elegir un nombre de dominio o conectar uno existente a su sitio web de WordPress.

También puede omitir este paso haciendo clic en el enlace 'Elegir dominio más tarde'.

💡 Consejo: Recomendamos elegir un nombre relacionado con su negocio que sea fácil de pronunciar, deletrear y recordar.

Sin embargo, si no tiene ideas, puede usar el Generador de nombres de negocios gratuito de WPBeginner para encontrar un nombre interesante para su tienda.

Elige un nombre de dominio con Bluehost

Después de eso, ingrese su información de pago para completar la compra.

Se le pedirá que proporcione la información de su cuenta, incluido su correo electrónico comercial, nombre, país, número de teléfono y más.

Compra un plan de alojamiento de Bluehost

Bluehost le enviará un correo electrónico con instrucciones sobre cómo iniciar sesión en el panel de hosting.

Una vez que hayas iniciado sesión, ve a la pestaña 'Sitios web'. Verás que Bluehost te ha instalado un nuevo sitio de WordPress.

Bluehost Editar Sitio

Simplemente haga clic en el botón 'Editar sitio' para acceder a su panel de administración de WordPress.

Así es como se verá:

Áreas del panel de control de WordPress

Paso 2: Conecta WordPress a tu tienda Shopify

Ahora, el siguiente paso es conectar tu sitio web de WordPress a tu tienda de Shopify.

Para ello, necesitarás ShopWP. Es un plugin de Shopify para WordPress que te permite conectar fácilmente WordPress a tu cuenta de Shopify.

Primero, necesitas instalar y activar el plugin ShopWP. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Después de la activación, visita la página ShopWP Pro » Conectar y haz clic en el botón 'Iniciar el proceso de conexión'.

Haz clic en el botón Iniciar Proceso de Conexión

Esto iniciará el asistente de conexión.

Se te pedirá que ingreses el nombre de dominio myshopify.com aquí. Después de eso, simplemente haz clic en el botón 'Conectar tu tienda de Shopify' para continuar.

La URL de tu tienda Shopify

Para encontrar tu dominio de Shopify, necesitas visitar el panel de control de tu tienda en línea y cambiar a la pestaña 'Configuración' en la columna izquierda.

Esto abrirá una nueva página en la pantalla, donde podrás ver el nombre de tu dominio debajo del nombre de tu tienda en la esquina superior izquierda.

Encuentra el dominio de tu tienda Shopify

Al ingresar tu dominio en el asistente de configuración, serás llevado a la página 'Mi Tienda', donde ShopWP te pedirá acceso para ver tus datos personales.

Aquí, simplemente haz clic en el botón 'Instalar'.

Haz clic en el botón Instalar para permitir que ShopWP acceda a los datos de Shopify

Luego serás redirigido a tu panel de WordPress. Aquí, se mostrará el mensaje 'Conectado' en la pantalla si el proceso es exitoso.

Continúa y haz clic en el botón 'Continuar al Siguiente Paso'.

Conectado a tu tienda Shopify

Ahora, se te pedirá que configures diferentes ajustes para tu tienda, comenzando con las páginas que deseas usar para tus productos de Shopify.

Puedes activar las páginas de listado y luego elegir una página de WordPress o usar la página predeterminada de Productos de ShopWP.

De manera similar, puedes activar las páginas de colección y las páginas de detalles de productos individuales.

Crear páginas

En el siguiente paso, puedes seleccionar qué sucede cuando los usuarios hacen clic en los productos.

Por ejemplo, puedes mostrar el producto en una ventana modal o redirigir a los usuarios a Shopify o a la página de detalles del producto de WordPress.

Configuración de clic de producto

A continuación, puedes activar la configuración de ‘Cargar carrito’. Esto permite a los clientes agregar productos a un carrito y pagar directamente en tu sitio de WordPress.

Si dejas esta configuración desactivada, los clientes serán enviados a tu tienda de Shopify para completar su compra.

Finalmente, haz clic en el botón ‘Guardar y finalizar la configuración’.

Agregar carrito a la tienda Shopify

Ahora serás llevado a tu panel de WordPress. Desde aquí, dirígete a la página ShopWP Pro » Sincronizar.

Una vez allí, haz clic en los botones ‘Sincronizar páginas de detalles’ y ‘Conectar sincronización automática de publicaciones’. Esto permitirá que el plugin obtenga los detalles de cualquier producto a medida que agregues nuevos productos a tu tienda de Shopify.

Sincronizar productos

Ahora has conectado exitosamente tu tienda de Shopify a WordPress.

Paso 3: Muestra productos de Shopify en WordPress

ShopWP te permite mostrar fácilmente tus productos de Shopify en cualquier lugar de tu sitio de WordPress.

Si estás utilizando la configuración predeterminada, el plugin creará una página de Productos de ShopWP para ti, que mostrará tus productos de Shopify.

Página de tienda

También puedes mostrar productos en cualquier publicación o página de WordPress simplemente editándola y agregando el bloque de Productos.

Para más detalles, puedes consultar nuestra guía sobre cómo usar el editor de bloques de WordPress.

Bloque de Productos ShopWP

El bloque viene con una serie de configuraciones que puedes configurar para cambiar la apariencia de los productos.

Las configuraciones incluyen el diseño, los colores, los detalles del producto a mostrar y más. También puedes cambiar el precio, la descripción, el título y la imagen del producto desde aquí.

Configuración del bloque de producto

De manera similar, también puedes agregar un bloque de Producto único para mostrar un solo producto.

Podrás encontrar el producto que deseas mostrar escribiendo el título del producto en la configuración del bloque.

Bloque de producto individual

El plugin tiene potentes opciones de visualización que puedes controlar en el panel de bloques o en la página de configuración del plugin.

Ahora, si estás utilizando la versión gratuita de la herramienta, estos son todos los bloques que estarán disponibles para ti. Sin embargo, al actualizar a la versión pro, puedes agregar los bloques de carrito, descripción, colección, título y búsqueda a tu página.

Estos bloques son más adecuados para crear páginas separadas para cada producto donde deseas agregar un botón de carrito, título, descripción e imagen utilizando diferentes bloques.

También puedes usar el bloque 'Colección' para mostrar tus productos de Shopify que forman parte de un grupo específico.

Bloques adicionales en ShopWP

Si deseas crear una página principal de tienda que muestre todos tus productos juntos en una cuadrícula, entonces el bloque 'Productos' es la herramienta perfecta para el trabajo.

Una vez que hayas terminado, no olvides hacer clic en el botón ‘Actualizar’ o ‘Publicar’ para guardar tu configuración.

Paso 4: Personaliza tu sitio web WordPress

Ahora que has conectado tu tienda de Shopify a tu sitio web, el siguiente paso es personalizar tu sitio de WordPress correctamente.

Primero, querrás elegir un tema visualmente atractivo para tu tienda. Este tema controlará el diseño general y la distribución de tu sitio.

Hay miles de temas premium y gratuitos de WordPress para elegir. Para empezar, puedes echar un vistazo a nuestra selección de los temas de WordPress más populares. También hemos seleccionado una lista de los mejores temas para tiendas de ropa.

Sin embargo, también puedes diseñar tu propio tema personalizado con SeedProd. Es un constructor de temas de arrastrar y soltar que te permite crear tu propio tema personalizado sin escribir ningún código.

El Editor Visual de SeedProd

A continuación, querrás crear contenido para tu sitio web de WordPress.

Puedes usar páginas para crear la estructura de tu sitio web agregando páginas de inicio, blog, tienda, contacto y acerca de. Consulta nuestra lista de páginas importantes para crear en WordPress.

Después de eso, procede a agregar páginas al menú de navegación en WordPress.

Navegación del sitio

Para más detalles, puedes ver nuestro tutorial sobre cómo personalizar tu tema de WordPress.

Paso 5: Agrega un formulario de contacto a tu sitio WordPress

Una vez que la personalización del sitio esté completa, es una buena idea agregar un formulario de contacto a tu sitio web. Esto permitirá a los clientes comunicarse contigo en caso de que tengan preguntas o quieran reportar un error.

Para esto, recomendamos WPForms. Es el mejor plugin de formularios de contacto para WordPress del mercado que viene con un constructor de arrastrar y soltar, más de 2000 plantillas prehechas y protección completa contra spam.

WPForms

Lo hemos estado usando en WPBeginner para crear un formulario de contacto y encuestas anuales. Para más detalles, consulta nuestra reseña detallada de WPForms.

Después de la activación, simplemente usa la plantilla 'Formulario de contacto simple' de WPForms y luego agrégala a cualquier página o publicación con el bloque de WPForms.

Para más detalles, consulta nuestro tutorial sobre cómo crear un formulario de contacto en WordPress.

El bloque WPForms para agregar al editor de bloques de WordPress

Para dar a los clientes otra forma de ponerse en contacto, también puedes agregar un servicio de telefonía empresarial para que los usuarios puedan comunicarse contigo directamente por teléfono.

Para esto, recomendamos Nextiva, que es el mejor servicio de telefonía VoIP para pequeñas empresas. Además, tiene otras funciones como fax en línea, chat en vivo, encuestas en línea, CRM, análisis de llamadas y más.

Nextiva

Para más detalles, consulta nuestro tutorial sobre cómo configurar un sistema telefónico de respuesta automática para tu sitio web.

Paso 6: Agrega reseñas de clientes a tu tienda en línea

A continuación, deberías mostrar reseñas de clientes en tu tienda en línea para generar confianza entre los usuarios y animarlos a realizar una compra.

Por ejemplo, si ya tienes reseñas en Yelp, Facebook o Google, puedes agregarlas a tu sitio web usando el plugin Smash Balloon Reviews Feed Pro .

Es el mejor plugin de reseñas de clientes para WordPress del mercado que te permite agregar reseñas en un diseño visualmente atractivo.

Reseñas de autopartes, mostradas usando Smash Balloon

Para instrucciones más detalladas, consulta nuestro tutorial sobre cómo mostrar reseñas de Google, Facebook y Yelp en WordPress.

Paso 7: Haz crecer tu sitio web WordPress y tu tienda Shopify

Lo mejor de usar WordPress es que viene con miles de plugins y funciona con todas las herramientas de marketing que necesitarás para hacer crecer tu negocio.

A continuación, se presentan algunas herramientas y plugins esenciales que quizás quieras instalar de inmediato:

Para más recomendaciones, consulta nuestra lista de plugins esenciales de WordPress para sitios web de negocios.

Preguntas Frecuentes

Aquí hay algunas preguntas frecuentes de nuestros lectores sobre la integración de WordPress y Shopify:

¿Necesito pagar tanto por el hosting de Shopify como por el de WordPress?

Sí, necesitarás planes separados para ambas plataformas. Shopify es un servicio completamente alojado que requiere su propia suscripción.

También necesitarás una cuenta de alojamiento web separada para tu sitio web de WordPress.org autoalojado.

¿Por qué no usar WooCommerce en lugar de este método?

Si bien WooCommerce es un excelente plugin de comercio electrónico para WordPress, algunos usuarios prefieren el backend específico de Shopify para administrar pagos, envíos e inventario.

Esta integración ofrece lo mejor de ambos mundos. Obtienes la gestión simplificada de tu tienda de Shopify y las potentes capacidades de creación de sitios web de WordPress.

¿Puedo usar mi nombre de dominio existente?

Absolutamente. Puedes usar tu nombre de dominio principal para la parte de WordPress de tu sitio, que es típicamente lo que los visitantes ven primero.

Luego puedes dirigir tu tienda Shopify a un subdominio, como shop.tudominio.com, para crear una experiencia fluida.

¿Se sincronizarán mis productos de Shopify automáticamente con WordPress?

Sí, el plugin ShopWP está diseñado para sincronizar automáticamente tus productos.

Una vez que completes la configuración, cualquier cambio o producto nuevo agregado en Shopify aparecerá en tu sitio de WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo integrar fácilmente Shopify con WordPress. También te puede interesar nuestra guía para principiantes sobre cómo migrar correctamente de Shopify a WooCommerce y nuestras mejores opciones para las mejores alternativas a Shopify.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

8 CommentsLeave a Reply

  1. Hola. Gran artículo, aprecio la perspectiva.

    ¿Dónde administra el propietario de la tienda los detalles de sus productos? ¿En el backend de Shopify o en WordPress? Supongo que se hace en Shopify y que esos cambios simplemente se reflejan en la página de WP cada vez que la página se carga en un navegador, pero por favor, aclara.

    ¡Gracias!

  2. Dado que Shopify ofrece métricas KPI valiosas como el valor de vida del cliente, los costos de adquisición, el índice neto de promotores y el seguimiento de inventario, ¿es posible mostrar esas métricas también en el panel de WordPress? ¿O tal vez algunas métricas de indicadores de rendimiento similares a las de Shopify?

    • For that you would use an analytics plugin like MonsterInsights and that would generate that information for you :)

      Administrador

  3. Hola, tengo una pequeña pregunta sobre este blog (integrar productos de Shopify en tu sitio web de WordPress).

    ¿Qué sucede cuando haces clic en el botón “agregar al carrito” cuando los productos de hHopify están integrados en una página de WP? ¿Vas a la plataforma de Shopify y finalizas tu compra en la plataforma de Shopify? ¿O te quedas en tu sitio web de WordPress y manejas la compra en ese sitio web?

    La razón para preguntar esto también es el ícono de tu carrito de compras en la cabecera. ¿Puedes ver esto en tu sitio web de WordPress al agregar un producto? ¿O todo lo maneja Shopify?

  4. Estamos construyendo un sitio web con WordPress. Venderemos productos. ¿Podemos usar Shopify como nuestro procesador de tarjetas de crédito y de pago?

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.