Cómo Crear Página de Contacto para Joomla 4, SIN Usar Extensiones

Categorias: Joomla, Joomla 4.0

Hace unos días debatíamos que era indispensable para todo website disponer de un formulario de contacto perfecto para poder acceder al mismo a través de una sección web tipo: “Contacto”, “Contacte con nosotros” o incluso “Contact us” si creábamos un formulario dual español/inglés (opción 100% recomendada). Así como ¿Cuántos campos a rellenar por el usuario se considerarían muchos? ¿y cuantos pocos?

El caso es que en ese artículo comentábamos aspectos del formulario de contacto de PrestaShop 1.7, del plugin Contact Form 7 para WordPress e incluso de RVSitebuilder (Web Fácil). Total que pensando hoy un poco sobre el asunto hemos caído que no dijimos nada sobre Joomla, otro famoso gestor de contenidos (CMS) que sigue los pasos de WordPress y se espera que su versión 4.0 (roadmap) sea toda una revolución con la que intentar comerle algo de terreno a WordPress. A pesar de que no acaban de darle una fecha de salida concreta y lleva ya un gran retraso.

Entonces, hemos decidido ponernos manos a la obra con:

Cómo Crear Página de Contacto para Joomla 4, SIN Usar Extensiones

Cómo Crear Página de Contacto para Joomla 4, SIN Usar Extensiones

La página de contacto es una parte importantísima de nuestro sitio web, siempre debe estar accesible, ya que si alguien quiere ponerse en contacto con nosotros o quiere darnos alguna opinión, siempre la buscará. Y nosotros la mar de encantados que estaremos de recibir mensajes a través de la misma. 😉

Por lo tanto, la página de contacto para Joomla 4 debe tener lo siguiente:

– Un formulario de contacto, donde los usuarios pueden enviar sus consultas.
– Información de contacto, como nombre de la persona de contacto, dirección de correo electrónico, número de teléfono, dirección, etc. (mejor evitar poner muchos campos)
– Dirección física de la empresa. Si es posible, intentar añadir un mapa de la ubicación para que sea más fácil de localizar por los usuarios.
– Si tenemos varias sucursales, es mejor si podemos poner todos los detalles de de las mismas en la propia página de contacto.

Hay muchas extensiones para Joomla disponibles en el mercado que se pueden utilizar para crear un formulario de contacto en la página de contacto. Pero en este artículo, exploraremos cómo hacerlo de otra forma completamente diferente y sin la necesidad de tener que utilizar extensiones de terceros para ello. Solo usaremos las funciones nativas de Joomla 4 que son bastante sorprendentes.

Crear Nuevo Contacto en los Componentes de Joomla 4

Bueno, vamos al a lio… aunque antes de ello comentamos que todo está en inglés porque estamos usando una versión Beta de Joomla 4.0 sin traducir, ya que aun no ha salido ninguna versión 100% estable sobre Joomla 4, pero ya se pueden usar sus betas para hacer pruebas y testear todas las mejoras que ofrece el CMS.

Lo primero de todo tenemos que crear un nuevo contacto en los componen de Joomla 4. Para hacer esto no tenemos mas que dirigirnos hasta el menú principal de Joomla 4 y avanzar hasta la sección Components (1) -> Contacts -> Contacts (2), y hacer click en botón New (3) de la arte superior.

Joomla 4 Components Contacts New

Cuando hagamos click en el botón New, seremos redirigido a una nueva página donde tendremos que completar otra información importante que deseamos mostrar en la página de contacto.

Como se menciona en la la página de Contacto debemos añadir la información de la persona clave con la que el usuario podrá contactar directamente. Entonces, este es el lugar donde debemos poner la información de dicha persona.

En esta página, tendremos 5 pestañas.

New Contact – Aquí podemos añadir los detalles de contacto de la “persona clave”. Estos detalles se mostrarán junto con el formulario de contacto. Podemos añadir Nombre, Imagen, Correo electrónico, Dirección, Teléfono, etc. y si los dejamos vacíos, estos campos no se mostrarán en la página.

Joomla 4 Components Contacts New New Contact

Miscellaneous Information – esta pestaña viene con un editor de texto y podemos añadir cualquier detalle adicional que desees mostrar en la página de contacto.

Joomla 4 Components Contacts New Miscellanious

Display – la opción de pantalla permite controlar la categoría, los formatos de pantalla, la información de contacto, etc. donde mostrar la página de contacto.

Joomla 4 Components Contacts New Display

Form – Aquí encontraremos las configuraciones para el formulario de contacto. Podemos realizar configuraciones según nuestras necesidades.

Joomla 4 Components Contacts New Form

Publishing – en la pestaña de publicación, tendremos información adicional como meta descripción, palabras clave, robots, fechas, etc.

Joomla 4 Components Contacts New Publishing

Una vez que hayamos terminado de rellenar todo esto, guardamos la página de contacto – en la parte superior izquierda – y continuamos con el siguiente paso.

