Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo conectar Constant Contact a WordPress (paso a paso)

Nota editorial: Ganamos una comisión de los enlaces de socios en WPBeginner. Las comisiones no afectan a las opiniones o evaluaciones de nuestros editores. Más información sobre Proceso editorial.

¿Utilizas ConstantContact para tu marketing por correo electrónico y quieres conectarlo con tu sitio WordPress?

Centrado en el diseño de arrastrar y soltar y en la integración con el comercio electrónico, Constant Contact es uno de los mejores servicios de marketing por correo electrónico que existen. Dicho esto, probablemente quieras conectarlo con tu sitio web para que todos los clientes potenciales vayan directamente a tu base de datos.

En esta guía definitiva, le mostraremos cómo conectar Constant Contact con WordPress.

connect-constant-contact-to-wordpress-in-post

¿Por qué es tan importante crear una lista de correo electrónico?

¿Te has preguntado alguna vez por qué todos los sitios web de Internet quieren tener tu dirección de correo electrónico? Ya sea para crear una cuenta en Facebook, Twitter o el New York Times, todos quieren tu dirección de correo electrónico.

La respuesta es muy sencilla: el correo electrónico es la mejor forma de llegar a los clientes.

Un estudio reciente demostró que las pequeñas empresas recuperan 40 dólares por cada dólar gastado en marketing por correo electrónico. Es la forma más eficaz de convertir visitantes en clientes.

Pero no se fíe de nuestra palabra. Esto es lo que el fundador del Content Marketing Institute, Joe Pulizzi, tenía que decir al respecto.

“Una lista de correo electrónico es fundamental porque no puedes construir tu contenido en un terreno alquilado. Muchas marcas y empresas construyen su audiencia en Facebook y Google+, lo cual está bien, pero esos nombres no son nuestros, sino de Facebook y Google. Si pensamos como verdaderas empresas de medios de comunicación, el activo está en la audiencia. Conseguir una dirección de correo electrónico es el primer paso fundamental para averiguar quién es mi lector y, con suerte en el futuro, mi cliente de algún tipo. Si nuestro objetivo es impulsar las ventas o mantener contentos a los clientes de alguna manera, primero tenemos que conseguir que formen parte de nuestra audiencia.

Si de algo me arrepiento como empresario, es de no haberme centrado en crear nuestra lista de correo electrónico en una fase más temprana del proceso”.

Joe Pulizzi – Fundador del Instituto de Marketing de Contenidos

Puede obtener más información sobre este tema leyendo nuestro artículo sobre por qué debería empezar a crear su lista de correo electrónico ahora mismo.

Ahora que conoce la importancia de crear una lista de correo electrónico, veamos cómo empezar con Constant Contact para crear una lista de correo electrónico para su sitio de WordPress.

¿Qué es Constant Contact?

Constant Contact es uno de los proveedores de servicios de marketing por correo electrónico más populares del mundo. Están especializados en el envío masivo de correos electrónicos a sus clientes, la gestión de sus listas de correo electrónico y la realización de campañas eficaces de marketing por correo electrónico.

Puede resultar bastante abrumador para las pequeñas empresas crear su propia lista de correo electrónico. Constant Contact se asegura de que incluso los principiantes absolutos puedan llevar a cabo sus campañas de correo electrónico como un profesional.

Dicho esto, cubriremos los dos métodos para conectar Constant Contact a WordPress.

Método 1: Conectar Constant Contact a WordPress usando WPForms

La mejor forma de conectar Constant Contact a WordPress es utilizando WPForms.

Ningún otro plugin de formulario de contacto para WordPress puede ofrecer ni de lejos las características y personalización que obtienes con WPForms.

Tiene más campos de formulario para elegir, más de 1.600 plantillas, protección contra el spam y puede aceptar fácilmente pagos con tarjeta de crédito. Además, la versión gratuita integra Constant Contact.

wpforms website

Paso 1: Instalación y activación de WPForms

Para empezar, tendrás que instalar y activar WPForms. Para más detalles, lea nuestro tutorial paso a paso sobre cómo instalar un plugin de WordPress.

