Cómo integrar su tienda Etsy en su sitio web Divi

En la publicación Divi de hoy , le mostraremos cómo integrar los artículos que tiene en su tienda de 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 sus artículos de Etsy a su sitio web podría ayudarlo a generar más ventas. Especialmente si posee un sitio web que tiene un público objetivo atractivo y una buena cantidad 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 todos les gusta agregar la tienda de Etsy a un sitio web personal. Algunas personas preferirían usar 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 lo ayuda a mostrar sus artículos de Etsy en su forma original. Para el proceso de compra real, los visitantes interesados ​​serán redirigidos a su tienda de 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 podría integrar sus artículos de Etsy manualmente. Aunque esto suena como más trabajo, también tiene algunas ventajas. Puede, por ejemplo, diseñar los elementos como desee. Probablemente tendrá más espacio para hacer los artículos con el mismo estilo que su sitio web. Lo único que necesitará es un enlace directo (y preferiblemente único) a cada artículo.

Aunque agregar sus productos de Etsy manualmente tiene muchas ventajas, también tiene algunas desventajas. Una vez que agregue manualmente estos elementos y cambie el estilo, sus visitantes no sabrán de inmediato que serán redirigidos al sitio web de Etsy. Estás, por lo tanto, preparándolos para una sorpresa.

Agregue sus productos con un complemento

La otra posibilidad que tienes es usar un plugin. Esta suele ser la forma más fácil de hacerlo y le ahorra mucho tiempo. Además de eso, el diseño de los artículos es similar a cómo se muestran en el sitio web de Etsy. Los visitantes reconocerán más fácilmente el origen del artículo. Esta es la posibilidad que le mostraremos cómo hacer en la siguiente parte de la publicación.

Hay dos complementos que pueden hacer el trabajo: el complemento de Etsy Shop y Etsy 360. El complemento de Etsy Shop es gratuito y le mostraremos cómo configurarlo, mientras que Etsy 360 es de pago. Desafortunadamente, solo puede usar el complemento de la tienda de Etsy 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 su tienda Etsy en su sitio web Divi

Suscríbete a nuestro canal de Youtube

Comience a integrar su 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 Etsy Shop , creado por Frédéric Sheedy. Al usar este complemento, no tendrá que esforzarse mucho para agregar sus artículos favoritos de la tienda de Etsy en su sitio web. En el pasado, Etsy ofreció la posibilidad de Etsy Mini, pero, desafortunadamente, recientemente suspendieron esta opción, lo que hace que el complemento de Etsy Shop sea actualmente la posibilidad más favorable que existe.

Sin más debido; empecemos.

Descarga el complemento de la tienda de Etsy

El primer paso que deberá tomar 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 Panel de WordPress> Complementos> Agregar nuevo> Y cargando el complemento en su sitio web. Asegúrese de activar también el complemento.

Obtenga su clave de API de la tienda de Etsy

Una vez que haya descargado el complemento, el siguiente paso que deberá realizar es obtener una clave API de su tienda de Etsy. Es posible que ya tenga disponible una API de este tipo, 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 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 cada enlace se abra 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 abreviado a un módulo de texto dentro de su Divi Builder

Lo siguiente que deberá hacer es integrar el código abreviado 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 abreviado al cuadro Contenido en la pestaña Contenido. Sin ninguna modificación, el shortcode se ve así:

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

Ahora, reemplace el *your-etsy-shop-name* y el *your-etsy-shop-section-id* con el suyo propio. Para hacer eso, 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 haya hecho eso, puede notar el nombre de la tienda de Etsy y la ID de la sección en la URL.

Desactivar para móvil

Desafortunadamente, el complemento de Etsy Shop solo funciona correctamente en computadoras de escritorio. No responde, 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 mostrar manualmente.

Resultado

Simplemente copie esas dos cosas y colóquelas en su shortcode. Una vez que haya guardado la configuración, sus artículos de Etsy deberían aparecer en su sitio web de 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. Te hemos guiado a través del proceso de instalación del complemento de Etsy Shop. Algunas personas prefieren agregar artículos 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úrate de  suscribirte a nuestro boletín de correo electrónico  y  canal de YouTube  para que nunca te pierdas un gran anuncio, un consejo útil o un obsequio de Divi!