La calidad de un sitio web y su usabilidad dependen en gran medida de si sus futuros visitantes pueden contactar fácilmente con la administración o los gerentes.

Por supuesto, puede aprovechar la oportunidad para enviar una carta al correo electrónico especificado en los contactos. Pero este método es demasiado largo e inconveniente, especialmente cuando se trata de una pequeña pregunta, recomendación o comentario.

En este sentido, parece lógico utilizar el formulario de comentarios.

La esencia y el significado del formulario de comentarios para Joomla

El formulario de comentarios es una herramienta conveniente para enviar mensajes a la administración del sitio.

Este detalle pequeño, pero extremadamente significativo, de los sitios modernos no conduce a la creación de un peso de página excesivo y no está asociado con la escritura de una cantidad significativa de secuencias de comandos engorrosas.

El sistema de gestión de contenido (CMS) Joomla 3 le permite crear un formulario de comentarios, que tiene las siguientes ventajas:

• Configuración fácil;
• Interfaz hermosa y fácil de usar;
• Posibilidad de envío rápido de mensajes;
• La presencia de un formulario de contacto en todas las páginas del sitio;
• Posibilidad de hacerlo sin recargar la página;
• Protección contra el spam.

Cuando un usuario envía una carta a la administración a través de este componente, llega automáticamente al buzón de correo electrónico de los propietarios del sitio.

De hecho, todo el proceso del formulario de comentarios se puede representar en dos etapas:

1. Completar los campos requeridos por el visitante;
2. Enviando un mensaje.

Es importante tener en cuenta que dicho formulario puede constar de un número arbitrario de campos para varios propósitos. Al mismo tiempo, campos como " Correo electrónico", " Nombre", " Asunto"Y" Mensaje»son obligatorios.

El proceso de creación de un formulario de comentarios en Joomla 3: instrucciones paso a paso

La funcionalidad estándar de CMS Joomla 3 le permite crear un formulario de comentarios sin instalar extensiones adicionales. Esto simplifica enormemente la tarea de formar este importante módulo en cualquier sitio.

En este sentido, las instrucciones a continuación pueden ser útiles incluso para los aficionados que no están completamente familiarizados con las complejidades de la programación.

Es recomendable considerar en detalle cada una de las etapas de creación de un formulario de comentarios en Joomla 3.

Paso 1.

En el panel de administración de Joomla 3, abra el menú " Componentes" y vaya a la pestaña " Contactos»:

Paso 2

En la ventana que se abre, haga clic en " Crear", Después de lo cual aparecerá un formulario con campos vacíos. Aquí debe ingresar todos los datos necesarios.

En particular, los campos "Nombre", "Categoría" y " usuario asociado" son obligatorios. Además, puede especificar los siguientes datos de contacto: "Posición", "Buzón", "Ciudad", "Sitio", "Teléfono", etc.

Una vez completado el llenado, el estado se establece en "Publicado". Si el formulario de comentarios está configurado para un sitio multilingüe, también es importante elegir el idioma en el que se mostrará:

Paso 3

En la pestaña " información adicional» puede colocar información de contacto adicional, como un mapa de ubicación o un horario de trabajo, que puede ser importante para los usuarios del formulario de comentarios:

Paso 4

En la pestaña " Opciones de publicación» es posible especificar la fecha de inicio y finalización de la publicación, así como prescribir meta descripciones y la meta etiqueta « permiten negar» indexación de páginas:

Paso 5

En la siguiente pestaña - Configuración de pantalla» Puede elegir qué información de contacto publicar en la página, ya que, de forma predeterminada, se publicará toda la información especificada.

Aquí también debe establecer el formato para mostrar el formulario de comentarios de Joomla 3.

Cabe destacar que hay un total de tres opciones de visualización disponibles:

• « Listas plegables» - habrá dos o tres elementos en la página: contacto, formulario de comentarios e información adicional, ubicados verticalmente;
• "Pestañas": se mostrarán las mismas pestañas, solo que horizontalmente;
• «Normal»: todos los detalles de contacto especificados serán visibles en la página.

Paso 6

En la última pestaña "" puede configurar temas y buzones bloqueados, así como activar el elemento " Enviar una copia de la carta al correo electrónico del remitente»:

Paso 7

Después de indicar todos los datos necesarios, debe guardar el contacto:

Paso 8

Después de guardar, debe crear un elemento de menú para el contacto creado. Para hacer esto, vaya a la sección " Menú"Y seleccione" Menú principal", Luego la pestaña" Crear elemento de menú»:

Paso 9

En la ventana que aparece, debe vincular un elemento de menú separado al menú principal o vertical, que generalmente se encuentra en el bloque izquierdo o derecho del panel de administración de Joomla 3:

Paso 10

Como tipo de elemento del menú, debe seleccionar la sección " Contactos":

Paso 11