Nota: Para este tutorial, puede utilizar la versión gratuita de WPForms ya que ofrece integración con Constant Contact. Dicho esto, si desea aún más campos de formulario, más integraciones, u otras características avanzadas, usted querrá actualizar a la versión pro. Puede leer nuestra revisión de W PForms para aprender más sobre las características avanzadas.

Paso 2: Conectar WPForms a Constant Contact

Tras la activación, tendrá que ir a WPForms ” Configuración. A continuación, vaya a la pestaña Integraciones, y bajo el icono de Constant Contact, expanda la opción. Desde aquí, selecciona ‘+ Añadir nueva cuenta’.

add new Constant Contact account

A continuación aparecerá una lista de campos.

Haga clic en el enlace “Haga clic aquí para registrarse en Constant Contact”.

register-with-Constant-Contact

Aparecerá una nueva ventana en la que tendrás que iniciar sesión en tu cuenta de Constant Contact o registrar una nueva.

Una vez completado, deberá hacer clic en “Permitir” para dar acceso a WPForms a su cuenta de Constant Contact.

allow-WPForms-access-Constant-Contact

A partir de aquí, se le proporcionará un código de autorización de Constant Contact.

Sólo tienes que copiar el código como se muestra en la pantalla.

constant contact authorization code

A continuación, vuelva a WordPress. Pega el código donde dice ‘Constant Contact Authorization Code’ y también dale un apodo a esta conexión.

Por último, haga clic en “Conectar con Constant Contact”.

connect to constant contact

Paso 3: Crear su nuevo formulario

A continuación, diríjase a WPForms ” Añadir nuevo. Usted será llevado al constructor de formularios.

Empieza por dar un nombre a tu formulario.

name your form

A continuación, tendrás que elegir una plantilla para no tener que empezar desde cero. Con más de 1.600 plantillas, encontrarás casi cualquier tipo de plantilla de formulario que necesites. Esto incluye formularios de registro de usuarios, formularios de pago, formularios de calculadora, formularios de donación, formularios de suscripción a boletines y mucho más.

Para este tutorial, seleccionaremos el formulario de contacto simple. Pasa el ratón por encima del ‘Formulario de contacto simple’ y haz clic en ‘Usar plantilla’.

use simple contact form template

Paso 4: Personalizar el formulario

A continuación, accederás al editor de arrastrar y soltar.

Aquí es donde puede añadir o personalizar los campos del formulario.

wpforms drag and drop editor

Por ejemplo, si desea personalizar un campo, puede hacer clic sobre él en el editor de la derecha.

A continuación, en las opciones de campo, puede cambiar la etiqueta, añadir una descripción o convertirlo en un campo obligatorio u opcional.

edit form fields

Un campo que puede querer añadir es una casilla de verificación para que los usuarios den explícitamente su permiso para que usted envíe correos electrónicos de marketing.

Simplemente arrastre las ‘Casillas de verificación’ bajo Añadir campos al editor.

add multiple choice checkboxes

A continuación, elimine las opciones múltiples para que sólo quede una casilla de verificación.

Cambie la etiqueta para que diga algo como “Únase a nuestra lista de correo electrónico”. En las opciones, puede incluir una descripción como “Marque esta casilla para recibir nuestro boletín electrónico gratuito”.

join email list checkbox

Paso 5: Conectar la lista de correo electrónico a su nuevo formulario

Ahora, usted querrá ir a la página de Marketing Constant Contact desde el panel lateral izquierdo.

add new constant contact connection

A continuación, basta con hacer clic en “Añadir nueva conexión”.

Aquí es donde podrá conectar una lista de correo electrónico específica a este formulario para que los nuevos suscriptores se añadan automáticamente a su base de datos de Constant Contact.

add new connection

Se le pedirá que introduzca un apodo de conexión, como Newsletter Optin.

A continuación, haz clic en “Aceptar”.

connection nickname constant contact

Se te pedirá que selecciones una cuenta y una lista que quieras conectar a este formulario.

Asegúrese de elegir una lista adecuada para el formulario. De esta forma, cuando envíes correos electrónicos a esta lista, serán relevantes para los intereses del suscriptor.

