Cómo crear un formulario de contacto básico en WordPress

Hacer crecer su sitio web y su negocio requiere que genere clientes potenciales. La mejor manera de hacer esto es recopilar correos electrónicos a través del formulario de contacto en su sitio. Para hacer esto, debe crear un formulario de contacto en su sitio web de WordPress. Por supuesto, puede pedirle al desarrollador de su sitio que lo ayude.

Sin embargo, debes aprender cómo hacerlo para que puedas crear un formulario que se adapte a tu imagen de marca sin tener que gastar una fortuna. Esta publicación lo lleva a través del proceso paso a paso para crear un formulario de contacto básico en WordPress.

Tres razones principales para usar un formulario de contacto en su sitio web de WordPress

Cuando sepas la razón para tener algo, estarás motivado para ir a por ello. Entonces, ¿por qué debería crear y utilizar un formulario de contacto en su sitio web? Veamos las tres razones principales por las que debería considerar tener un formulario de contacto en su sitio.

• Curar los datos de los clientes

Los datos impulsan el negocio y, sin los datos apropiados, es posible que su negocio no crezca más allá de lo que es hoy. Una forma importante de obtener acceso a los datos de sus clientes y visitantes del sitio es cuando se comunican con usted. Cuando tiene un formulario de contacto en su sitio, puede solicitar datos específicos sobre ellos.

Puede recopilar sus direcciones de correo electrónico, números de teléfono y cierta información vital que será útil para sus fines de marketing. Un formulario de contacto también le ayuda a filtrar consultas. Con él, sabe cuál es la pregunta correcta que debe hacer a los visitantes y cómo canalizar la pregunta a los equipos apropiados para que la manejen.

• Proteja su sitio del spam de correo electrónico

El spam de correo electrónico es una plaga y si tiene una dirección de correo electrónico desprotegida, es un buen objetivo para los spammers. Con un formulario de contacto, evitas que esto suceda. No tiene que publicar su dirección de correo electrónico o número de teléfono en línea. Tus visitantes pueden ponerse en contacto contigo a través del formulario de contacto.

• Informar a los visitantes del sitio

Además de recopilar información de los visitantes del sitio, también puede utilizar el formulario de contacto para proporcionar información a sus clientes. Cuando se pongan en contacto contigo, puedes incluir información en el formulario sobre cuándo pueden esperar una respuesta.

Entonces, ahora que tiene las razones por las que un formulario de contacto es crucial para su sitio web, veamos cómo agregar uno a su sitio. Veremos cómo crear un formulario de contacto utilizando WPForms y Contact Form 7, ya que se encuentran entre los formularios de contacto más utilizados para los sitios web de WordPress.

Cómo crear el formulario de contacto de WPForms

WPForms es uno de los formularios de contacto más populares del mercado. Para crear un formulario, lo primero es instalar y activar el plugin. Cuando haya terminado con esto, aparecerá el asistente de configuración de WPForms con el mensaje "Cree su primer formulario". Siga los pasos a continuación para completar el proceso y poner en funcionamiento sus WPForms en cinco minutos.

• Haga clic en el botón "Crear su primer formulario" para comenzar.

• A continuación, elija una plantilla prediseñada y personalice los campos de su formulario. También puede elegir un formulario en blanco para crear su formulario desde cero. Para un principiante, elija la plantilla "Formulario de contacto simple".

• Será redirigido para agregar o eliminar campos de formulario en el generador de formularios. También puede personalizar el formulario según la estética y la función.

• En el espacio con "Agregar campos", coloque el cursor en el espacio proporcionado y complete los campos según las indicaciones del mensaje emergente. Si desea algo básico, puede utilizar los campos de formulario básicos que ya se han proporcionado.

Esto no requiere que elimine o agregue ningún campo y es muy funcional. Si desea agregar campos adicionales, puede arrastrarlos y soltarlos desde la lista de campos en cuadros azules a su izquierda en la página. Cuando haya terminado de llenar el espacio, haga clic en "Listo" para continuar con el siguiente.

• Lo siguiente es concentrarse en la configuración de sus notificaciones. La configuración de notificaciones le permite recibir alertas cuando un usuario envía un nuevo formulario en su sitio web. De forma predeterminada, la función de notificación está activada.