Enlazar a los elementos del menú principal

Ahora, para vincular la página de contacto al menú principal, tendremos que seguir los siguientes pasos: Menus (1) -> Main Menu (2), Click en el botón New (3).

Joomla 4 Menus Main Menu New

A continuación, seleccionamos la opción Menu Item Type y establece la opción Single Contact (del apartado Contacts). Después, en Select Contact, escogemos la página de contacto que hemos creado (por ejemplo Página de contacto) y, por último, pulsamos el botón Guardar, ubicado arriba del todo a la izquierda.

Joomla 4 Menus Main Menu New Details

Verificamos que en la web tenemos la página de contacto lista para usar. Y eso es todo.

El resultado sería el siguiente:

Joomla 4 Formulario Contacto Sin Extensiones

Hosting Joomla SSD con LiteSpeed

Ahora, en Hostinet puedes contratar un Hosting Joomla SSD con LiteSpeed para incrementar el rendimiento de tu webstite hasta en un 300%. ¡Te garantizamos una IP española para tu website, así como el mejor soporte en tu idioma! 

En Hostinet trabajamos desde hace más de 15 años con servidores ubicados en España (Madrid y Bilbao) para ofrecer a nuestros clientes las mejores prestaciones posibles.

  • Hosting especializado en Joomla con discos SSDJoomla 5011´99 / mes
  • Hosting especializado en Joomla con discos SSDJoomla 107´99 / mes
  • Hosting especializado en Joomla con discos SSDJoomla 13´99 / mes
  • Hosting especializado en Joomla con discos SSDJoomla 5011´99/mes
  • Hosting especializado en Joomla con discos SSDJoomla 107´99/mes
  • Hosting especializado en Joomla con discos SSDJoomla 13´99/mes
    • Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.
    • Almacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSD
    • El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.
    • La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.
    • Ideado para sacar el máximo partido a tu Joomla
    • Aumenta la velocidad de tu web + Info
    • Tras evaluación de nuestro equipo de migraciones
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Elige la versión de PHP que necesites
    • Certificado SSL autofirmadoCertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUI
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.
    • Migramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a Hostinet
    • Ideado para sacar el máximo partido a tu Joomla
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Hosting específicamente preparado para sacar el máximo rendimiento a tu Joomla
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.Una vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM ó .EU.
    • Cada dominio alojado muestra un contenido único y diferente del resto
    • Aparcando un dominio secundario en el alojamiento de nuestro dominio principal conseguimos que ambos dominios resuelvan indistintamente con la misma página que tenemos colgada.
    • Cuentas de correo gestionables a través de POP, IMAP y servicio Webmail
    • Tus buzones de correo y mails limpios de virus y con un potente filtro antispam
    • Sujeta al espacio total del alojamientoSujeta al espacio total del alojamientoSujeta al espacio total del alojamientoSujeta al espacio total del alojamiento
    • Centro de datos en Madrid (España)
    • Opción de contratación de IP dedicadaPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUI
    • Opción de contratación de certificados SSL. Se requiere Ip dedicada.Puedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUI
    • Bases de datos MySQL disponibles para su uso en cada alojamiento web
    • Supeditado al espacio total del alojamientoSupeditado al espacio total del alojamientoSupeditado al espacio total del alojamientoSupeditado al espacio total del alojamiento
    • ¿Quieres realizar desarrollos con Python? En Hostinet innovamos dia a dia en tu beneficio y por ello te presentamos como última novedad en todos nuestros servidores Web la posibilidad de desplegar tus aplicaciones con Python directamente desde el Plesk de tu Hosting.
    • ¿Quieres desarrollar tus aplicaciones con Ruby? En Hostinet te presentamos como última novedad en todos nuestros servicios de Hosting Web la posibilidad de desplegar tus aplicaciones con Ruby on Rails directamente desde el panel de control Plesk.
    • El fichero .htaccess permite modificar diferentes variables en la configuración de nuestra cuenta de alojamiento en el servidor.
    • El módulo mod_rewrite permite crear direcciones URL alternativas a las dinámicas generadas por la programación de nuestros sitio web (blog, foro, portal…), de tal modo que sean más legibles y fáciles de recordar
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web. Soporte en español por personal de Hostinet.
    • Completa recopilación de tutoriales sobre Hosting, Dominios y Joomla
    • 30 dias para probar tu servicio de Hosting y si no te convence el servicio... te devolvemos el dinero!!
    • Copia diaria incremental realizada por HostinetCopia diaria incremental realizada por HostinetCopia diaria incremental realizada por HostinetCopia diaria incremental realizada por Hostinet
    • Podrás hacer tus copias de seguridad desde tu panel de alojamiento webPodrás hacer tus copias de seguridad desde tu panel de alojamiento webPodrás hacer tus copias de seguridad desde tu panel de alojamiento webPodrás hacer tus copias de seguridad desde tu panel de alojamiento web
    • Nuevas altas. Contratación anual.