Cómo agregar un formulario de suscripción a su página de destino con Mailrelay

Publicado: 2019-07-24

Si trabaja con marketing, probablemente lea información sobre la importancia de crear una página de destino como parte de una estrategia de ventas eficaz. Si necesita capturar suscriptores, clientes potenciales o clientes, tendrá que aprender a trabajar con esta función.

Como muchos de ustedes seguramente sabrán, una landing page es una página diseñada para recibir visitantes que encontraron su sitio luego de hacer clic en un anuncio o banner (Facebook, Google o cualquier otra plataforma). Su uso está cada vez más extendido, y su principal finalidad en la mayoría de los casos es captar leads o generar conversiones.

Una página de destino es una página creada con un propósito: generar conversiones. En términos generales, el usuario que visita esta página está interesado en lo que ofrece. Crear una página de destino eficaz es un arte porque deberá considerar varios aspectos, como el diseño y el contenido de la página. Si ya sabe qué es una página de destino y desea utilizar esta opción en su estrategia de marketing; vamos a explicar cómo puede agregar un formulario de suscripción de Mailrelay a una página de destino para capturar clientes potenciales y suscriptores.

Aclaración importante: En esta publicación, asumiremos que ya creó un formulario de suscripción en Mailrelay y copió el código HTML que utilizará. Así que nos vamos a centrar en explicar cómo integrar este código en una página de destino. Si no ha creado el formulario o no ha copiado el código HTML, le recomendamos que consulte esta otra publicación: Formularios de suscripción de Mailrelay V3.

  • 1 · Cómo agregar un formulario de suscripción a su página de destino en WordPress
    • 1.1 Opción 1: Usar Elementor
    • 1.2 Opción 2: Usar Divi
  • 2 · Cómo agregar un formulario de suscripción a su página de destino sin usar WordPress
  • 3 · Conclusión
    • 3.1 Publicaciones relacionadas:

Envia hasta 75.000 emails gratis!

· Cómo agregar un formulario de suscripción a su página de destino en WordPress

Opción 1: usar Elementor

Ya hemos hablado de Elementor en otros artículos. Es un poderoso complemento que está disponible en WordPress, con versiones gratuitas y de pago. Es una opción ideal para crear y editar páginas de destino de forma rápida y sencilla.

Si su sitio se creó con WordPress, se recomienda encarecidamente utilizar este complemento para configurar su página de destino, ya que el proceso será fácil y sencillo. Si aún no ha instalado el complemento, puede descargarlo de forma gratuita desde el repositorio de WordPress y utilizarlo para crear su página de destino. ¿Empecemos?

Una vez dentro del panel de administración de WP, debe hacer clic en "páginas" y agregar una nueva.

Deberá utilizar esta nueva página para insertar el contenido que se mostrará a sus visitantes. En este caso, antes de empezar a editar el diseño, es recomendable realizar algunos ajustes previos. Por ejemplo, debe nombrar la sección, elegir la plantilla, etc.

A menudo vemos páginas de destino que no tienen un menú de barra superior. Esto se usa a menudo cuando queremos que el visitante se concentre solo en el contenido, no "escape " haciendo clic en cualquier otro enlace. Esto puede resultar especialmente útil en las páginas de destino creadas para campañas en línea.

Si desea implementar esta medida y eliminar el menú de navegación en su página de destino, debe buscar los atributos en la columna de la derecha. Una vez que encuentre esta opción, en la sección de plantillas, seleccione “Elementor Canva” y guarde su trabajo.

Elementor canvas

Después de eso, abra el constructor de Elementor, haga clic en " Editar con Elementor" y comience a construir su página de destino siguiendo la estructura que desea usar.

Después de crear la página, deberá implementar el formulario de suscripción. En este caso, puede obtener el código HTML e insertarlo en la página.

Para ello, debe buscar el módulo "código" e incluirlo en la columna o sección que desee. Una vez colocado, deberá insertar el código que copió antes de comenzar a leer este artículo. En este caso, tendrás que pegar el código generado por Mailrelay para incrustarlo en tu página de destino.

formulario de suscripcion a una landing page de WordPress

