Cómo integrar tu tienda de Etsy en tu sitio web Divi

En la publicación Divi de hoy, le mostraremos cómo integrar los artículos que tiene en su tienda Etsy en su sitio web Divi. Esto podría ser una necesidad que tenga para su propio sitio web o una solicitud que haya recibido de un cliente. Agregar tus artículos de Etsy a tu sitio web podría ayudarte a generar más ventas. Especialmente si posee un sitio web que tiene un público objetivo atractivo y un buen número de visitantes. Al integrar la tienda de Etsy en su sitio web, puede llegar a su público objetivo más fácilmente.

Demostraremos cómo agregar artículos de la tienda de Etsy a través del complemento de la tienda de Etsy, que ofrecerá el siguiente resultado en el escritorio:

Las posibilidades

No a todo el mundo le gusta añadir la tienda de Etsy a un sitio web personal. Algunas personas prefieren utilizar una opción de comercio electrónico que les permita comprar productos directamente desde el sitio web. Cuando integra la tienda de Etsy en su sitio web de WordPress, no significa que la compra realmente se realizará en su sitio web. El complemento solo te ayuda a mostrar tus elementos de Etsy en su forma original. Para el proceso de compra real, los visitantes interesados ​​serán redirigidos a su tienda Etsy en el sitio web de Etsy.

Sin embargo, si desea mantener esa conexión con su tienda de Etsy y la audiencia que tiene allí, tiene dos formas de abordar la situación.

Agregue sus productos manualmente a su sitio web de WordPress

Dado que los complementos solo ayudarán a redirigir a sus visitantes al sitio web de Etsy, también puede integrar sus elementos de Etsy manualmente. Aunque esto parece más trabajo, también tiene algunas ventajas. Puede, por ejemplo, diseñar los elementos como desee. Probablemente tendrá más espacio y espacio para hacer que los artículos tengan el mismo estilo que su sitio web. Lo único que necesitará es un enlace directo (y preferiblemente único) a cada elemento.

Aunque hay muchas ventajas para agregar tus productos de Etsy manualmente, también existen algunas desventajas. Una vez que agregue estos elementos manualmente y cambie el estilo, sus visitantes no sabrán inmediatamente que serán redirigidos al sitio web de Etsy. Por lo tanto, los está preparando para una sorpresa.

Agregue sus productos con un complemento

La otra posibilidad que tiene es utilizar un complemento. Por lo general, esta es la forma más fácil de hacerlo y le ahorra mucho tiempo. Además de eso, el diseño de los elementos es similar a cómo se muestran en el sitio web de Etsy. Los visitantes reconocerán más fácilmente la fuente del artículo. Esta es la posibilidad que le mostraremos cómo hacerlo en la siguiente parte de la publicación.

Hay dos complementos que pueden hacer el trabajo: el complemento Etsy Shop y Etsy 360. El complemento Etsy Shop es gratuito y le mostraremos cómo configurarlo, mientras que Etsy 360 es de pago. Desafortunadamente, solo puede usar el complemento Etsy Shop si desea mostrar sus artículos de Etsy en el escritorio. El complemento no responde. Por lo tanto, si está buscando una solución receptiva, puede probar Etsy 360.

Cómo integrar tu tienda de Etsy en tu sitio web Divi

Suscríbete a nuestro canal de Youtube

Comienza a integrar tu tienda de Etsy con el complemento de la tienda de Etsy

Para agregar su tienda de Etsy a su sitio web Divi, necesitaremos una cosa por adelantado; el complemento gratuito de la tienda de Etsy, creado por Frederic Sheedy. Al usar este complemento, no tendrás que esforzarte mucho para agregar tus artículos favoritos de la tienda de Etsy en tu sitio web. En el pasado, Etsy ofrecía la posibilidad de Etsy Mini, pero, desafortunadamente, recientemente han suspendido esta opción, lo que hace que el complemento de Etsy Shop sea actualmente la posibilidad más favorable que existe.

Sin más adeudos; empecemos.

Descarga el complemento de la tienda de Etsy

El primer paso que deberá realizar es descargar el complemento. Puede descargar el complemento haciendo clic en el siguiente enlace.

