Aplicación Shopify: Integrar formularios de registro CleverReach® Double Opt-In

Antes de empezar

En primer lugar, tendrá que descargar e instalar nuestro plugin CleverReach® E-Mail marketing para Shopify

Además tendrás que estar autorizado con CleverReach® y completar la sincronización inicial para poder utilizar tus formularios CleverReach® en Shopify.

Durante la sincronización inicial, se creará automáticamente un formulario responsivo predeterminado para usted y se vinculará a su lista de Shopify. En esta lista encontrarás tus direcciones de correo electrónico de Shopify.

También puede crear otros formularios en su cuenta CleverReach® cargada. Si desea utilizarlos en Shopify, debe elegir la lista de destinatarios "Shopify" al crear el formulario. Cómo se puede copiar un formulario existente se puede encontrar más abajo en este post.

Insertar formulario a través del editor de temas en Shopify

Para insertar un formulario CleverReach® en el escaparate utilizando el editor de temas, primero tendrá que hacer clic en "Tienda en línea" y luego en "Temas".

Le mostrará el tema actual que está activo en la tienda. Puede editar el diseño de la página. Debe hacer clic en "Personalizar" para editar la página.

Bildschirmfoto_2020-09-11_um_12.22.10.png

Este paso abrirá el editor de temas donde podrá ver todas las secciones que se presentan actualmente en la página de inicio. Para añadir una nueva sección, pulse el botón "Añadir sección" al final de la lista.

Bildschirmfoto_2020-09-11_um_12.22.52.png

Se le presentarán diferentes tipos de secciones. Uno de ellos serán los formularios CleverReach®. Ahora tienes que elegir el formulario que deseas insertar en la página y hacer clic en "Añadir".

Bildschirmfoto_2020-09-11_um_14.55.58.png

En la siguiente ventana, puede editar el encabezado y el subencabezado del formulario, así como el aspecto del formulario en CleverReach®. Al hacer clic en el enlace, accederá directamente al formulario en su cuenta CleverReach®, donde podrá añadir más elementos al formulario si lo desea.

Puede ver en directo los cambios realizados en el formulario en la página de la derecha.

Una vez que esté satisfecho con el aspecto del formulario, puede guardar los cambios y publicar el tema.

Bildschirmfoto_2020-09-11_um_14.56.35.png

Ahora tu formulario está insertado en tu tienda y puedes conseguir más y más suscriptores para tu newsletter.

Inserción de formularios en las páginas

La segunda opción para insertar el formulario CleverReach® en tu página de Shopify es copiar un fragmento de formulario e insertarlo manualmente en el código de la página. En primer lugar tienes que ir a la sección de formularios en la página del panel de control de la aplicación dentro de Shopify. Allí tiene que elegir el formulario que desea insertar.

En el siguiente paso tendrá que hacer clic en el icono de los tres puntos ("...") para ver más opciones y hacer clic en "Añadir formulario" en el menú desplegable.

Bildschirmfoto_2020-09-14_um_09.35.51.png

En el cuadro de diálogo que se abre, verá el fragmento de código HTML que debe insertarse en la página en la que desea ver su formulario. Haciendo clic en el botón "Copiar" se copia ese código.

Bildschirmfoto_2020-09-14_um_09.36.11.png

Ahora tendrá que volver a la administración de la tienda y abrir la página (blog, producto, colección, etc.) en la que desea insertar su formulario CleverReach® para editarlo. Verás un editor de texto estándar, que puedes editar normalmente. También sería posible editar el propio código y añadirle elementos HTML personalizados.

Dentro del editor xou e. g. tiene que hacer clic en el botón con las etiquetas ("<>") para abrir el código de la página:

mceclip7.png

El contenido del editor cambiará y ahora podrá ver el código HTML de todos los elementos dentro de esa página. Todo lo que tienes que hacer ahora es pegar el fragmento que has copiado antes en cualquier lugar dentro del código y guardar los cambios.

mceclip8.png

Después de guardar puede hacer clic en el botón "Ver" para ver la página en storefront y verá el formulario dentro de su página:

mceclip9.png

Insertar un formulario en las páginas temáticas (esta solución es sólo para usuarios avanzados que estén familiarizados con el código HTML)

La tercera opción para insertar un formulario CleverReach® en una página temática es copiar el fragmento de formulario e insertarlo manualmente en el código del tema.

En la página del panel de control de la aplicación dentro de Shopify tendrás que ir a la sección Formularios.

En el siguiente paso debe elegir el formulario que desea insertar, haga clic en el icono de los tres puntos ("...") para ver más opciones y, a continuación, haga clic en "Añadir formulario" en el menú desplegable.

Bildschirmfoto_2020-09-14_um_09.35.51.png

En el cuadro de diálogo que se abre, verá el fragmento de código HTML que debe insertarse en la página en la que desea ver su formulario. Haga clic en el botón "Copiar" para copiar el código.

Bildschirmfoto_2020-09-14_um_09.36.11.png

Ahora debe volver a la administración de la tienda y abrir Online Store -> Themes -> Customize.

Bildschirmfoto_2020-09-11_um_12.22.10.png

Cuando se abra el editor de temas, haga clic en Acciones del tema -> Editar código.

Bildschirmfoto_2020-09-14_um_09.41.22.png

En el siguiente paso tendrás que elegir el tipo de página temática (blog, producto, colección, etc.) en el selector de archivos de la derecha y pegar el fragmento de formulario de CleverReach en el lugar deseado.

mceclip14.png

El formulario aparecerá en todas las páginas del tipo de página seleccionado (por ejemplo, producto, blog, colección):

Bildschirmfoto_2020-09-14_um_10.39.05.png

Ahora el formulario está en su página y los nuevos destinatarios pueden suscribirse fácil y rápidamente a su boletín.

Copiar un formulario existente en CleverReach

Si tiene un formulario existente que le gustaría utilizar en su integración con Shopify, tiene la oportunidad de copiar ese formulario en su cuenta CleverReach de pago. Todos los ajustes y estilos se copiarán en el nuevo formulario y podrá crear tantos formularios como desee y necesite.

En el primer paso debe hacer clic en el menú desplegable situado junto al formulario deseado.

Unbenannt_1.png

En el segundo paso deberá hacer clic en la opción de menú Copiar.

Unbenannt_2.png

3er paso: Ahora tendrás que enterponer el nuevo nombre del formulario y seleccionar la lista de destinatarios utilizada por nuestro plugin de Shopify (Shopify - <nombre-tienda>).

Unbenannt_3.png

Bildschirmfoto_2020-08-05_um_17.03.03.png

El nuevo formulario creado ya está listo para ser utilizado en su tienda:

Bildschirmfoto_2020-08-05_um_17.03.44.png

Terminado - puedes insertar tu formulario copiado en cada página de Shopify que desees.

Por cierto, puedes enviar rápida y fácilmente el siguiente boletín a tus clientes desde Shopify. Para ello, tenga la amabilidad de hacer clic en la pestaña "Más acciones" de "Clientes". Ahí tienes un botón para enviar el siguiente boletín de forma rápida y sencilla a tus destinatarios:

Bildschirmfoto_2020-04-09_um_15.13.01.png

Si tiene alguna pregunta, no dude en ponerse en contacto con nuestro equipo de asistencia en cualquier momento. 

¡Diviértete con nuestro plugin y comienza con tu E-Mail marketing en Shopify ahora mismo! :-)