Cómo crear un formulario de contacto en WordPress sin un complemento

Publicado: 2022-09-11

Una de las mejores cosas de WordPress es que es fácil agregar formularios de contacto a su sitio sin tener que instalar un complemento. En este artículo, le mostraremos cómo crear un formulario de contacto en WordPress sin un complemento. Comenzaremos creando un formulario de contacto simple con solo unos pocos campos. Luego, agregaremos una validación básica para asegurarnos de que el formulario se llene correctamente. Finalmente, conectaremos el formulario a una dirección de correo electrónico para que pueda recibir mensajes de sus visitantes. Crear un formulario de contacto en WordPress es una excelente manera de brindarles a sus visitantes una manera fácil de ponerse en contacto con usted. Con solo unos minutos de trabajo, puede tener un formulario de contacto completamente funcional en su sitio.

La mejor manera de crear un formulario de contacto de WordPress sin complementos es usar el mismo WordPress. Deberá crear una plantilla de página. El formulario debe ser desarrollado en el segundo paso. Debe comprobar si el formulario ha sido enviado, así como si los campos se han rellenado correctamente. Los errores relacionados con el procesamiento de datos y el manejo de errores se mostrarán al usuario. El complemento de validación debe descargarse y cargarse en el directorio /js del tema (bajo el complemento de validación). Paso 2: después de haber copiado el siguiente archivo, cámbiele el nombre.

Puede usar el directorio /js para guardarlo como un archivo verif.js. En el paso 3, debemos vincular el complemento al tema de WordPress. El cuarto paso es usar el complemento jQuery de validación para verificar el lado del cliente. Como resultado, puede estar seguro de que un formulario se llenó correctamente y de manera oportuna.

¿Existe un formulario de contacto gratuito para WordPress?

Crédito: formidableforms.com

Hay algunos complementos de formulario de contacto gratuitos disponibles para WordPress. Sin embargo, es importante recordar que los complementos gratuitos no siempre se actualizan con tanta frecuencia como los complementos pagos, por lo que puede haber más riesgos de seguridad asociados con el uso de un complemento de formulario de contacto gratuito.

Si desea que sus clientes puedan comunicarse con usted, debe crear formularios de contacto. Al crear, usar o mirar un formulario ideal, debe ser simple y fácil de usar. Si desea crear un formulario de contacto que funcione en su sitio web, probablemente necesitará un complemento. Seis complementos gratuitos o de bajo costo pueden ayudarlo a elegir el mejor complemento de formulario de contacto para su sitio web. Viene con integraciones integradas con portales de pago populares y lógica condicional, así como la capacidad de personalizar casi todos los aspectos de sus formularios. En el Formulario de contacto 7, hay campos para el nombre del usuario, la dirección de correo electrónico, el asunto y el mensaje. Debe incluir una clase o un atributo de ID antes de comprometerse con cualquier método de formato personalizado.

Se puede usar una pestaña de Correo para cambiar qué dirección de correo electrónico aparece en los formularios de contacto, así como para modificar algunas opciones adicionales con respecto al diseño del correo electrónico. La pestaña Mensajes contiene una larga lista de campos en los que puede cambiar el texto estándar de cualquier mensaje. La versión gratuita incluye campos como nombre, dirección de correo electrónico, número de teléfono, URL y fecha y hora. Formidable es un generador de formularios de WordPress con una interfaz atractiva y una variedad de plantillas. En la versión Pro, hay más plantillas y campos para completar, incluida la carga de imágenes y archivos, por $99 por licencia de cinco sitios. También puede agregar una gran cantidad de campos premium por $ 99 a $ 699, con un rango de precios de $ 99 a $ 599. Formidable Ninja Forms también tiene una calificación fantástica de 4 estrellas y media.

