Paso a paso podrás obtener el código html de Mailrelay para tus formularios en WordPress

Por TLPC

Tiempo de lectura minutos

 palabras

0 comentarios

Para tus formularios de WordPress es una opción interesante obtener el codigo html en Mailrelay, si utilizas formularios de terceros que no se integran con una API, esta guía es para ti.

Obtener el código html en MailRelay es muy sencillo, con este tutorial que preparé para ti podrás insertar el código en el elemento Lead Generation de Thrive Architect o en cualquier formulario creado con Thrive Leads copiando y pegando.

Si te equivocas no pasa nada, puedes intentarlo las veces que sea necesario. ¡Manos a la obra!

Obtener el codigo html en Mailrelay

Mailrelay plataforma externa para el envío de newsletter

Mailrelay la utilizo en mi web y te la recomiendo para el envío de tus boletines. Es una plataforma externa con sede en España y está preparada para enviar grandes volúmenes de correos sin pestañear. Además tiene convenios con los grandes proveedores de correos como Hotmail, Yahoo, Gmail y esto te asegura que tus correos llegarán a destino y que tu IP no caerá en las listas negras de los mismos.  

Una de las ventajas que dispones a la hora de trabajar con Mailrelay es que dispone de servidores en la Unión Europea y Safe Harbor 100% (Puerto seguro), ya que los datos de tus listas quedan almacenados aquí en Europa cumpliendo la legislación actual española, cosa que no pasa si utilizaras Mailchimp,los datos de tus listas quedarían alojados en servidores de Estados Unidos incumpliendo la legislación de Safe Harbor (Puerto seguro), además Mailrelay dispone de auto-respondedores gratis.  

Mailrelay está ofreciendo su plataforma de envío "gratis" para cuentas nuevas. Otra ventaja importante es que está totalmente en español con mucha documentación disponible desde su blog. Te puedes registrar gratuitamente y dispondrás de 75.000 envíos a 15.000 suscriptores, siempre y cuando lo sigas, en Twitter, Facebook y Youtube. Puedes desde este enlace crear una cuenta gratis en Mailrelay.

Conclusión: Si vas con tu proyecto de forma seria te recomiendo a Mailrelay con lo ojos cerrados. Es gratis, toda su plataforma está en español, cumple con la legislación española, tiene un soporte técnico de maravilla y  además es el único que conozco que brinda una cuenta gratis que nunca caduca con 75.000 envíos cada mes hasta 15.000 suscriptores con auto-respondedores incluidos. Hace tiempo que lo utilizo y realmente estoy muy conforme por el servicio gratuito que brindan.

Ahora el e-mail marketing está al alcance de tu mano. ¡Cuenta gratuita por siempre en Mailrelay!

¡Compártelo!

Como obtener el codigo html en Mailrelay desde un formulario

Voy a suponer que ya tienes creada tu cuenta en Mailrelay y te voy a mostrar con capturas dentro de la plataforma el proceso correcto para obtener el código html del formulario paso a paso; una vez obtenido debes copiarlo y pegarlo en Thrive Leads Thrive Opt-in, Lead Generatión de Thrive Content Builder, Lead Generation de Thrive Architect o en cualquier Widget o Plugins para crear formularios que tengas en tu WordPress. ¡Manos a la obra que esto se pone bueno!

obtener el codigo html en mailrelay

Obtener el codigo html en mailrelay

  • Antes que nada, es bueno tener al menos un grupo creado dentro de Mailrelay, en este ejemplo, se llamará blog. Puedes crear todos los grupos que quieras más adelante y así poder segmentar los envíos, habrá artículos que puedan ser interesantes para un cierto grupo y para otro no, esta es una buena manera de clasificar los envíos de acuerdo a las preferencias de los distintos suscriptores.
  • Paso 1: Debes hacer clic en el menú lateral izquierdo donde dice Grupo de suscriptores, en ese instante verás una pantalla como muestra la imagen superior con un botón que dice Crear, tienes que cliquear en él.
obtener el codigo html en mailrelay