select constant contact account and list

A continuación, en la sección de campos de lista, puede añadir cualquier dato de suscriptor disponible a sus listas de correo electrónico de Constant Contact.

De esta forma, Constant Contact organiza adecuadamente todos los datos.

list fields in constant contact

Paso 6: Publicar el formulario.

Asegúrate de guardar el formulario antes de continuar. A continuación, haz clic en el botón “Incrustar” de la parte superior.

embed wpforms

Se le pedirá que seleccione una página existente en la que incrustar el formulario o que cree una página nueva.

Elija la opción que mejor se adapte a sus necesidades. También puedes utilizar un shortcode.

embed contact form wpforms

Una vez que haya aterrizado en la página, debería ver aparecer el formulario de Constant Contact.

Haz clic en “Publicar” en la parte superior.

publish contact form

Además, querrá previsualizar el formulario para asegurarse de que tiene el aspecto que debería tener en su sitio web.

Este es el aspecto de nuestro formulario.

contact form preview

Paso 7: Formulario de prueba

Introduzca el envío de prueba en el formulario de contacto para asegurarse de que los datos del suscriptor van directamente a su base de datos de Constant Contact.

Ve a tu cuenta de Constant Contact y asegúrate de que aparece. Si aparece, ya está todo listo.

constant contact email list example

Eso es todo; todos los envíos de formularios se enviarán directamente a Constant Contact.

Método 2: Conectar Constant Contact a WordPress

Otra forma de conectar Constant Contact a WordPress es utilizar el plugin nativo Constant Contact Forms.

La ventaja de este método es que no es necesario dedicar tiempo a conectar WPForms a Constant Connect. Dicho esto, después de probar el plugin Constant Contact Forms, descubrí que le faltan funciones y facilidad de uso.

En general, le faltan muchas opciones de campos de formulario, lo que limita la información que puede recopilar para su lista de correo electrónico.

Paso 1: Crear una cuenta de Constant Contact

En primer lugar, visite el sitio web de Constant Contact y regístrese para obtener una cuenta.

Para ello, introduce tu dirección de correo electrónico y haz clic en “Regístrate gratis”.

sign up to constant contact

A continuación, deberás introducir un correo electrónico o conectar tu cuenta de Gmail para empezar.

Haga clic en “Continuar”.

connect gmail with Constant Contact

A continuación, accederá a la pantalla del panel de control de Constant Contact. Suponiendo que ya tienes una lista de correo electrónico, estás listo para pasar al paso 2.

Paso 2: Instalación y activación del plugin Constant Contact

Deberá instalar y activar el plugin Constant Contact Forms en WordPress.

constant contact forms plugin

Es un plugin gratuito que le permite crear formularios de registro sin esfuerzo para convertir a los visitantes de su sitio en contactos de listas de correo. Todas las direcciones de correo electrónico capturadas se añadirán automáticamente a las listas de correo electrónico de Constant Contact que elija.

Paso 3: Conectar su cuenta de Constant Contact

Tras la activación, deberá conectar su cuenta de Constant Contact al plugin.

En el panel de control de WordPress, dirígete a la página Formulario de contacto ” Conectar ahora. A continuación, haz clic en el botón “Obtener código”.

get code constant contact

A continuación, se te pedirá consentimiento para acceder a tu cuenta de Constant Contact.

Haz clic en “Permitir acceso”.

allow access Constant Contact

Desde aquí, accederás a una página de autorización de la aplicación, donde se te proporcionará un código que deberás pegar en WordPress.

Sólo tienes que hacer clic en “Copiar código”.

copy authorization code constant contact

Vuelva al panel de administración de WordPress.

A continuación, haga clic en “Pegar código”.

paste code from Constant Contact

Se le dirigirá a la página Configuración ” Cuenta de su plugin Constant Contact Forms.

Pegue el código junto a “Auth Code y Estado” y, a continuación, haga clic en “Guardar cambios”.

paste code constant contact

Deberías ver un mensaje de éxito indicando que tus ajustes han sido actualizados.