Obtendrá una experiencia completamente inmersiva con este complemento y notará que su tablero desaparece, dejándolo perdido en WordPress. La plataforma no es el mejor generador de formularios gratuito de WordPress, pero es capaz de realizar un formulario de contacto simple que puede crear por su cuenta. Se puede usar un complemento de formulario simple para crear una variedad de formularios básicos, como un formulario de contacto o un boletín informativo. El generador de formularios más poderoso, como Forminator, puede ayudarlo a vender productos, incorporar clientes, automatizar su flujo de trabajo y crear aplicaciones. Nuestra guía para principiantes de formularios de contacto de WordPress será un excelente lugar para comenzar si recién está comenzando.

Formulario de contacto simple para WordPress

Crédito: WPForms

Se puede crear un formulario de contacto simple para WordPress utilizando el complemento Formulario de contacto 7. Este complemento le permite crear un formulario de contacto personalizado y agregarlo a su sitio de WordPress. El complemento incluye una serie de características, como la capacidad de crear múltiples formularios, agregar campos personalizados y administrar envíos.

Si sus clientes pueden comunicarse con usted a través de un formulario de contacto en su sitio web, les resultará más fácil comunicarse con usted. Además, puede usarlo para recopilar clientes potenciales y direcciones de correo electrónico para hacer crecer su lista de correo electrónico. Lo guiaremos a través del proceso de creación de un formulario de contacto de WordPress en este artículo. El primer paso en WPForms Challenge es nombrar su formulario de contacto. Luego, deberá elegir una plantilla o crear su propio formulario desde cero. El paso final es examinar la configuración de notificación del formulario. Si usa etiquetas inteligentes, también puede notificar a los visitantes cuando envían un formulario.

Con WPForms Lite, puede crear hermosos formularios de contacto gratuitos de WordPress y personalizarlos con captchas como reCAPTCHA 2 y 3. En WordPress, puede crear un formulario de varios pasos si desea crear un formulario más largo. También es posible que desee consultar estos ingeniosos trucos de formularios web que pueden ayudarlo a descubrir información oculta del cliente.

Formulario de contacto de WordPress Ajax sin complemento

Crédito: WPForms

Los formularios de contacto de Ajax son cada vez más populares porque brindan una manera rápida y fácil de enviar información sin tener que volver a cargar la página. Hay algunas formas de crear un formulario de contacto de Ajax sin usar un complemento. Una forma es usar el complemento de formulario jQuery . Este complemento le permite enviar información a través de Ajax sin tener que escribir ningún código personalizado. Otra forma es usar la API de WordPress. La API de WordPress tiene una función llamada wp_ajax_nopriv_contact_form que le permite enviar información a través de Ajax sin usar un complemento.

Si aún no tiene un complemento de WordPress , puede crear un formulario de contacto utilizando una plantilla de página personalizada. El objetivo de este tutorial es usar una plantilla y luego hacer una página basada en ella. Para averiguar cómo se estructurará nuestra plantilla de página, codificaremos un pequeño pseudocódigo. Usaremos honeypot para averiguar quién envió el formulario y por qué. También usamos el captcha de honeypot para este propósito, en caso de que el campo no esté completo, pero si lo está, no lo volveremos a verificar. En mi opinión, es preferible que envíe yo mismo el formulario de contacto. Simplemente le agrego un filtro de Gmail para asegurarme de que mi filtro de spam no lo detecte.

En mi artículo anterior, mencioné los formularios jQuery AJAX, pero esta vez revisaría un script de formulario de contacto AJAX . Puede continuar siempre y cuando no cargue ningún archivo adicional. Debido a que el código está justo frente a usted, debería ser fácil de agregar y modificar.

Cómo crear un formulario Php en WordPress

Para crear un formulario php en wordpress, deberá instalar un complemento como Gravity Forms. Una vez instalado, deberá crear un formulario en la interfaz del complemento. Una vez que se crea el formulario, deberá copiar el código y pegarlo en una publicación o página en su sitio de wordpress.

Código abreviado del formulario de contacto de WordPress

¿Cómo agrego un formulario de contacto a un artículo? Para agregar un formulario de contacto, vaya a la página Contacto (Contacto). Cada formulario de contacto tiene su propio código abreviado, como [contact-form-7 id=1234″ title=Contact form 1″].