Cargue el complemento en su sitio web

Una vez que haya descargado el complemento, puede cargarlo yendo a su Tablero de WordPress> Complementos> Agregar nuevo> Y cargando el complemento en su sitio web. Asegúrate de activar también el complemento.

Obtén tu clave API de Etsy Shop

Una vez que haya descargado el complemento, el siguiente paso que deberá realizar es obtener una clave API de su tienda de Etsy. Puede ser que ya tenga una API de este tipo disponible, pero si no la tiene, le mostraremos cómo obtener una de inmediato.

Crea una nueva aplicación para tu cuenta de Etsy

Una vez que haya descargado el complemento de Etsy Shop y vaya a la configuración, puede ver un enlace justo debajo del campo Clave de API de Etsy que le muestra dónde crear una nueva aplicación de Etsy. Haga clic en ese enlace.

Una vez que comience a crear una nueva aplicación, deberá completar algunos detalles sobre la aplicación que está creando, como se muestra en la imagen a continuación.

Una vez que haya completado toda la información necesaria, se creará su aplicación. En la imagen a continuación, puede ver dónde puede encontrar la clave API después de crear la aplicación.

Copie la clave API en su complemento

Lo siguiente que deberá hacer es volver a la configuración de su complemento y completar la clave API.

Asegúrese de abrir la tienda en una ventana nueva

Y mientras todavía está en la configuración del complemento, es recomendable que haga que todos los enlaces se abran en una nueva ventana. De esa manera, no solo enviará a sus visitantes a otra página, sino que los mantendrá en ambas páginas.

Agregue el código corto a un módulo de texto dentro de su Divi Builder

Lo siguiente que deberá hacer es integrar el código corto en su sitio web. Puede hacerlo fácilmente agregándolo a un nuevo módulo de texto en la página en la que desea que aparezcan los elementos.

Abra la página en la que desea agregar los elementos y agregue un módulo de texto a una fila de ancho completo. A continuación, abra la configuración de la fila y cambie el ancho personalizado de la fila a '680px'.

A continuación, agregue el código corto al cuadro Contenido en la pestaña Contenido. Sin ninguna modificación, el código abreviado se ve así:

[etsy-shop shop_name="*your-etsy-shop-name*" section_id="*your-etsy-shop-setion-id*"]

Ahora, reemplace el * nombre-de-tu-tienda-etsy * y el * ID-de-sección-de-tu-tienda-etsy * por el tuyo. Para hacerlo, ve a tu tienda (o cualquier otra tienda de la que quieras mostrar los productos de Etsy) y selecciona una sección en el lado izquierdo.

Una vez que hayas hecho eso, puedes notar el nombre de la tienda de Etsy y el ID de la sección en la URL.

Desactivar para móvil

Desafortunadamente, el complemento Etsy Shop solo hace su trabajo correctamente en computadoras de escritorio. No es receptivo, por lo tanto, si está buscando una solución gratuita que lo ayude a generar ventas solo a través del escritorio, esta es una excelente opción. De lo contrario, es posible que desee ver de qué se trata Etsy 360 o puede agregar los elementos que desea exhibir manualmente.

Resultado

Simplemente copie esas dos cosas y colóquelas en su código corto. Una vez que haya guardado la configuración, sus elementos de Etsy deberían aparecer en el sitio web de su escritorio cuando haga clic en la vista previa , lo que le dará el siguiente resultado:

Pensamientos finales

En esta publicación, le mostramos cómo agregar la tienda de Etsy a su sitio web. Lo guiamos a través del proceso de instalación del complemento Etsy Shop. Algunas personas prefieren agregar elementos de Etsy con un complemento y permitir que sus visitantes sean redirigidos al sitio web de Esty, mientras que otras personas prefieren optar por un sitio web de comercio electrónico. Si estabas buscando la primera posibilidad, esta publicación te ayudará. Si tiene preguntas o sugerencias, asegúrese de dejar un comentario en la sección de comentarios a continuación.

¡Asegúrese de suscribirse a nuestro boletín informativo por correo electrónico y al canal de YouTube para que nunca se pierda un gran anuncio, un consejo útil o un obsequio de Divi!