Ahora que su cuenta de Constant Contact está conectada, puede empezar a personalizar su formulario.

settings updated constant contact forms

Paso 4: Personalizar el formulario de contacto de Constant

Simplemente diríjase al Formulario de contacto Añadir formulario. A continuación, asigna un nombre a tu formulario para poder consultarlo fácilmente más adelante.

A partir de ahí, proporcione una descripción del formulario para que los visitantes sepan de qué trata.

constant contact form name and description

Desplácese hasta la sección Opciones de formulario.

Puede cambiar el texto del botón, el mensaje de éxito o incluso añadir una URL de redirección.

Por ejemplo, una URL de redirección es buena para los formularios de pedido de productos, ya que puede enviarlos a una página de agradecimiento.

form options

En la sección Optar por el correo electrónico, conviene añadir una casilla de verificación para que los suscriptores puedan autorizar el envío de correos electrónicos.

Junto a la casilla Afirmación de inclusión, puede incluso añadir un mensaje rápido que informe a los visitantes de lo que implica hacer clic en la casilla. De este modo, los usuarios no se sorprenderán cuando les envíes correos electrónicos regulares a sus bandejas de entrada.

email optin

Si se desplaza hasta la parte inferior hasta Campos del formulario, podrá añadir y personalizar los campos de su formulario de contacto.

Por ejemplo, basta con hacer clic en “Añadir otro campo” para añadir otra opción de campo. Siempre puede personalizar la etiqueta y la descripción del campo para que los visitantes sepan qué introducir.

add another field

Constant Contact ofrece varias opciones de campo entre las que elegir:

  • Nombre
  • Apellido
  • Número de teléfono
  • Dirección
  • Puesto
  • Empresa
  • Página web
  • Campo de texto personalizado
  • Área de texto personalizada

Recomendamos simplificar y limitar el número de campos necesarios para suscribirse, especialmente en el caso de los formularios de boletines informativos.

Pero use su propio criterio dependiendo del tipo de formulario que esté creando.

select a form field

Puedes elegir dejar el campo de formulario añadido como opcional o marcar la casilla “Obligatorio” para hacerlo obligatorio. También puede desplazar el campo hacia arriba o hacia abajo con los botones “desplazar hacia arriba” o “desplazar hacia abajo”.

form field details

Cuando hayas terminado de personalizar el formulario, puedes desplazarte hasta la parte superior y pulsar “Guardar borrador”.

A continuación, haga clic en “Publicar”.

save and publish contact form

Paso 5: Añadir el formulario a un post o página.

Desde aquí, querrás añadir el formulario que has creado a un post o página.

Cuando estés en el editor de bloques, pulsa el icono “+” y selecciona el bloque “Formulario único de Constant Contact”.

Cuando se añade el bloque, puedes elegir entre mostrar el título del formulario u ocultarlo. Además, tendrás que seleccionar en el menú desplegable el formulario que acabas de publicar.

embed constact contact form

Por último, pulse el botón “Publicar” en la parte superior.

Ahora, has incrustado con éxito tu formulario de Constant Contact en tu página o post.

publish constant contact form

Vuelva a comprobar que el formulario tiene exactamente el aspecto que debería.

A partir de aquí, sólo tienes que asegurarte de que todos los visitantes se añaden a tu lista de Constant Contact.

constant contact form preview

Paso 6: Probar el formulario

Rellene el formulario. A continuación, vaya a su lista de Constant Contact.

En este caso, iremos a nuestra cuenta de Constant Contact. En Contactos ” Listas, vemos que se han añadido nuevos contactos a nuestra lista “Suscriptores de listas de correo electrónico”.

email list subscribers

Haga clic en la lista a la que está conectado el formulario.

Aquí verás que también se han añadido todos los nombres y fechas.

emails added to list

Esperamos que este artículo te haya ayudado a aprender cómo conectar Constant Contact a WordPress. Quizás también quieras ver nuestra lista de 19 consejos prácticos para atraer tráfico a tu sitio de WordPress y nuestro tutorial paso a paso sobre cómo crear un boletín de noticias por correo electrónico.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

1 comentarioDeja una respuesta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.