Para una mejor experiencia de usuario, puede usar etiquetas inteligentes para enviar notificaciones a los visitantes de su sitio cuando envían un formulario de contacto. Esto les permite saber que ha recibido su formulario y se pondrán en contacto en breve.

• El paso final es incrustar el sencillo formulario de contacto en su sitio web de WordPress. Para hacer esto, puede incrustarlo en una página existente o en una nueva. Por lo tanto, haga clic en "Seleccionar página existente" o "Crear nueva página" en el mensaje emergente. Si está creando una nueva página, haga clic en "Crear nueva página" y asígnele un nombre. Haga clic en "Vamos". WPForms incrustará su formulario en la nueva página y eso es todo. Puede comenzar a cosechar los beneficios de tener un formulario de contacto en su sitio.

Cómo crear un formulario de contacto con Contact Form 7

El primer paso para crear un formulario de contacto con Contact Form 7 es instalar y activar el complemento. Siga los pasos a continuación para instalar y activar el complemento, y cree su formulario de contacto:

• Inicie sesión en su sitio y vaya a "Complementos". Haga clic en "Agregar nuevo" y escriba Formulario de contacto 7 en el cuadro de búsqueda.

• Haga clic en "Instalar ahora" para descargarlo en su sitio web. A continuación, haga clic en "Activar" para comenzar a usar el complemento.

• A continuación, haga clic en "Contacto" en la barra lateral de WordPress. Navegue a través de la lista de formularios de contacto en su sitio web. Verá un formulario de muestra, que puede editar y personalizar. También puede hacer clic en "Agregar nuevo" en la pantalla para crear un formulario desde cero.

• Haga clic en un formulario de muestra o en "Agregar nuevo" para continuar. No se asuste por la próxima ventana abierta. Parece complejo pero hay herramientas para generar el código automáticamente. Así que no te preocupes, ya que no tienes que codificar nada.

• Ahora es el momento de configurar su formulario de contacto. Puedes agregar un menú desplegable, que permitirá a tus visitantes seleccionar el propósito por el cual quieren contactarte. Para hacer esto, coloque el cursor donde desea que se coloque el menú en el formulario de contacto. En la barra de herramientas, haga clic en el menú desplegable y complete los campos.

• Haga clic en "Insertar etiqueta" cuando haya terminado para incrustarlo en su formulario.

• A continuación, agregue una etiqueta. Para hacer esto, copie y pegue el código actual de los campos y ajústelo a su preferencia.

• Configure el correo electrónico que recibió del formulario de contacto. Para hacer esto, navegue a la sección Correo. Verá los campos precargados con etiquetas similares y las que ha creado anteriormente. Puede usarlos para personalizar cómo le gustaría recibir mensajes a través del formulario de contacto.

Los campos incluidos son Para, De, Encabezados adicionales, Cuerpo del mensaje y Usar tipo de contenido HTML (los mensajes se envían en texto sin formato de manera predeterminada. Si desea usar HTML, marque la casilla).

También tiene archivos adjuntos y correo (2), una plantilla de correo adicional para respuestas automáticas. Si desea activarlo, marque la casilla y puede seguir con la opción estándar como principiante.

• A continuación, configure los mensajes específicos que desea que vean sus visitantes cuando utilicen su formulario. Las opciones disponibles incluyen Mensaje de éxito y Mensajes de error.

• Finalmente, agregue el formulario a su sitio. Primero, guarde el formulario con un nombre único. Verá que aparece un código abreviado en su pantalla después de guardar el formulario. Cópielo y navegue a la página donde desea colocar el formulario. Puede crear una nueva página o agregarla a una página existente. Pegue el código abreviado en el editor de WordPress y publíquelo. Esto lo enviará al front-end y podrá comenzar a disfrutar de las recompensas de tener un formulario de contacto en su sitio.

Conclusión

Allí tiene los pasos simples para crear un formulario de contacto básico usando WPForms y Contact Form 7. Si desea algo rápido y sin problemas, el complemento WPForms parece una mejor opción. Sin embargo, si está interesado en trabajar con códigos incluso sin experiencia previa, Contact Form 7 es una mejor opción.