Principal
/
Tutoriales de Joomla!
/
Cómo crear una página de contacto en Joomla!

Cómo crear una página de contacto en Joomla!

Este tutorial abarca los siguientes temas:

Si deseas recibir comentarios de tus visitantes, tener una página Contáctanos en tu sitio es una manera fácil de lograrlo. Joomla! tiene un componente predeterminado que te permite crear una página de este tipo con solo unos pocos clics.

Joomla! 4

Crea un elemento de Contacto usando los componentes de contacto de Joomla! 4

Primero, debes crear el contenido real de tu página Contáctanos. Para ello, inicia sesión en tu área administrativa y ve a Components > Contacts > Contacts.

Haz clic en el botón New para comenzar a crear una nueva página.

Ingresa tu información de contacto y asegúrate de ingresar una dirección de correo electrónico válida porque será utilizada por el formulario de contacto. Una vez que completes toda la información que deseas compartir con tus visitantes, haz clic en Save en la parte superior izquierda de la página.

Vincular la página de contacto en un menú

Lo último que debes hacer es agregar un enlace Contact Us al menú de nuestro sitio. En nuestro caso, lo añadiremos al menú principal. Para ello, ve a Menus > Main Menu > símbolo +.

Haz clic en Select junto al campo Menu Item Type. Aparecerá una ventana emergente que te pedirá que elijas el tipo de elemento de menú que crearás. Selecciona Contacts > Single Contact.

Ahora debes especificar el elemento de contacto exacto que deseas mostrar en ese menú. Para hacer esto, haz clic en Select junto al campo Select Contact . Una vez que hagas eso, elige el formulario que has creado anteriormente de la lista.

¡Eso es todo! Ahora puedes navegar a tu página Contact Us recién creada. Dependiendo de tu Joomla! 4, se visualizará de una manera diferente, pero generalmente debe tener dos partes – la información que ingresaste sobre tu sitio y el formulario para enviarte un correo electrónico a través del sitio.

Joomla! 3

Crea un elemento de Contacto usando los componentes de contacto de Joomla! 3

En primer lugar, necesitas crear el contenido de tu página de contacto. Para hacerlo, accede a tu área administrativa y ve a Componentes > Contactos. En esta página, haz clic en el botón Nuevo para crear una nueva página de contacto.

Aquí tendrás que especificar un nombre para este contacto. Para este tutorial, haremos solo una página de contacto. No nos entretendremos en las diferentes categorías de estas páginas ya que usan básicamente la misma lógica que los artículos de Joomla! 3.x. Es por esto que podemos dejar esta nueva página de contacto sin categoría.

A continuación introduce la información de contacto. Asegúrate de añadir una dirección de e-mail válida porque será usada para el formulario de contacto. Cuando hayas rellenado toda la información que quieres compartir con tus visitantes, haz clic en Guardar en la esquina superior izquierda de la página.

Enlaza la página de contacto en un menú de Joomla! 3.x

El último paso que queda por hacer es añadir el link de la página de contacto al menú de tu sitio. En nuestro caso, podemos añadirlo al menú principal. Para hacerlo, ve a Menús > Menú principal > Añadir elemento del menú.

En esta página hay algunas cosas que configurar. En primer lugar, haz clic en Seleccionar junto al Tipo de Elemento de Menú.

Aparecerá una ventana que te pedirá que elijas el tipo de elemento del menú que vas a crear. Selecciona Contactos > Contacto Único.

Ahora necesitas especificar el elemento de contacto concreto que quieres mostrar en el menú. Para hacerlo, haz clic en Seleccionar junto al campo Seleccionar Contacto.

Una vez hecho, elige el formulario que has creado a través del componente de contacto por defecto de Joomla! 3.x (debería ser el único formulario de contacto en el que puedes hacer clic).

¡Eso eso todo! Ahora puedes acceder a tu página de contacto recién creada. Dependiendo del tema de tu Joomla! 3, se verá de forma diferente, pero en general deberías tener dos partes: la información que has añadido sobre tu sitio y el formulario con el que enviar mensajes a través del sitio.

Comparte este artículo