Después de agregar el formulario, el resultado se vería así. Es importante tener en cuenta que la estructura y el diseño variarán según los módulos y elementos que instale.

 Usando Elementor

En este punto, me gustaría señalar que el formulario se mostrará con el aspecto y los estilos marcados en su plantilla o tema. Para realizar cambios o modificaciones de estilo, deberá editar el HTML o utilizar complementos específicos para personalizar su formulario de suscripción.

Opcion 2: Usando Divi

Opción 2: usar Divi

Divi es una de las plantillas más utilizadas para crear sitios en WordPress. Esta plantilla es tan popular porque ofrece un poderoso constructor visual, que le permite crear páginas atractivas y coloridas con solo unos pocos clics.

Divi es actualmente una herramienta Premium (de pago) y está disponible como plantilla y como constructor visual para WordPress. Si su sitio fue creado con esta plantilla o ha instalado el complemento Divi Builder, siga leyendo, ya que le mostraremos paso a paso cómo agregar un formulario de suscripción en una página de destino usando Divi. ¿Empecemos?

Los pasos son muy similares a los que vimos en la guía anterior, por lo que el proceso que seguiremos será bastante parecido al que vimos con Elementor.

Primero, vayamos a la sección Páginas y haga clic en "agregar nuevo".

Después de acceder a la nueva página, comenzaremos a editar la configuración principal. Si, como en el caso anterior, desea eliminar la barra superior de su página de destino, debe buscar la opción "plantilla" en la columna de la derecha y hacer clic en "página en blanco".

Con eso, le diremos a WordPress que no queremos mostrar ninguna barra superior en esta sección específica del sitio. Interesante, ¿verdad?

Opcion 2: Usando Divi

Una vez que haya nombrado la página y seleccionado la configuración de la plantilla, no olvide guardar sus cambios.

A continuación, comenzaremos a construir nuestra página de destino con Divi. Para hacer eso, haga clic en "Divi builder" y el complemento mostrará la pantalla con el constructor de la página de destino. Divi, por defecto, nos da varias opciones para elegir: Podemos usar una plantilla por defecto y adaptarla o crear una desde cero. Puede elegir cualquiera de las dos opciones.

Una vez que haya configurado su página de destino, es hora de insertar su formulario de suscripción a Mailrelay. En este caso, tendremos que buscar el módulo “Código” en la barra derecha de Divi e insertarlo en la columna o sección que queramos. Después de hacer eso, el complemento abrirá una ventana con un campo donde podemos incrustar el código HTML generado por Mailrelay. Si no ha creado un formulario HTML, generelo ahora.

construir nuestra landing page

Después de agregar el código, podrá ver cómo le ayudará a lucir como en su página de destino.

Como en el caso anterior, el formulario se mostrará con los estilos definidos en su plantilla o tema. Para realizar cambios, deberá editar el HTML manualmente o utilizar un complemento externo.

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

· Cómo agregar un formulario de suscripción a su página de destino sin usar WordPress

Aunque WordPress es uno de los CMS más utilizados para crear sitios web, es posible que desee crear su página de destino sin utilizar esta plataforma. Sin embargo, si no está trabajando con WP, le recomendaremos algunas herramientas que puede utilizar para crear su propia página de destino rápidamente.

En este punto, es importante tener en cuenta que la mayoría de estas herramientas no son gratuitas, pero por lo general ofrecen dos semanas o más de pruebas, para que pueda comenzar a usar el servicio y ver si esto es lo que estaba buscando. Después de probar la herramienta, puede decidir si está interesado o no en pagar por ella.

En este artículo, nos centraremos en explicar cómo utilizar Instapress para crear páginas de destino. Esta herramienta fue creada para usuarios que no desean diseñar una página manualmente, por lo que puede editar las plantillas disponibles o crear su propio diseño.

Lo primero que tendrás que hacer es registrarte en la plataforma para empezar a utilizar la demo gratuita. Para hacer eso, vaya a la página de Instapage y cree una cuenta.

Después de acceder a la plataforma, en la sección de escritorio, haga clic en "Crear nueva página" para comenzar a crear su página de destino.

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