Después de configurar el tipo de elemento del menú, aparecerá el campo "Seleccionar contacto". En él, debe seleccionar el contacto creado en los pasos anteriores (en este caso, Administrador).

Es importante recalcar que las fichas " Opciones de visualización de contactos" y " Opciones de correo ", copie la configuración de las pestañas " Configuración de pantalla" Y " Configuración de visualización de contactos respectivamente:

Paso 12

En la pestaña " Opciones de visualización de enlaces» el campo está escrito « Título como enlace”, que es una descripción personalizada de este elemento del menú. Posteriormente, esta descripción se mostrará cuando se desplace sobre un elemento del menú.

También puede darle al elemento del menú una clase CSS personalizada si desea que tenga un estilo único. Este artículo es opcional:

Paso 13

Después de completar las operaciones anteriores, puede configurar las opciones de visualización de la página, es decir, el título y las etiquetas h1 de esta página.

Esta pestaña también se puede omitir, en cuyo caso el título mostrará el nombre de la página, en este caso “Comentarios”:

Paso 14

En la pestaña " Metadatos" se indican las meta etiquetas Descripción y Palabras clave de la página web. De hecho, esta pestaña repite la configuración de la sección " Opciones de publicación”, que se abre en la ventana para crear contactos.

Saludos a mis lectores, he ganado experiencia y les hablaré sobre los principios del formulario de comentarios de php. Te mostraré ejemplos ilustrativos para que entiendas cómo funciona todo y cómo la interacción entre el formulario de entrada en sí (sus campos de entrada) y el archivo del controlador escrito en php. Además, puede descargar el código fuente de forma gratuita junto con .

Por supuesto, será genial si tienes al menos un poco de comprensión de HTML/CSS. Tendrás que arrastrar el código a tu página por analogía. El lenguaje PHP no se verá afectado, mostraré todas las ediciones necesarias que debo hacer por mí mismo.

ACTUALIZAR:De acuerdo con los comentarios de los lectores, me di cuenta de que se necesita algo más hermoso y funcional, conózcalo, compruébelo y eche un vistazo. Elige cuál te gusta más)

ACTUALIZAR2: Versión 3.0 Responsive Landing + formulario ajax con etiquetas UTM que pasan, échale un vistazo y échale un vistazo. Te gustará

Me recordé a mí mismo cuando intenté por primera vez hacer mi propio formulario de comentarios en php y, sinceramente, fue laborioso, porque. No entendía qué estaba pasando y cómo. Paciencia y perseverancia amigos y lo lograréis.

formulario de contacto php - estructura

Estudiaremos el análisis del formulario de comentarios en sí mismo utilizando el ejemplo de una página de destino (Landing Page), por cierto, hay un artículo separado sobre . Puede ver cómo funciona en acción usando los botones a continuación, adjunto los códigos fuente de este one-pager y el archivo principal del controlador php (este archivo procesará y enviará un correo electrónico a correo electrónico)

Después de descargar las fuentes y extraer el archivo, verá la siguiente estructura de archivos:

• imagen: todas las imágenes que se utilizan para la propia página de destino, botones, etc.
• js: scripts de javascript que proporcionan, por ejemplo, una ventana modal emergente en la página y otros efectos visuales
• index.html - archivo de índice de nuestro one-pager
• index1.php es un archivo controlador al que se pasan los valores del formulario, luego se forma una carta a partir de las variables recibidas y se envía a la dirección de correo electrónico especificada. Además, index1.php funcionará como una página intermedia para la notificación del envío exitoso de datos con redirección automática de regreso a index.html (es decir, nuestro one-pager)

Es importante que su alojamiento, en el que se encuentran los archivos del sitio, admita el procesamiento php, de lo contrario, el archivo index1.php no se ejecutará y no funcionará. Para aclarar este matiz, comuníquese con la campaña donde está registrado su alojamiento o simplemente pruébelo: funciona, lo que significa que hay soporte. De lo contrario, habilite la opción de soporte de lenguaje php

Eche un vistazo a cómo funciona la interacción de todos los elementos (página, formulario, controlador)

Código fuente para llamar al formulario y al controlador

Echemos un vistazo a la operación de uno de los botones que abre una ventana emergente modal que contiene un formulario de comentarios. Este código fuente dado se inserta más de una vez, dos veces en la página y funcionará, tendrá que personalizarlo para que se ajuste a su diseño y necesidades.

Solicitar una devolución de llamada

A continuación se muestra el código fuente completo del controlador index1.php, para configurar el envío a su buzón, cambie " [correo electrónico protegido]» por su cuenta, el resto, en principio, se puede dejar sin cambios

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42

"; // de quien $enviar = mail ($dirección,$sub,$mes,"Content-type:text/plain; charset = utf-8\r\nFrom:$email"); ini_set("short_open_tag", "Activado"); encabezado ("Actualizar: 3; URL=index.html"); ?> ARTÍCULOS RELACIONADOS Realimentación mapa del sitio sobre el sitio