Obtener el codigo html en mailrelay

  • Paso 1: Ahora para crear tu grupo debes asignarle un nombre, en este caso será Blog.
  • Paso 2: Aquí puedes escribir una descripción para saber de qué se trata este nuevo grupo.
  • Paso 3: Luego tienes que marcar la casilla Activar y Visible, esto es para que el grupo esté dado de alta y sea accesible dentro de Mailrelay.
  • Paso 4: Por último, para terminar de crear el grupo debes hacer clic en el botón Salvar.
obtener el codigo html en mailrelay

Obtener el codigo html en mailrelay

  • Paso 1: Ahora sí, vamos a crear un formulario y debes hacer clic en el menú lateral izquierdo donde dice Formulario de suscripción >> Formularios personalizados.
  • Paso 2: Debes cliquear en el botón Crear, en ese momento se abrirá una nueva sección como muestra la siguiente captura.
Thrive Suite
Thrive Suite: todo lo que necesitas para hacer crecer tu web
  • Accede a 9 plugins (Thrive Architect, Theme Builder, Leads, Apprentice, Automator y más) más los que salgan en el futuro. Todo integrado, sin conflictos.
Precio normal
$599
$299
¡Ahorra $300!
  • Ahora $299 / año - $99 / 3 meses
  • Ahorra $300 con tu membresía anual.
  • 30 días de garantía: si no te convence, te devuelven el dinero.
  • Soporte premium y actualizaciones ilimitadas.

Si usas mi enlace, a ti te cuesta lo mismo y a mí me ayudas a seguir creando contenido gratuito. ¡Gracias!

Nota: Los precios pueden variar según divisa e IVA. Consulta la web oficial para el precio exacto en tu país.

obtener el codigo html en mailrelay

Obtener el codigo html en mailrelay

  • Paso 1: En este apartado deberás introducir un nombre al formulario que en esta caso será Formulario Suscripción TLPC.
  • Paso 2: En Tipo de campo de grupo debes seleccionar Oculto para que no se vea en el formulario.
  • Paso 3: En Grupos debes elegir Blog, el grupo que creaste anteriormente.
  • Paso 4: Al principio los campos que están ahora a la derecha estarán en la columna de la izquierda, deberás arrastrar y soltar el campo Nombre, Email, Grupos a la columna de la derecha, tiene que quedar como muestra la imagen superior.
  • Paso 5: Como este es un formulario personalizado y para que no se muestren las páginas por defecto de Mailrelay que son muy sosas, tu puedes crear tus propias páginas de éxito, error y confirmación. Puedes crearlas como están en la captura, y luego pegar en cada campo la URL completa correspondiente.
  • Paso 6: Por último, debes hacer clic en el botón Salvar para crear el formulario.
  • Para que te quede más claro, te dejo una captura de las páginas creadas en mi web a modo de ejemplo para que te sirvan de guía y puedas confeccionar las tuyas a tu manera.
obtener el codigo html en mailrelay

Obtener el codigo html en mailrelay

  • Paso 1: Ejemplo de una página personalizada de una URL de éxito.
  • Paso 2: Ejemplo de una página personalizada de una URL de error
  • Paso 3: Ejemplo de una página personalizada de una URL de confirmación
obtener el codigo html en mailrelay

Obtener el codigo html en mailrelay

  • Paso 1: Ya estamos en la recta final, en el paso anterior le dimos forma al formulario y ya está listo, pero todavía necesitas copiar el código html para pegarlo en Thrive Opt-inLead Generation de Thrive Content BuilderLead Generation de Thrive ArchitectThrive Leads o de cualquier widget o plugin que utilices para generar formularios de suscripción y para esto debes volver al menú Formulario de Suscripción >> Formularios personalizados.
  • Paso 2: Verás el formulario creado en el paso anterior, Formulario Suscripción TLPC, debes seleccionarlo para que quede resaltado.
  • Paso 3: Debes hacer clic en el botón Ver código y verás la siguiente pantalla.
obtener el codigo html en mailrelay

Obtener el codigo html en mailrelay

  • ¡Enhorabuena! Ya tienes el código html a la vista, ahora debes copiar lo que está resaltado desde la etiqueta <form hasta donde termina </form> y luego ir al elemento Lead Generation de Thrive Content Builder o también con la herramienta Thrive Opt-in en el caso que tengas instalada la plantilla Performag y pegarlo allí. También puedes utilizar cualquier widget o plugin para crear formularios de suscripción y pegarlo donde corresponda.
  • En este enlace te explico paso a paso como insertar el código html del formulario recién creado en el elemento Lead Generation de Thrive Content Builder.
  • En este otro enlace puedes ver el uso de la API de MailRelay en un formulario Lead generation de Thrive Architect
  • Para aprender más sobre Email Marketing , visita el: Blog de Mailrelay.
  • Si ya creaste una cuenta nueva te recomiendo que empieces con esta súper guía desde este enlace: La guía del email marketing con Mailrelay

