# Componente Contactos

El componente para Contactos de Joomla! nos permite habilitar un formulario a través del cual los visitantes pueden ponerse en contacto con nosotros sin necesidad de hacer público nuestro email y sin que el remitente necesite disponer de un programa o sistema de correo electrónico.

El componente contactos nos puede servir para mostrar información de un solo contacto o bien un directorio del personal del centro educativo o de la organización con los datos y el formulario de contacto de distintos miembros.

<figure id="bkmrk-">![](https://www.edujoomla.es/images/stories/manuales15/componentes/392feaa4116ad96220f69f4b1808d778_1.jpeg)</figure>Podemos ver un segundo ejemplo más elaborado en [www.cpsantamarialamayor.com](http://www.cpsantamarialamayor.com/)

<figure id="bkmrk--1">![](https://www.edujoomla.es/images/stories/manuales15/componentes/contact_front_cat_1.jpg)</figure>Al pulsar sobre el nombre de alguno de los contactos de la lista aparecerá una nueva pantalla en la que poder mostrar información personal de ese contacto, que puede ser una persona, un departamento o lo que queramos.

<figure id="bkmrk--2">![](https://www.edujoomla.es/images/stories/manuales15/componentes/contact_front_contact.jpg)</figure>Los contactos pueden organizarse en grupos o **categorías**. Sin embargo e incomprensiblemente, en Joomla! 1.5 no podremos obtener directamente un listado de las categorías de contactos como el que se muestra en la imagen inferior, que sí era posible en versiones anteriores.

<figure id="bkmrk--3">![](https://www.edujoomla.es/images/stories/manuales15/componentes/contact_front_cat_list.jpg)</figure>Pero podremos conseguir algo parecido creando un **artículo de contenido estático** con los enlaces a cada una de las categorías de contactos, tal y como se puede ver en la imagen inferior

<figure id="bkmrk--4">![](https://www.edujoomla.es/images/stories/manuales15/componentes/contactos_front_menu.jpg)</figure>En la instalación de ejemplo de Joomla! 1.5 no aparece ningún enlace en ningún menú que conduzca al componente Contactos, pero podemos acceder a él si añadimos **index.php?option=com\_contact** a la URL principal de nuestra web.

`Ej. http://localhost/joomla159/index.php?option=com_contact`

`o http://www.edujoomla.es/index.php?option=com_contact`

Veremos entonces que solo aparece un contacto aún sin configurar pero que podremos personalizar fácilmente desde el Gestor de Contactos del Panel de Control

<figure id="bkmrk--5">![](https://www.edujoomla.es/images/stories/manuales15/componentes/4fde458937c8259294c745dd2eb2e861.jpeg)</figure>**IMPORTANTE**

Para que los mensajes enviados a través del sistema de contactos de Joomla! puedan llegar a su destinatario es necesario que el servidor web en el que hemos hecho la instalación disponga de un servidor de correo asociado. Muchos servidores como EasyPhp o AppServ no lo tienen. En tal caso habrá que configurar el sistema en el apartado "Configuración de Correo" de la pestaña "Servidor" de la Configuración Global para que Joomla! haga sus envíos a través de un un gestor de correo externo.

En este [Artículo](http://edu.jccm.es/joomla15/index.php?option=com_content&view=article&id=67:configuracion-del-correo-electronico-del-centro-en-joomla&catid=33:videotutoriales-15x&Itemid=100018) se explica cómo hacerlo con el Correo institucional de la Junta de Castilla la Mancha

## Administración de Contactos

Para administrar los contactos (configurarlos, publicarlos/despublicarlos o crear otros nuevos) hay que acceder a la zona de administración, e ir al menú **Componentes -&gt; Contactos -&gt; Gestor de Contactos**

<figure id="bkmrk--6">![](https://www.edujoomla.es/images/stories/manuales15/componentes/6552a3b843f3cece43bb5b9473bfcd13.jpeg)</figure>### Editar Contactos

Al entrar en el administrador de contactos veremos en el **Área de trabajo** una tabla con los nombres de los contactos en las filas y varios parámetros en las columnas.

En la parte superior derecha veremos también la **barra de herramientas** con sus respectivos iconos

<figure id="bkmrk--7">![](https://www.edujoomla.es/images/stories/manuales15/componentes/c5c5614322ee44433ef5d3c99840a9fa.jpeg)</figure>- **Nombre:** Es el nombre del contacto. Puede ser una persona, un departamento, un grupo, etc. Es el nombre que se muestra en el Frontend o parte pública del sitio web. Se puede editar la información del contacto pulsando sobre el nombre.
- **Publicado**: Pulsando en el icono se puede cambiar el estado del item de *publicado* a *no publicado* y determinar si el contacto se mostrará o no en la parte pública del sitio.
- **Orden:** Pulsando en las flechas se puede cambiar el orden que ocupa el contacto dentro de la lista de contactos de su categoría.
- **Categoría:** Cada contacto puede asignarse a una categoría. También puede editarse la categoría pulsando sobre su nombre. Igualmente podrán crearse tantas categorías como se desee.
- **Enlace al usuario**: Si el contacto está vinculado a un usuario registrado del sitio, el nombre del usuario aparecerá aquí.

### Añadir nuevos contactos

Para crear un nuevo contacto vamos al **Gestor de Contactos** y pulsamos en el botón **Nuevo** de la barra de herramientas superior.

Se abrirá una ventana de edición en la que tendremos que completar la información *del contacto*.

En el área de **Detalles** introduciremos los datos básicos de identificación del contacto

<figure id="bkmrk--8">![](https://www.edujoomla.es/images/stories/manuales15/componentes/f003c8dcb18f039af946cc6b8ff116a0.jpeg)</figure>- Nombre: aparecerá en la página publica tal cual lo escribamos aquí
- Alias: podemos poner lo mismo que en la casilla anterior
- Publicado: podremos desactivar el contacto en cualquier momento para que deje de mostrarse.
- Categoría: seleccionamos la categoría del contacto deseada.
- Enlace al usuario: si el contacto es usuario registrado del sitio (es lo más conveniente) podemos seleccionarlo.

En el área de **Información** podemos introducir otros datos complementarios que queramos mostrar al visitante.

No es necesario completar todos los campos. Aquellos que no rellenemos no se mostrarán en el Frontend.

<figure id="bkmrk--9">![](https://www.edujoomla.es/images/stories/manuales15/componentes/b6969d85d9aaab49ac8c6fe20fdd63c0.jpeg)</figure>- **Posición** de Contacto: nos sirve para indicar el cago o función dentro del centro
- **Correo**: Para que se muestre el formulario de envío es necesario indicar aquí una dirección o haber vinculado el contacto a un usuario registrado en el apartado Detalles. En los parámetros del contacto la dirección quedará oculta al público a no ser que modifiquemos la opción mostrar email.
- **Dirección** (calle, número, etc.), ciudad, estado, código postal, etc son campos que podemos completar a nuestro gusto o dejar en blanco
- **Teléfono**, móvil y fax son también campos opcionales.
- **Información general**: este es un campo de texto libre para introducir cualquier información sobre el contacto que queramos que se muestre al público: materias que imparte, horario de visitas o tutorías, etc
- **Imagen** del contacto: podemos seleccionar una imagen identificativa para el contacto (puede ser su foto) que previamente hayamos subido a la carpeta images/stories del Gestor Multimedia.

En el área **Parámetros** tenemos a su vez varios apartados

- ***Parámetros del contacto***: desde aquí podemos seleccionar qué elementos de los introducidos en el paso anterior dentro del apartado Información del contacto queremos mostrar y cuales queremos ocultar en cada momento: nombre, cargo, email, dirección, etc.

<figure id="bkmrk--10">![](https://www.edujoomla.es/images/stories/manuales15/componentes/6b43f4c07338a02da1c44835717f5266.jpeg)</figure>- ***Parámetros avanzados***: desde aquí podemos elegir un icono diferente para las etiquetas asociadas a campos de información como el teléfono, el correo-e o el fax.

<figure id="bkmrk--11">![](https://www.edujoomla.es/images/stories/manuales15/componentes/bf6103e875b15f02e10e2373f062e128.jpeg)</figure>- ***Parámetros de email***: desde aquí podemos activar o desactivar el formulario de contacto que se mostrará bajo la información de ese contacto en la zona pública.
- También podemos **bloquear** los mensajes que provengan de determinadas direcciones o dominios o que contengan un determinado texto o palabra. Es una forma de evitar mensajes indeseados.

<figure id="bkmrk--12">![](https://www.edujoomla.es/images/stories/manuales15/componentes/5d642dc190b44f0e65fbd539b8d8292a.jpeg)</figure>Después de introducir los datos que queremos añadir, presionamos la opción **Guardar** . Para editar o eliminar un contacto, presionamos las opciones **Editar** o **Eliminar**.

### Editar categorías de contactos

En nuestro sitio podemos habilitar una única dirección de contacto o tantas como queramos. En un centro educativo nos puede interesar crear una página de contacto con su correspondiente formulario de envío para cada profesor o profesora o para cada miembro del Equipo Directivo.

Podemos entonces organizar los contactos en categorías. Así por ejemplo, podemos agrupar a todos los miembros del Equipo Directivo dentro de una categoría que lleve este mismo nombre. Podríamos crear también una categoría para el resto del profesorado y otra para el personal no docente. O quizás, en un centro de secundaria, podríamos crear una categoría para cada Departamento.

Para crear una nueva categoría de contactos vamos a

**Componentes -&gt; Contactos -&gt; Categorías**

<figure id="bkmrk--13">![](https://www.edujoomla.es/images/stories/manuales15/componentes/a4881188565a42dd09cdb974301e03a3.jpeg)</figure>En la barra de herramientas de la parte superior derecha presionamos en el icono ***Nuevo***.

Se abrirá un cuadro de edición en el que tendremos que completar los ***detalles de la categoría***.

<figure id="bkmrk--14">![](https://www.edujoomla.es/images/stories/manuales15/componentes/a8c700a37041ef4ad8b5dc98e1f2d3bb.jpeg)</figure>Una vez creada la nueva categoría podremos volver a editar los contactos que tengamos creados y asignarlos a la nueva categoría.

También podemos crear un nuevo item en el menú que enlace con los contactos de esta categoría en particular.

## Enlaces en los menús para mostrar contactos

Para mostrar la información de salida del Componente Contactos tendremos que añadir un nuevo enlace en alguno de los menús al que apunte a este componente.

Para añadir un nuevo item de menú que muestre información de contacto de nuestra web iremos al administrador de menús y elegiremos uno de ellos.

**Menús -&gt; Nombre del menú (ej. Menú Principal)** y pulsaremos en el icono nuevo.

Se abrirá entonces un asistente que nos preguntará con que tipo de recurso de Joomla! queremos enlazar.

<figure id="bkmrk--15">![](https://www.edujoomla.es/images/stories/manuales15/componentes/contactos_menu_nuevo.jpg)</figure>Aquí elegiremos el componente Contactos y al pulsar sobre esta opción veremos que se nos ofrecen dos posibilidades. En la primera de ellas podremos mostrar un listado de los contactos de una misma categoría. La segunda nos servirá para enlazar directamente con una de las direcciones de contacto que tengamos definida en el Gestor de Contactos**.**

### Presentación de los contactos de una categoría

Si elegimos la primera de las opciones accederemos a una pantalla de edición en la que podremos seleccionar la categoría de contactos a mostrar y en la que podemos ajustar diferentes parámetros de configuración

<figure id="bkmrk--16">![](https://www.edujoomla.es/images/stories/manuales15/componentes/contactos_menu_nuevo_cat.jpg)</figure>En le apartado **Detalles** introduciremos un título para el item en el menú y podremos elegir el menú en el que insertarlo, el orden que ocuparé dentro de la lista de enlaces y también el comportamiento del vínculo cuando el visitante pulse sobre él: abrir en la misma ventana o en una ventana nueva.

En el apartado **Parámetros Básicos** es donde tendremos que seleccionar lo más importante: la categoría de contactos que queremos enlazar. También podremos elegir, si queremos, la imagen que aparecerá en la cabecera de la página o si queremos limitar o no el número de contactos de la lista.

En el apartado **Parámetros del Componente** podremos determinar unas cuantas opciones sobre el aspecto que tendrá la tabla de contactos de la categoría.

<figure id="bkmrk--17">![contactos_menu_nuevo_cat_param.jpg](https://www.edujoomla.es/images/stories/manuales15/componentes/contactos_menu_nuevo_cat_param.jpg)</figure>Las más importantes son las que afectan a las columnas que se verán en la tabla: Posición o cargo, email, teléfono, móvil y fax.

### Presentación individual de un contacto

Si elegimos la segunda opción de presentación tendremos que elegir el contacto a enlazar y podremos ajustar también algunos parámetros de configuración.

<figure id="bkmrk--18">![](https://www.edujoomla.es/images/stories/manuales15/componentes/contactos_menu_nuevo_contact.jpg)</figure>En el apartado **Parámetros del Componente** podremos determinar unas cuantas opciones la información a mostrar acerca del contacto.

<figure id="bkmrk--19">![](https://www.edujoomla.es/images/stories/manuales15/componentes/contactos_menu_new_cont_param.jpg)</figure>La mayor parte de estas opciones se podrán configurar también en el Gestor de contactos de este componente.

### Presentación de la lista de categorías de contactos

Decíamos más arriba que Joomla! 1.5 no dispone de este formato de presentación del componente contactos en el que se podía ver la lista de categorías de contactos con un indicador del número de contactos incluido en cada una de ellas. Ente formato de presentación facilitaba mucho la navegabilidad y permitía una visión más general del directorio de personal de un centro educativo.

La alternativa que nos queda si queremos tener algo parecido es crear un artículo de contenido estático con una lista de vínculos que apunten a cada uno de los enlaces que previamente hayamos creado en un menú apuntando a cada una de las categorías. Una vez añadido también en el menú el artículo en cuestión, los enlaces a las categorías de contactos pueden mostrarse como un submenú bajo el item padre vinculado al artículo.

<figure id="bkmrk--20">![](https://www.edujoomla.es/images/stories/manuales15/componentes/contactos_front_menu.jpg)</figure>La diferencia es que no se mostrará dinámicamente entre paréntesis el número de contactos de cada categoría. Podría anotarse "a mano" pero habría que modificar este dato cada vez que varíe el número de contactos de una categoría.

Tampoco veremos bajo la lista de contactos de la categoría el listado del resto de categorías del componente.

![Tip](https://www.edujoomla.es/images/stories/mostips/cc24x24.png)

<div class="byline" id="bkmrk-luis-barriocanal-%2820"><div class="byline"><table class="align-center"><colgroup><col></col></colgroup><tbody><tr><th class="align-center">Luis Barriocanal (2009) - Obra bajo

 [Licencia Creative Commons by-nc-sa](https://edujoomla.es/licencia-de-uso)</th></tr></tbody></table>

</div></div>Editado el 17.11.2009 por: lbarriocanal - Edujoomla.es