Aquí tendrás varias opciones. Para este tutorial, elegiremos el primero: "Página estándar".

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

Después de seleccionar esta opción, será llevado a otra pantalla donde podrá elegir entre varias plantillas. Si desea crear su página desde cero, puede seleccionar la opción "página en blanco", o puede elegir una de las plantillas predefinidas.

En este caso, es importante dejar claro que los cuadros de suscripción que están disponibles en las plantillas no se pueden utilizar ya que tendremos que trabajar con el código HTML generado por Mailrelay.

Una vez que haya elegido la opción que desea utilizar, agregue un nombre a la página y comience a editar la página de destino, dejando un espacio para el formulario de suscripción.

Después de editar el diseño, deberá insertar el formulario. Si marca en la parte superior, verá varias opciones. Para agregar el formulario, haga clic en "HTML".

deberemos escoger el bloque que dice “HTML”.

El complemento mostrará un cuadro que puede colocar donde desee. Tenga en cuenta que este cuadro corresponde al formulario, por lo que debe colocarlo donde desee mostrar el formulario. Para ingresar el código HTML, haga clic en el cuadro y seleccione el botón "Editar" .

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

El cuadro estará en blanco y podrá ingresar el código. Pegue el formulario HTML de Mailrelay y haga clic en "Listo". Si siguió todos los pasos correctamente, verá cómo se mostrará su formulario.

Pegaremos el HTML de Mailrelay y haremos clic sobre el boton “done”

Como en los casos anteriores, es importante tener en cuenta que el formulario no incluye estilos incrustados en el código HTML. Entonces, si desea personalizarlo, deberá editar el código manualmente. Si no está familiarizado con HTML, le recomendamos que utilice el formulario predeterminado generado por Mailrelay.

Por último, debe hacer clic en el botón "Guardar" en la esquina superior derecha de la pantalla.

Después de guardar los cambios, deberá publicar la página. Para hacer eso, haga clic en la página que desea publicar y en la siguiente ventana busque el botón "Publicar" y haga clic en él.

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

Para publicar la página de destino de forma permanente, deberá configurar la URL de la página. Por lo tanto, luego de hacer clic en Publicar, el sistema mostrará una ventana emergente con opciones para configurarlo. Haga clic en el botón "Establecer URL" y, entre las diferentes opciones disponibles, elija la mejor opción para su estrategia de marketing digital.

Para publicar de manera definitiva deberas configurar la URL de tu pagina

Si está trabajando con WordPress, puede elegir esta opción y seguir los pasos en pantalla para publicar la página. Si no usa WordPress, debe hacer clic en la primera opción, "Dominio personalizado" y seguir las instrucciones para configurar su dominio.

Junto a cada opción, encontrará un enlace "Más información". Si necesita encontrar más información sobre los pasos que debe seguir, haga clic en este enlace. Serás dirigido a una sección informativa con todo lo que necesitas saber para realizar los cambios necesarios y publicar tu página de forma permanente.

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

· Conclusión

Si tiene un negocio en línea, seguramente necesitará crear páginas de destino como parte de su estrategia de ventas. Como explicamos al principio del post, estas páginas son de gran utilidad para captar clientes potenciales.

De hecho, esta es una herramienta ampliamente utilizada para recopilar datos y crear listas de correo. Las estrategias para obtener esta información pueden variar mucho, aunque la mayoría de los webmasters prefieren ofrecer un "regalo" o "cebo" a cambio de los datos. ¿Qué tipo de regalo puedo ofrecer? Podrías crear un tutorial, un minicurso, una guía. Dependerá de tu estrategia de ventas.

Para ayudarte en esta tarea, en este artículo queríamos mostrarte diferentes opciones para crear una landing page y los pasos que tendrás que seguir para integrar un formulario de suscripción a Mailrelay con la página. En esta ocasión, nos enfocamos en 3 opciones diferentes. Sin embargo, puede crear una página de destino con cualquier otra herramienta que ofrezca opciones para incrustar HTML externo.

¿Alguna vez ha utilizado una página de destino para captar clientes? Lo encontraste util?

Cristina Aguayo