Si quieres crear formularios de suscripción de forma sencilla y con aspecto profesional te recomiendo Thrive Content Builder (ahora se llama Thrive Architect) y Thrive Leads, son el duo perfecto.

Con Thrive Architect (ex Thrive Content Builder) y Thrive Leads, básicamente el proceso de obtención del código html para insertarlo de forma manual es el mismo, lo que sí cambió fue la disposición de los elementos de edición y nuevas funciones. Échale un vistazo a este artículo para enterarte de las novedades:  Thrive Architect nueva interface más fácil que nunca

webempresa hosting wordpress

El hosting en el que confío para mis proyectos (y para esta web).

Llevo con Webempresa desde 2014. Su soporte en español, su velocidad y su seguridad son diferenciales.

  • Soporte técnico 24/7: Gente real, en español, que sabe de WordPress y te ayuda de verdad.
  • Velocidad: Discos NVMe, Magic Cache y Cloudflare integrado.
  • Seguridad: Copias de seguridad cada 4 horas, anti-malware y reglas específicas para WordPress.
  • Staging gratuito: Prueba cambios sin miedo a romper nada.
  • Dominio gratis el primer año.
  • Certificado SSL gratis por siempre.
  • IA incluida en todos los planes.
  • Garantía de 45 días: Si no estás contento, te devuelven el dinero.

Si usas mi enlace, a ti te cuesta lo mismo y a mí me ayudas a seguir creando contenido gratuito. ¡Gracias!"

thrive suite

¿Copiar y pegar código HTML? Con Thrive Suite es mucho más fácil.

Acabas de ver cómo obtener el código HTML de Mailrelay para tus formularios. Es útil, pero hay una forma más rápida, limpia y profesional.

Con Thrive Suite, no necesitas tocar código. Conecta Mailrelay directamente con Thrive Leads (o con el elemento Lead Generation de Thrive Architect) usando su API. En unos clics, tu formulario está listo, sincronizado y funcionando.

Además, con Thrive Suite tienes:
  • Thrive Architect para diseñar páginas de suscripción irresistibles.
  • Thrive Leads para crear pop-ups, cintillas y formularios en contenido.
  • Thrive Automator para automatizar el seguimiento de tus suscriptores.
  • Un ecosistema completo que te ahorra tiempo y evita errores.
Deja de perder tiempo con códigos. Empieza a construir tu lista de forma profesional.
  • Conecta Mailrelay con Thrive Leads en minutos (sin código).
  • Crea formularios visuales con Thrive Architect.
  • Ahorra $300 en tu membresía anual por tiempo limitado.
  • 30 días de garantía: si no te convence, te devuelven el dinero.

"Si usas mi enlace, a ti te cuesta lo mismo y a mí me ayudas a seguir creando contenido gratuito. ¡Gracias!"

Tu lugar para Crear

Donde tus ideas toman forma

Aprende a dominar WordPress - Thrive Suite y GeneratePress con tutoriales prácticos y cursos gratuitos. Diseña páginas que convierten, construye embudos y haz crecer tu proyecto paso a paso.

¿Te ha gustado? Sigamos creando juntos.

Aquí tienes más contenido para seguir aprendiendo.

Thrive Apprentice: todo lo que tienes que saber para crear cursos online (Parte 1)
Thrive Automator el nuevo plugin de Thrive Suite que te dejará sin aliento
Redirección con LoginWP Anteriormente Peters Login Redirect
¡Me encantaría saber qué piensas!
{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
thrive architect curso gratis

¿Quieres crear la web de tus sueños sin escribir ni una línea de código?

Con Thrive Architect puedes diseñar páginas profesionales arrastrando y soltando, desde el primer día y sin complicaciones. Te regalo mi Curso Completo de Thrive Architect en PDF (más de 400 páginas) para que lo domines paso a paso.