{"id":39759,"date":"2019-07-24T06:36:05","date_gmt":"2019-07-24T06:36:05","guid":{"rendered":"https:\/\/wp.lvh.me\/blog\/2019\/07\/24\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\/"},"modified":"2022-05-08T16:00:00","modified_gmt":"2022-05-08T16:00:00","slug":"como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay","status":"publish","type":"post","link":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/07\/24\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\/","title":{"rendered":"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page con Mailrelay"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36464 size-full\" title=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page con Mailrelay\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png\" alt=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page con Mailrelay\" width=\"630\" height=\"340\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png 630w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page-300x162.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page-110x59.png 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Seguro que m\u00e1s de una vez has o\u00eddo hablar de las <strong>\u201clanding page\u201d<\/strong> o p\u00e1ginas de aterrizaje. Hoy en d\u00eda, son un elemento indispensable y una herramienta de marketing fundamental, especialmente \u00fatil cuando queremos lanzar campa\u00f1as de publicidad online.<\/p>\n<p>Como muchos seguramente sabr\u00e9is, una p\u00e1gina de aterrizaje es aquella en la que, como su propio nombre indica, aterriza un usuario cuando hace clic en un enlace o anuncio online (ya sea Facebook, Google o cualquier otra plataforma). Su uso es cada vez m\u00e1s extendido y es que su fin principal, en la mayor\u00eda de ocasiones, es <strong>captar clientes potenciales.<\/strong><\/p>\n<p>Si a\u00fan no conoces muy bien lo que es una landing page y quieres profundizar un poco m\u00e1s en el tema, te recomendamos que le eches un vistazo a uno de nuestros art\u00edculos. En \u00e9l, os explicamos en qu\u00e9 consiste esta herramienta, c\u00f3mo usarla y, lo mejor de todo, aquello que debe incluir para ser 100% efectiva. No te lo pierdas: \u201c<a href=\"https:\/\/blog.mailrelay.com\/es\/2018\/07\/03\/como-crear-la-pagina-de-ventas-perfecta\" target=\"_blank\" rel=\"noopener\">C\u00f3mo crear la landing page o p\u00e1gina de ventas perfecta<\/a>\u201d.<\/p>\n<p>Por otro lado, si ya conoces lo que es una p\u00e1gina de aterrizaje y quieres montar la tuya propia, qu\u00e9date. Te contamos c\u00f3mo <a href=\"https:\/\/blog.mailrelay.com\/es\/2019\/04\/16\/formulario-de-suscripcion-mailrelay-en-wordpress\" target=\"_blank\" rel=\"noopener\"><strong>a\u00f1adir un formulario de suscripci\u00f3n<\/strong><\/a> a una landing page para atraer y captar a clientes potenciales con Mailrelay.<\/p>\n<p><em><strong>Aclaraci\u00f3n importante:<\/strong> <\/em>En este post damos por sentado que ya hemos creado nuestro formulario de suscripci\u00f3n en Mailrelay y disponemos del c\u00f3digo HTML del mismo. Nos centraremos, por tanto, en explicar c\u00f3mo integrar adecuadamente este c\u00f3digo en la landing page. Si a\u00fan no tienes el formulario creado ni dispones del c\u00f3digo HTML, te aconsejamos pasarte primero por este otro post y seguir los pasos que ah\u00ed se indican: <a href=\"https:\/\/blog.mailrelay.com\/es\/2019\/03\/21\/mailrelay-v3-formularios-de-suscripcion\" target=\"_blank\" rel=\"noopener\">Mailrelay V3 formularios de suscripci\u00f3n.<\/a><\/p>\n\n<p><a href=\"https:\/\/promo.mailrelay.com\/email-marketing-gratis\/?utm_source=blog&amp;utm_campaign=alta&amp;utm_medium=post\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-13411 size-full\" title=\"\u00a1Env\u00eda hasta 80.000 emails gratis!\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2020\/07\/Envia-tu-newsletter-gratis.png\" alt=\"\u00a1Env\u00eda hasta 80.000 emails gratis!\" width=\"630\" height=\"150\" \/><\/a><\/p>\n<h2>\u00b7\u00a0C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page de WordPress<\/h2>\n<h3>Opci\u00f3n 1: Usando Elementor<\/h3>\n<p>Ya hemos hablado de Elementor en alguna otra ocasi\u00f3n. Se trata de un <strong>potente maquetador visual<\/strong> que est\u00e1 disponible en WordPress, tanto en versi\u00f3n gratuita como de pago. Es una opci\u00f3n ideal para crear y maquetar p\u00e1ginas de aterrizaje de manera r\u00e1pida y sencilla.<\/p>\n<p>Si tu p\u00e1gina web est\u00e1 construida en WordPress, es muy aconsejable utilizar este plugin para montar tu p\u00e1gina de aterrizaje, ya que ser\u00e1 f\u00e1cil y sencillo. Tanto si lo usas normalmente como si todav\u00eda no lo conoces, puedes <strong>descargarlo gratuitamente<\/strong> del repositorio de WordPress y emplearlo para crear tu landing page. \u00bfEmpezamos?<\/p>\n<p>Una vez dentro del panel de administraci\u00f3n de nuestra p\u00e1gina de WordPress, debemos ir al apartado \u201c<strong>p\u00e1ginas<\/strong>\u201d y hacer clic en a\u00f1adir una nueva.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36466 size-full\" title=\"formulario de suscripci\u00f3n a una landing page de WordPress\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO1-TUTORIAL-LANDING.jpg\" alt=\"formulario de suscripci\u00f3n a una landing page de WordPress\" width=\"630\" height=\"350\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO1-TUTORIAL-LANDING.jpg 630w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO1-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO1-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Esta nueva p\u00e1gina ser\u00e1 la que utilicemos para ubicar todo el contenido de nuestra landing page. En este caso, antes de empezar a maquetar el contenido, es aconsejable hacer algunos<strong> ajustes previos<\/strong> como darle un nombre a la secci\u00f3n, escoger el template, etc.<\/p>\n<p>En muchas ocasiones, vemos p\u00e1ginas de aterrizaje que no tienen un men\u00fa superior. Esto se suele emplear cuando queremos que el <strong>visitante se centre<\/strong> solamente en el contenido de la p\u00e1gina de destino y no se nos \u201cescape\u201d haciendo clic en cualquier otro enlace del men\u00fa. Esta medida puede ser especialmente \u00fatil en p\u00e1ginas de aterrizaje de anuncios online, por ejemplo.<\/p>\n<p>Si quieres implementar esta medida y quitar el men\u00fa de navegaci\u00f3n en tu landing page, deber\u00e1s buscar, en la columna de la derecha, los <strong>atributos de p\u00e1gina<\/strong>. Una vez los hayas localizado, en el apartado plantilla, selecciona la opci\u00f3n <strong>\u201cElementor canvas\u201d<\/strong> y guarda los cambios.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36468 size-full\" title=\"Elementor canvas\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO2-TUTORIAL-LANDING.jpg\" alt=\"Elementor canvas\" width=\"630\" height=\"350\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO2-TUTORIAL-LANDING.jpg 630w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO2-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO2-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Una vez hecho esto, abre el constructor Elementor haciendo clic en <strong>\u201cEditar con Elementor\u201d<\/strong> y <strong>empieza a construir<\/strong> tu p\u00e1gina de aterrizaje, siguiendo la estructura que desees.<\/p>\n<p>Cuando hayas terminado de montar tu p\u00e1gina, tendremos que implementar el formulario de suscripci\u00f3n. En este caso, <strong>vamos a tomar el c\u00f3digo HTML de nuestro formulario de Mailrelay<\/strong> y lo insertaremos en la p\u00e1gina.<\/p>\n<p>Para hacerlo, deberemos buscar el <strong>m\u00f3dulo \u201cc\u00f3digo\u201d<\/strong> y ubicarlo en la columna o secci\u00f3n que deseemos. Una vez colocado, nos pedir\u00e1n que insertemos el c\u00f3digo que tengamos. En este caso, pegaremos el c\u00f3digo HTML de nuestro formulario Mailrelay para integrarlo en la p\u00e1gina.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36470 size-full\" title=\"formulario de suscripci\u00f3n a una landing page de WordPress\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO3-TUTORIAL-LANDING.jpg\" alt=\"formulario de suscripci\u00f3n a una landing page de WordPress\" width=\"630\" height=\"350\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO3-TUTORIAL-LANDING.jpg 630w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO3-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO3-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Una vez insertado, el resultado ser\u00eda algo parecido a esto (ver foto inferior). Es importante tener en cuenta que la estructura y <strong>dise\u00f1o de la p\u00e1gina<\/strong> variar\u00e1 en funci\u00f3n de los m\u00f3dulos y elementos que hayas incluido.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36472 size-full\" title=\" Usando Elementor\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO4-TUTORIAL-LANDING.jpg\" alt=\" Usando Elementor\" width=\"630\" height=\"350\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO4-TUTORIAL-LANDING.jpg 630w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO4-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO4-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Llegados a este punto, me gustar\u00eda resaltar que el formulario coger\u00e1 la apariencia y los estilos que vengan marcados en tu plantilla o tema. Para hacer cambios o <strong>modificaciones de estilo<\/strong>, ser\u00e1 necesario editar el HTML o utilizar plugins espec\u00edficos que permitan personalizar nuestros formularios de suscripci\u00f3n.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13912 size-full\" title=\"Opci\u00f3n 2: Usando Divi\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2016\/04\/Landing-Page.png\" alt=\"Opci\u00f3n 2: Usando Divi\" width=\"630\" height=\"340\" \/><\/p>\n<h3>Opci\u00f3n 2: Usando Divi<\/h3>\n<p>Divi es hoy en d\u00eda una de las <strong>plantillas m\u00e1s utilizadas<\/strong> para la creaci\u00f3n de sitios web en WordPress. Ello se debe, principalmente, al hecho de que cuenta con un potente constructor visual por m\u00f3dulos, que permite crear p\u00e1ginas vistosas y llamativas f\u00e1cilmente.<\/p>\n<p>Actualmente, Divi es una <strong>herramienta Premium<\/strong> (de pago) y est\u00e1 disponible como plantilla y como constructor visual para WordPress. Si tu web est\u00e1 montada con esta plantilla o tienes instalado el plugin Divi Builder, qu\u00e9date. Te ense\u00f1amos, paso a paso, c\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page usando Divi.\u00a0 \u00bfEmpezamos?<\/p>\n<p>Los pasos a dar son bastante similares a los utilizados con el maquetador Elementor, por lo que el proceso que seguiremos ser\u00e1 bastante similar al anterior.<\/p>\n<p>En primer lugar, nos dirigiremos al <strong>apartado p\u00e1ginas<\/strong> y haremos clic en \u201ca\u00f1adir nueva\u201d.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36474 size-full\" title=\"En primer lugar, nos dirigiremos al apartado p\u00e1ginas y haremos clic en \u201ca\u00f1adir nueva\u201d.\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO5-TUTORIAL-LANDING.jpg\" alt=\"En primer lugar, nos dirigiremos al apartado p\u00e1ginas y haremos clic en \u201ca\u00f1adir nueva\u201d.\" width=\"630\" height=\"350\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO5-TUTORIAL-LANDING.jpg 630w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO5-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO5-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Una vez dentro de la nueva p\u00e1gina, empezaremos a editar los <strong>ajustes principales<\/strong>. Si, como en el caso anterior, quieres suprimir la barra superior del men\u00fa en tu landing page para darle mayor efectividad, deber\u00e1s buscar en la columna de la derecha al apartado \u201cplantilla\u201d o \u201ctemplate\u201d y hacer clic sobre \u201cBlank page\u201d.<\/p>\n<p>Con esto estaremos dici\u00e9ndole a WordPress que no queremos que en esa secci\u00f3n concreta de la web se muestre ning\u00fan men\u00fa superior. Interesante, \u00bfverdad?<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36476 size-full\" title=\"Opci\u00f3n 2: Usando Divi\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO6-TUTORIAL-LANDING.jpg\" alt=\"Opci\u00f3n 2: Usando Divi\" width=\"630\" height=\"350\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO6-TUTORIAL-LANDING.jpg 630w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO6-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO6-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Una vez le has dado el nombre a la p\u00e1gina y has establecido la configuraci\u00f3n de la plantilla, no olvides <strong>guardar los cambios<\/strong> para que no se borren.<\/p>\n<p>A continuaci\u00f3n, empezaremos a <strong>construir nuestra landing page<\/strong> con el maquetador de Divi. Para ello, haremos clic sobre \u201cUsar Divi builder\u201d o \u201cUse Divi builder\u201d y esperamos a que se cargue la p\u00e1gina. Divi, por defecto, nos da varias opciones entre las que escoger: Usar una plantilla predeterminada y adaptarla o crear una desde cero. En este caso, puedes escoger aquella que desees.<\/p>\n<p>Una vez hayas maquetado tu p\u00e1gina de aterrizaje, llega el momento de insertar tu formulario de suscripci\u00f3n de Mailrelay. En este caso, deberemos buscar el <strong>m\u00f3dulo \u201cC\u00f3digo\u201d<\/strong> en la barra derecha de Divi y ubicarlo en la columna o apartado que deseemos.<\/p>\n<p>Una vez colocado, se nos abrir\u00e1 una ventana en la que se nos pedir\u00e1 que insertemos el c\u00f3digo HTML que deseemos. En este caso, deberemos pegar el c\u00f3digo <strong>HTML de nuestro formulario Mailrelay<\/strong>, el cual ya deber\u00edamos tener.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36478 size-full\" title=\"construir nuestra landing page\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO7-TUTORIAL-LANDING.jpg\" alt=\"construir nuestra landing page\" width=\"630\" height=\"350\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO7-TUTORIAL-LANDING.jpg 630w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO7-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/04\/FOTO7-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Una vez ubicado el c\u00f3digo, podremos ver c\u00f3mo el formulario se ha implementado sin problemas en nuestra secci\u00f3n.<\/p>\n<p>Como en el caso anterior, el formulario coger\u00e1 los estilos que vengan marcados en tu plantilla o tema. Para hacer cambios o <strong>modificaciones de estilo<\/strong> ser\u00e1 necesario editar el HTML o utilizar plugins espec\u00edficos.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-33763 size-full\" title=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page fuera de WordPress\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2016\/04\/Landing-Page.png\" alt=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page fuera de WordPress\" width=\"630\" height=\"340\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2016\/04\/Landing-Page.png 630w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2016\/04\/Landing-Page-300x162.png 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2016\/04\/Landing-Page-110x59.png 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<h2>\u00b7\u00a0C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page fuera de WordPress<\/h2>\n<p>Aunque WordPress es uno de los CMS m\u00e1s utilizados para crear p\u00e1ginas web, puede darse el caso de que <strong>no utilices WordPress<\/strong>. Si es tu situaci\u00f3n, te contamos qu\u00e9 herramienta puedes emplear para crear tu propia p\u00e1gina de aterrizaje r\u00e1pidamente.<\/p>\n<p>En este punto, es importante destacar que la mayor\u00eda de estas <strong>herramientas son de pago<\/strong> pero ofrecen dos semanas de prueba o m\u00e1s para que experimentes con ellas. De esta forma, una vez pasado el periodo de pruebas, puedes decidir si te interesa o no invertir en la plataforma.<\/p>\n<p>En este caso, nos vamos a centrar en explicar c\u00f3mo utilizar <strong>Instapress<\/strong> \u00a0para la creaci\u00f3n de p\u00e1ginas de aterrizaje.\u00a0 Una herramienta, medianamente sencilla, que permite crear una landing page desde cero o partiendo de alguna de las plantillas que nos proporcionan.<\/p>\n<p>El primer paso para empezar con este m\u00e9todo ser\u00e1 darnos de alta en la plataforma e iniciarnos con la demo gratuita. Para ello deberemos dirigirnos a la <a href=\"https:\/\/instapage.com\/\" target=\"_blank\" rel=\"noopener\">instapage<\/a> y hacer el registro.<\/p>\n<p>Una vez en la plataforma, en el apartado escritorio, deberemos hacer clic sobre la opci\u00f3n \u201ccreate a new page\u201d para empezar a crear nuestra p\u00e1gina.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36480 size-full\" title=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page fuera de WordPress\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO8-TUTORIAL-LANDING.jpg\" alt=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page fuera de WordPress\" width=\"630\" height=\"350\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO8-TUTORIAL-LANDING.jpg 630w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO8-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO8-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Dentro, se nos dar\u00e1 a escoger entre <strong>varias opciones<\/strong>. En este caso, deberemos elegir la primera de ellas: <strong>\u201cStandard page\u201d<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36482 size-full\" title=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page fuera de WordPress\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO9-TUTORIAL-LANDING.jpg\" alt=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page fuera de WordPress\" width=\"630\" height=\"350\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO9-TUTORIAL-LANDING.jpg 630w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO9-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO9-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Una vez seleccionada esta opci\u00f3n, nos llevar\u00e1 a una nueva pantalla en la que deberemos escoger entre <strong>varias plantillas<\/strong>. Podr\u00e1s empezar a hacer tu p\u00e1gina desde cero, escogiendo la opci\u00f3n \u201cblank page\u201d o podr\u00e1s elegir cualquiera de los otros templates predise\u00f1ados.<\/p>\n<p>En este caso, es importante dejar claro que <strong>las cajas de suscripci\u00f3n que aparecen en las plantillas no nos van a servir<\/strong>, puesto que tendremos que utilizar el c\u00f3digo HTML de nuestro formulario Mailrelay.<\/p>\n<p>Una vez hayas escogido tu opci\u00f3n, dale un nombre a la p\u00e1gina y empieza a maquetarla a tu gusto, dejando un <strong>hueco para el formulario<\/strong> de suscripci\u00f3n.<\/p>\n<p>Bien, ahora que tenemos montada nuestra secci\u00f3n, llega el momento de introducir el formulario. Para ello, entre las herramientas ubicadas en la parte superior, <strong>deberemos escoger el bloque que dice \u201cHTML\u201d.<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36484 size-full\" title=\"deberemos escoger el bloque que dice \u201cHTML\u201d.\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO10-TUTORIAL-LANDING.jpg\" alt=\"deberemos escoger el bloque que dice \u201cHTML\u201d.\" width=\"630\" height=\"350\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO10-TUTORIAL-LANDING.jpg 630w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO10-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO10-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Nos aparecer\u00e1 en pantalla un cuadro que podremos <strong>ubicar donde deseemos<\/strong>. Ten en cuenta que este cuadro se corresponde con el formulario, por lo que ub\u00edcalo en aquel apartado en el que te interese que aparezca. Para introducir nuestro c\u00f3digo HTML, deberemos pinchar sobre el recuadro contenedor y hacer clic sobre el bot\u00f3n \u201cedit\u201d.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36486 size-full\" title=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page fuera de WordPress\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO11-TUTORIAL-LANDING.jpg\" alt=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page fuera de WordPress\" width=\"630\" height=\"350\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO11-TUTORIAL-LANDING.jpg 630w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO11-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO11-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Se nos pondr\u00e1 el cuadro en blanco y tendremos la posibilidad de introducir nuestro c\u00f3digo. <strong>Pegaremos el HTML<\/strong> de Mailrelay y haremos clic sobre el bot\u00f3n \u201cdone\u201d. Una vez hecho esto, veremos c\u00f3mo nuestro formulario aparece.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36488 size-full\" title=\"Pegaremos el HTML de Mailrelay y haremos clic sobre el bot\u00f3n \u201cdone\u201d\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO12-TUTORIAL-LANDING.jpg\" alt=\"Pegaremos el HTML de Mailrelay y haremos clic sobre el bot\u00f3n \u201cdone\u201d\" width=\"630\" height=\"350\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO12-TUTORIAL-LANDING.jpg 630w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO12-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO12-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Como en los casos anteriores, es importante resaltar que el c\u00f3digo del formulario Mailrelay no tiene estilos incorporados en su c\u00f3digo HTML. Por ello, si quieres personalizarlo m\u00e1s, ser\u00e1 necesario que edites el c\u00f3digo y a\u00f1adas aquellas l\u00edneas que consideres oportunas. Si no est\u00e1s muy familiarizado con el HTML, puedes utilizarlo tal cual como en el ejemplo que te acabamos de mostrar.<\/p>\n<p>Por \u00faltimo, deber\u00e1s pinchar sobre el bot\u00f3n \u201csave\u201d que aparece en la esquina superior derecha de la pantalla.<\/p>\n<p>Cuando hayamos guardado, tendremos que <strong>publicar la p\u00e1gina<\/strong>. Para ello deberemos ir al escritorio, hacer clic sobre la p\u00e1gina que deseemos publicar y, en la siguiente ventana, \u00a0buscar el bot\u00f3n \u201cpublish\u201d y hacer clic sobre \u00e9l.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36490 size-full\" title=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page fuera de WordPress\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO13-TUTORIAL-LANDING.jpg\" alt=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page fuera de WordPress\" width=\"630\" height=\"350\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO13-TUTORIAL-LANDING.jpg 630w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO13-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO13-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Para publicar de manera definitiva deber\u00e1s <strong>configurar la URL<\/strong> de tu p\u00e1gina. Por ello, despu\u00e9s de hacer clic sobre publicar, aparecer\u00e1 un pop-up en el que te informar\u00e1n y te dar\u00e1n la opci\u00f3n de configurarla. Pinchamos sobre el bot\u00f3n \u201cset URL\u201d y, entre las distintas opciones disponibles, escogemos la que mejor nos venga.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36492 size-full\" title=\"Para publicar de manera definitiva deber\u00e1s configurar la URL de tu p\u00e1gina\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO14-TUTORIAL-LANDING.jpg\" alt=\"Para publicar de manera definitiva deber\u00e1s configurar la URL de tu p\u00e1gina\" width=\"630\" height=\"350\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO14-TUTORIAL-LANDING.jpg 630w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO14-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO14-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Si tienes WordPress, podr\u00e1s escoger esa opci\u00f3n y seguir los pasos que te indican para poder publicar la p\u00e1gina. Si no tienes WordPress, deber\u00e1s pinchar sobre la primera opci\u00f3n \u201ccustom domain\u201d y <strong>seguir las instrucciones<\/strong> para la configuraci\u00f3n de tu dominio.<\/p>\n<p>Junto a cada opci\u00f3n encontrar\u00e1s un link que dice \u201clearn more\u201d. <strong>Si tienes dudas<\/strong> sobre los pasos a seguir, haz clic ah\u00ed. Te llevar\u00e1 a una secci\u00f3n informativa con todo lo que debes saber para hacer los cambios y publicar tu p\u00e1gina de manera definitiva.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36494 size-full\" title=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page fuera de WordPress\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO15-TUTORIAL-LANDING.jpg\" alt=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page fuera de WordPress\" width=\"630\" height=\"350\" srcset=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO15-TUTORIAL-LANDING.jpg 630w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO15-TUTORIAL-LANDING-300x167.jpg 300w, https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/FOTO15-TUTORIAL-LANDING-110x61.jpg 110w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<h2>\u00b7\u00a0Conclusi\u00f3n<\/h2>\n<p>Si tienes un negocio con presencia en Internet lo m\u00e1s seguro es que, en alg\u00fan momento de tu vida, te veas en la necesidad de crear una landing page. Como os comentamos al inicio del post, estas p\u00e1ginas son <strong>tremendamente \u00fatiles<\/strong> cuando queremos captar clientes potenciales.<\/p>\n<p>De hecho, en marketing, son una herramienta muy utilizada para obtener datos de clientes. Las estrategias para conseguirlo pueden ser muy variadas aunque, a d\u00eda de hoy, lo m\u00e1s frecuente es <strong>ofrecer un \u201cregalo\u201d<\/strong> a cambio de los datos. \u00bfQu\u00e9 tipo de regalo? Podr\u00eda ser un tutorial, un mini curso, una gu\u00eda\u2026 \u00a1Las opciones son amplias!<\/p>\n<p>Por todo lo anterior, en este art\u00edculo hemos querido mostrar <strong>diferentes formas de crear una landing page<\/strong>, integrando un formulario de suscripci\u00f3n de Mailrelay. En esta ocasi\u00f3n, nos hemos centrado en 3 opciones diferentes, que son sencillas. No obstante, existen otras muchas posibilidades en el mercado. \u00bfHas utilizado alguna vez una p\u00e1gina de aterrizaje? \u00bfTe parecen \u00fatiles?<\/p>\n<p><a href=\"https:\/\/www.tamarindocomunicacion.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-19838 size-full\" title=\"Cristina Aguayo\" src=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2020\/02\/cristina-aguayo.png\" alt=\"Cristina Aguayo\" width=\"630\" height=\"250\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Seguro que m\u00e1s de una vez has o\u00eddo hablar de las \u201clanding page\u201d o p\u00e1ginas de aterrizaje. Hoy en d\u00eda, son un elemento indispensable y una herramienta de marketing fundamental, especialmente \u00fatil cuando queremos lanzar campa\u00f1as de publicidad online. Como muchos seguramente sabr\u00e9is, una p\u00e1gina de aterrizaje es aquella en la que, como su propio [&hellip;]<\/p>\n","protected":false},"author":93,"featured_media":36464,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[21],"tags":[],"class_list":["post-39759","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page con Mailrelay - Mailrelay<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page con Mailrelay - Mailrelay\" \/>\n<meta property=\"og:description\" content=\"Seguro que m\u00e1s de una vez has o\u00eddo hablar de las \u201clanding page\u201d o p\u00e1ginas de aterrizaje. Hoy en d\u00eda, son un elemento indispensable y una herramienta de marketing fundamental, especialmente \u00fatil cuando queremos lanzar campa\u00f1as de publicidad online. Como muchos seguramente sabr\u00e9is, una p\u00e1gina de aterrizaje es aquella en la que, como su propio [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/07\/24\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\/\" \/>\n<meta property=\"og:site_name\" content=\"Mailrelay\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Mailrelay\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-24T06:36:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-08T16:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png\" \/>\n\t<meta property=\"og:image:width\" content=\"630\" \/>\n\t<meta property=\"og:image:height\" content=\"340\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Cristina Aguayo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@mailrelay\" \/>\n<meta name=\"twitter:site\" content=\"@mailrelay\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cristina Aguayo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2019\\\/07\\\/24\\\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2019\\\/07\\\/24\\\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\\\/\"},\"author\":{\"name\":\"Cristina Aguayo\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/#\\\/schema\\\/person\\\/1ec1868e519cb2784392863b39974f75\"},\"headline\":\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page con Mailrelay\",\"datePublished\":\"2019-07-24T06:36:05+00:00\",\"dateModified\":\"2022-05-08T16:00:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2019\\\/07\\\/24\\\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\\\/\"},\"wordCount\":2250,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2019\\\/07\\\/24\\\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/formulario-de-suscripcion-landing-page.png\",\"articleSection\":[\"Marketing\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2019\\\/07\\\/24\\\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2019\\\/07\\\/24\\\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\\\/\",\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2019\\\/07\\\/24\\\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\\\/\",\"name\":\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page con Mailrelay - Mailrelay\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2019\\\/07\\\/24\\\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2019\\\/07\\\/24\\\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/formulario-de-suscripcion-landing-page.png\",\"datePublished\":\"2019-07-24T06:36:05+00:00\",\"dateModified\":\"2022-05-08T16:00:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2019\\\/07\\\/24\\\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2019\\\/07\\\/24\\\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2019\\\/07\\\/24\\\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/formulario-de-suscripcion-landing-page.png\",\"contentUrl\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/formulario-de-suscripcion-landing-page.png\",\"width\":630,\"height\":340},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/2019\\\/07\\\/24\\\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page con Mailrelay\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/\",\"name\":\"Mailrelay\",\"description\":\"Mailrelay.com\",\"publisher\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/#organization\",\"name\":\"Mailrelay\",\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/logo.png\",\"width\":190,\"height\":49,\"caption\":\"Mailrelay\"},\"image\":{\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Mailrelay\\\/\",\"https:\\\/\\\/x.com\\\/mailrelay\",\"https:\\\/\\\/www.youtube.com\\\/mailrelay-email-marketing\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/#\\\/schema\\\/person\\\/1ec1868e519cb2784392863b39974f75\",\"name\":\"Cristina Aguayo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8e334a5a32542524996dbba9ffbc8b488f196b53882230ace2720cf19a8fb9b3?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8e334a5a32542524996dbba9ffbc8b488f196b53882230ace2720cf19a8fb9b3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8e334a5a32542524996dbba9ffbc8b488f196b53882230ace2720cf19a8fb9b3?s=96&d=mm&r=g\",\"caption\":\"Cristina Aguayo\"},\"url\":\"https:\\\/\\\/wpstaging.mailrelay.com\\\/es\\\/blog\\\/author\\\/cristinaaguayo\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page con Mailrelay - Mailrelay","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page con Mailrelay - Mailrelay","og_description":"Seguro que m\u00e1s de una vez has o\u00eddo hablar de las \u201clanding page\u201d o p\u00e1ginas de aterrizaje. Hoy en d\u00eda, son un elemento indispensable y una herramienta de marketing fundamental, especialmente \u00fatil cuando queremos lanzar campa\u00f1as de publicidad online. Como muchos seguramente sabr\u00e9is, una p\u00e1gina de aterrizaje es aquella en la que, como su propio [&hellip;]","og_url":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/07\/24\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\/","og_site_name":"Mailrelay","article_publisher":"https:\/\/www.facebook.com\/Mailrelay\/","article_published_time":"2019-07-24T06:36:05+00:00","article_modified_time":"2022-05-08T16:00:00+00:00","og_image":[{"width":630,"height":340,"url":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png","type":"image\/png"}],"author":"Cristina Aguayo","twitter_card":"summary_large_image","twitter_creator":"@mailrelay","twitter_site":"@mailrelay","twitter_misc":{"Escrito por":"Cristina Aguayo","Tiempo de lectura":"11 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/07\/24\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\/#article","isPartOf":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/07\/24\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\/"},"author":{"name":"Cristina Aguayo","@id":"https:\/\/wpstaging.mailrelay.com\/es\/#\/schema\/person\/1ec1868e519cb2784392863b39974f75"},"headline":"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page con Mailrelay","datePublished":"2019-07-24T06:36:05+00:00","dateModified":"2022-05-08T16:00:00+00:00","mainEntityOfPage":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/07\/24\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\/"},"wordCount":2250,"commentCount":2,"publisher":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/#organization"},"image":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/07\/24\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\/#primaryimage"},"thumbnailUrl":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png","articleSection":["Marketing"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/07\/24\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/07\/24\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\/","url":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/07\/24\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\/","name":"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page con Mailrelay - Mailrelay","isPartOf":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/07\/24\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\/#primaryimage"},"image":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/07\/24\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\/#primaryimage"},"thumbnailUrl":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png","datePublished":"2019-07-24T06:36:05+00:00","dateModified":"2022-05-08T16:00:00+00:00","breadcrumb":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/07\/24\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/07\/24\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/07\/24\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\/#primaryimage","url":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png","contentUrl":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png","width":630,"height":340},{"@type":"BreadcrumbList","@id":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2019\/07\/24\/como-anadir-un-formulario-de-suscripcion-a-una-landing-page-con-mailrelay\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpstaging.mailrelay.com\/es\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo a\u00f1adir un formulario de suscripci\u00f3n a una landing page con Mailrelay"}]},{"@type":"WebSite","@id":"https:\/\/wpstaging.mailrelay.com\/es\/#website","url":"https:\/\/wpstaging.mailrelay.com\/es\/","name":"Mailrelay","description":"Mailrelay.com","publisher":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpstaging.mailrelay.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/wpstaging.mailrelay.com\/es\/#organization","name":"Mailrelay","url":"https:\/\/wpstaging.mailrelay.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wpstaging.mailrelay.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2021\/12\/logo.png","contentUrl":"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2021\/12\/logo.png","width":190,"height":49,"caption":"Mailrelay"},"image":{"@id":"https:\/\/wpstaging.mailrelay.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Mailrelay\/","https:\/\/x.com\/mailrelay","https:\/\/www.youtube.com\/mailrelay-email-marketing"]},{"@type":"Person","@id":"https:\/\/wpstaging.mailrelay.com\/es\/#\/schema\/person\/1ec1868e519cb2784392863b39974f75","name":"Cristina Aguayo","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/8e334a5a32542524996dbba9ffbc8b488f196b53882230ace2720cf19a8fb9b3?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/8e334a5a32542524996dbba9ffbc8b488f196b53882230ace2720cf19a8fb9b3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8e334a5a32542524996dbba9ffbc8b488f196b53882230ace2720cf19a8fb9b3?s=96&d=mm&r=g","caption":"Cristina Aguayo"},"url":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/author\/cristinaaguayo\/"}]}},"uagb_featured_image_src":{"full":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png",630,340,false],"thumbnail":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page-150x150.png",150,150,true],"medium":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page-300x162.png",300,162,true],"medium_large":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png",630,340,false],"large":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png",630,340,false],"1536x1536":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png",630,340,false],"2048x2048":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png",630,340,false],"testimonials":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page-110x59.png",110,59,true],"author-image":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png",60,32,false],"yarpp-thumbnail":["https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2019\/05\/formulario-de-suscripcion-landing-page.png",120,65,false]},"uagb_author_info":{"display_name":"Cristina Aguayo","author_link":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/author\/cristinaaguayo\/"},"uagb_comment_info":2,"uagb_excerpt":"Seguro que m\u00e1s de una vez has o\u00eddo hablar de las \u201clanding page\u201d o p\u00e1ginas de aterrizaje. Hoy en d\u00eda, son un elemento indispensable y una herramienta de marketing fundamental, especialmente \u00fatil cuando queremos lanzar campa\u00f1as de publicidad online. Como muchos seguramente sabr\u00e9is, una p\u00e1gina de aterrizaje es aquella en la que, como su propio&hellip;","_links":{"self":[{"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/posts\/39759","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/users\/93"}],"replies":[{"embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/comments?post=39759"}],"version-history":[{"count":2,"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/posts\/39759\/revisions"}],"predecessor-version":[{"id":46913,"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/posts\/39759\/revisions\/46913"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/media\/36464"}],"wp:attachment":[{"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/media?parent=39759"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/categories?post=39759"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpstaging.mailrelay.com\/es\/wp-json\/wp\/v2\/tags?post=39759"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}