Share
Por lo general, un sitio web necesita un formulario de contacto para comunicarse con el propietario del sitio. Uno de nuestros favoritos es el Formulario de contacto 7. Veamos qué puede hacer!
Contact Form 7 es un programa gratuito, simple y flexible (en WordPress, por lo general, significa que hay una configuración simple para aquellos a quienes les gusta lo simple, y mucha profundidad y complejidad para las personas que les gusta el violín). Algunos dicen que Contact Form 7 es uno de los mejores complementos de formularios para nuestro sistema de gestión de contenido favorito. El complemento se actualizó por última vez en febrero y se ha descargado un total de 6,457,967 veces (al momento de escribir este artículo).
El complemento puede manejar múltiples formularios de contacto también y admite el envío de AJAX, CAPTCHA, el filtrado de spam Akismet y la carga de archivos. La última versión en la redacción de este artículo es 3.1.1. El sitio web oficial es ContactForm7.com. La descarga se puede hacer desde el Directorio de Complementos de WordPress. La documentación detallada se puede consultar en los documentos oficiales..
Después de instalar y activar, encontrará un elemento de menú dedicado llamado "Contacto" en la interfaz de administración.
Aquí hay un formulario simple donde puede pedir un teléfono celular. También puede especificar la marca, el color y el método de pago..
Producto *
[seleccionar * producto "iPhone" "Samsung Galaxy S2" "htc Desire"]Color *
[seleccionar * color "negro" "blanco" "gris"]Nombre *
[texto * tu-nombre]Email *
[correo electrónico * tu-correo electrónico]Pago preferido
[método de pago de radio "VISA" "MASTERCARD" "AMEX"][checkbox quickdelivery] Entrega rápida (1 día)
[enviar "realizar pedido"]
Utilice este fragmento para importar el formulario completo especificado anteriormente a un artículo o página de WordPress arbitrario.
[contact-form-7 title = "cell-phone-order-form-form"]
La sintaxis de la etiqueta consiste en campos de tipo, nombre y valor. Con el asterisco se convertirá en un elemento obligatorio..
[valores de nombre de tipo] por ejemplo: [método de pago de radio "VISA" "MASTERCARD" "AMEX"]
Aquí hay una lista con todas las etiquetas que puede usar en sus formularios:
Podemos crear rápidamente un formulario con el estilo de dos columnas, solo use algo de HTML y CSS. El pequeño secreto es que podemos combinar HTML con el código de la etiqueta..
Asunto [texto * su-asunto]Nombre [nombre del texto]
Correo electrónico [correo electrónico * tu correo electrónico]Apellido [apellido apellido]
Teléfono [texto tu teléfono]
Mensaje [textarea * tu-mensaje]
[enviar "Enviar"]
Aquí está el código CSS. Nada de lujo solo un estilo muy básico.
#left ancho: 300px; flotador izquierdo; #right width: 250px; flotador izquierdo; .clearfix: after content: "\ 0020"; bloqueo de pantalla; altura: 0; Limpia los dos; visibilidad: oculta; desbordamiento: oculto; .clearfix display: block;
La sintaxis de la etiqueta también puede ser más detallada. La parte de opciones especifica el comportamiento y la apariencia. No es necesario declarar opciones, pero aquí es cómo puede hacerlo. Tenga en cuenta que en el siguiente ejemplo utilizamos el carné de identidad y clase propiedades Puedes usar CSS y JavaScript para extender tu formulario.
[valores de opciones de nombre de tipo] por ejemplo: [id de método de pago de radio: clase paynow: pagar esta "VISA" "MASTERCARD" "AMEX"]
En Contact Form 7 puedes editar plantillas de correo muy fácilmente. El texto, el código HTML y los datos de formularios se pueden combinar de manera arbitraria. Tenga en cuenta los datos del formulario con los corchetes. A continuación se muestra un ejemplo para el cuerpo del mensaje..
Estimado [su nombre]: ¡Acaba de pedir un producto [producto] en color [color]! Pronto recibirá un correo electrónico con el enlace donde podrá pagar su pedido. --- ¡Gracias por comprar! OurCompany LLC, www.ourcompany.com
Aquí hay una lista de lo que puede configurar a través del panel de administración:
El complemento de formulario le permite insertar un CAPTCHA en sus formularios de contacto para evitar mensajes no deseados. Contact Form 7 usa CAPTCHA Really Simple como su módulo CAPTCHA. Antes de comenzar, deberás instalar el complemento Really Simple CAPTCHA. Asegúrese de que su carpeta temporal para archivos CAPTCHA existe y se puede escribir. De lo contrario, el CAPTCHA no se puede crear..
Para usar CAPTCHA en sus formularios, debe usar el captchac y captchar etiquetas de formulario. captchac significa CAPTCHA-Challenge y representa una captchar significa CAPTCHA-Respuesta y representa una Elemento para un campo de entrada de respuesta. UNA captchac la etiqueta siempre debe estar emparejada con una captchar etiqueta con el mismo nombre. Por ejemplo, las etiquetas que se muestran a continuación son válidas:
[captchac captcha-1] [captchar captcha-1]
Tenga en cuenta que los nombres deben coincidir entre sí para funcionar correctamente. aquí captcha-1 es dado.
Error al enviar tu mensaje. Por favor, inténtalo después o contacta con el administrador por otras vías.
Si el servidor no permite enviar correo vía enviar correo(), Puede utilizar un complemento para enviar correo a través de SMTP. Ambas extensiones son compatibles con WordPress 3.2.1. Estos complementos pueden resolver sus problemas:
Descarga e instala el plugin elegido en WordPress. Ingrese la configuración de su servidor SMTP en la página Configuración.
Podemos modificar libremente los mensajes mostrados en eventos..
Aún mejor, ¡puedes usar código HTML en los cuadros de entrada! Intente esto (en realidad es un HTML de una sola línea, pero desglosado para mayor claridad aquí):
Su mensaje fue enviado con éxito. Gracias!
El Formulario de contacto 7 muestra los formularios en inglés de manera predeterminada, pero contiene más de 40 traducciones de idiomas e incluso puede crear un formulario de contacto en cualquier idioma. Para utilizar la interfaz de administración de Contact Form 7 en su propio idioma, configure la WPLANG constante en tu wp-config.php expediente.
Accentsconagua
// Cambia esta línea: define ('WPLANG', 'ja'); Si desea algo más que la publicación predeterminada (envío por correo electrónico), puede utilizar el siguiente código.
add_action ("wpcf7_before_send_mail", "wpcf7_do_something_else"); función wpcf7_do_something_else (& $ wpcf7_data) // ¡Aquí está la variable donde se almacenan los datos! var_dump ($ wpcf7_data); // Si desea omitir el envío de los datos, puede hacerlo ... $ wpcf7_data-> skip_mail = true; Para asegurar las opciones de edición, use este código.
define ('WPCF7_ADMIN_READ_CAPABILITY', 'manage_options'); define ('WPCF7_ADMIN_READ_WRITE_CAPABILITY', 'manage_options'); El hecho es que los valores predeterminados en Contact Form 7 son estáticos. Digamos, por ejemplo, que tiene un parámetro GET que desea usar para completar el formulario de contacto. Entonces la solución es Contact Form 7 Dynamic Text Extension de Sevenspark. Este complemento proporciona un nuevo tipo de etiqueta y permite la generación dinámica de contenido. Después de instalar y activar el complemento, Contact Form 7 tendrá dos tipos nuevos: el Campo de texto dinámico y el Campo oculto dinámico.
Como puede ver, este complemento de formulario tiene un gran potencial y solo cubrimos un pequeño porcentaje de todas las funciones. Si no encontró algo aquí, sumérjase en los documentos del sitio oficial. No tengas miedo de usarlo ahora mismo! Que te diviertas!
¿Ya utilizas el Formulario de contacto 7 y tienes una sugerencia para compartir con nosotros? ¿O hay otro complemento de formulario de contacto para WordPress que recomendaría? Háganos saber en los comentarios.!
