Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo crear un directorio de miembros con función de búsqueda en WordPress

Nota editorial: Ganamos una comisión de los enlaces de socios en WPBeginner. Las comisiones no afectan a las opiniones o evaluaciones de nuestros editores. Más información sobre Proceso editorial.

¿Quiere añadir un directorio de miembros a su sitio web WordPress?

Añadir un directorio a su sitio de membresía puede ayudar a impulsar la participación de su comunidad. Anima a los nuevos miembros a unirse y facilita el contacto entre ellos.

En este artículo, le mostraremos cómo crear un directorio de miembros con función de búsqueda en WordPress.

How to Create a Searchable Member Directory in WordPress

¿Por qué crear un directorio de miembros con función de búsqueda en WordPress?

Un sitio de membresía suele reunir a usuarios que comparten intereses comunes. Puede crear un sentimiento de comunidad en su sitio web WordPress facilitando a sus miembros la comunicación entre ellos acerca de sus intereses comunes.

Puede hacerlo creando un directorio de membresía. Se trata de un anuncio / catálogo / ficha de los miembros de su sitio. Permite a los miembros ver los perfiles y datos de contacto de otros miembros.

Member Directory Example

Esto aumentará la credibilidad de su sitio web y lo hará más valioso para sus afiliados. Incluso puede ayudar a sus afiliados a sentirse importantes y reconocidos.

Sin embargo, para proteger su privacidad, puede que desee exigir a cada miembro que acepte antes de que su información personal se muestre en el directorio.

Si aún no ha creado su sitio de membresía, entonces puede seguir nuestra guía definitiva sobre cómo crear un sitio de membresía en WordPress.

Aunque puede utilizar cualquier método para crear un sitio de membresía, le recomendamos el plugin MemberPress. Ofrece características avanzadas de membresía y se integra bien con la extensión Formidable Forms Directory utilizada en este tutorial.

Cómo crear un directorio de miembros con función de búsqueda en WordPress

La mejor manera de crear un directorio de miembros es utilizando el plugin Formidable Forms. Incluye características avanzadas que permiten formatear, filtrar y mostrar los datos enviados por los usuarios en la parte frontal del sitio web, incluida la información de perfil de los miembros.

Es uno de los mejores plugins de registro de usuarios para WordPress del mercado y puede ayudarte a crear fácilmente un directorio de miembros mediante una extensión. Además, se integra con MemberPress para darte un control completo sobre la apariencia y funcionalidad de tu directorio.

Formidable Forms

Puede utilizar Formularios Formidables para crear un formulario de perfil en el que los miembros puedan introducir su información y darse de alta en el directorio. También puede utilizarlo para mostrar el propio directorio de miembros en el que se pueden realizar búsquedas.

Además, también podrá utilizar Formularios Formidable para todo tipo de propósitos en su sitio web, como crear un formulario de reserva o directorio web, permitir a sus clientes solicitar una cita / presupuesto, y mucho más.

Con esto en mente, vamos a ver cómo crear un directorio de miembros con función de búsqueda utilizando el plugin Formidable Forms.

1. Instalación de Formularios Formidables en su sitio de membresía

Lo primero que tienes que hacer es instalar y activar Formidable Forms Lite, que es la versión gratuita del plugin. Formidable Forms Lite actúa como base para las características avanzadas de la versión Pro.

Para más detalles, puede leer nuestra guía sobre cómo instalar un plugin de WordPress.

A continuación, tendrá que visitar la página de Formidable Directory y hacer clic en el botón “Obtener Formidable Directory”. Se le indicará que adquiera el plan Elite, que incluye la extensión Directory.

The Formidable Forms Directory Page

Antes de salir del sitio web de Formidable, tendrás que copiar tu clave de licencia. Puede encontrarla al hacer clic en “Cuenta”, en la parte superior de la página.

Ahora vuelve a tu sitio web y navega hasta Formidable ” Ajustes globales. Una vez allí, simplemente enlaza el enlace que dice ‘Click to enter a license key manually’ para pegar tu clave de licencia y luego haz clic en el botón ‘Save License’.

Enter Formidable Forms license key

Ya está listo para crear un directorio de miembros en WordPress.

2. Creación de la aplicación Directorio de Miembros Formidable

A continuación, debe navegar a Formidable ” Aplicaciones desde la barra lateral de administrador de WordPress. Esta página le mostrará las plantillas de aplicaciones disponibles.

Una vez allí, tienes que encontrar la aplicación Directorio de Miembros y hacer clic en el botón ‘+ Añadir’ para instalarla.

Adding the Member Directory Application

Se abrirá un mensaje / ventana emergente que describe la aplicación Directorio de Miembros.

Basta con hacer clic en el botón “Instalar aplicación” para continuar.

Installing the Member Directory Application

A continuación, se le pedirá que dé un nombre a la aplicación.

Para este tutorial, dejaremos el nombre por defecto, ‘Directorio de miembros’, y luego haremos clic en el botón ‘Instalar aplicación’ para continuar.

Naming the Member Directory Application

Formidable Forms creará ahora las páginas, formularios y vistas necesarias para su directorio de miembros.

Las páginas se guardan como borradores, para que pueda personalizarlas antes de que salgan a la luz.

Opening the Member Directory Application

Ahora tiene que hacer clic en el botón “Abrir aplicación”. Se abrirá la página de la aplicación Directorio de miembros, donde podrá personalizar y publicar su directorio.

Ahora ha creado un formulario de “Perfil del directorio de usuarios” que sus miembros pueden rellenar en la página “Añadir un miembro”.

También hay una página de “Directorio de miembros” en la que puede ver el directorio en forma de tabla o cuadrícula.

3. Personalización del formulario de perfil de afiliado y de la página “Añadir un afiliado

A continuación, puede que desee añadir o eliminar algunos campos del formulario “Perfil del directorio de usuarios”. Este es el formulario que sus miembros deben rellenar para ser incluidos en el directorio.

También puede añadir algunas instrucciones a la página donde se muestra el formulario de perfil antes de publicarlo.

Personalización del formulario “Perfil del directorio de usuarios

El formulario “Perfil del directorio de usuarios” contiene todos los campos necesarios para la mayoría de los perfiles de los miembros. Puede personalizarlo al hacer clic en el enlace “Perfil del directorio de usuarios” o al pasar el cursor sobre él y luego hacer clic en “Editar”.

Customizing the User Directory Profile Form

Se abrirá el editor de formularios. Verá una vista previa del formulario a la derecha y los campos disponibles a la izquierda.

El formulario incluye datos de contacto, enlaces sociales y mucho más. Algunos de los campos se rellenarán automáticamente con información del perfil de usuario de WordPress del miembro. Esto incluye su nombre, dirección de correo electrónico y biografía.

The Formidable Form Editor

Para añadir nuevos campos, basta con arrastrarlos al formulario desde la columna “Añadir campos” de la izquierda.

Puede cambiar las opciones de un campo al hacer clic en él. Se abrirá la pestaña “Opciones de campo” a la izquierda, donde podrá personalizar el campo cambiando sus ajustes.

Customizing the Email Address Field Options

Encontrará opciones para el valor por defecto del campo en la sección “Avanzado”. Aquí puede elegir el valor por defecto de una lista de etiquetas inteligentes. Esto tomará la información que el usuario ya ha añadido a su perfil de WordPress para que no tenga que introducirla dos veces.

Al desplazarse hasta la parte inferior del formulario, observará que ya incluye campos para enlaces sociales y una opción en la que el afiliado puede elegir ser incluido en el directorio.

Click the Save Profile Button When Finished

Cuando haya terminado de personalizar el formulario, sólo tiene que hacer clic en el botón “Guardar perfil” para guardar los cambios.

Personalización de la página “Añadir un miembro

A continuación, tendrá que personalizar y publicar la página “Añadir un miembro” que mostrará el formulario de perfil en su sitio web.

Puede que tenga que volver a Formidable ” Aplicaciones ” Directorio de miembros para ver la página. A continuación, sólo tiene que enlazar el enlace “Añadir un miembro” o pasar el cursor por encima y hacer clic en “Editar”.

Opening the 'Add a Member' Page

Esto abrirá la página ‘Añadir un Miembro’ en el editor de contenido de WordPress. Simplemente contiene el título de la página y el formulario Formidable que acabas de ver.

Si lo desea, puede dar a la página un título diferente, como “Únase a nuestro directorio de miembros”.

Si desea añadir algunas instrucciones antes del formulario, haga clic en el título de la página y pulse la tecla Intro. Esto creará un nuevo bloque donde podrá escribir esas instrucciones.

Publishing the Add a Member Page

Cuando esté satisfecho con la página, haga clic en el botón “Publicar” de la parte superior de la pantalla para publicarla en su sitio web.

4. Personalización de la página “Directorio de miembros

Ahora puede personalizar y publicar el propio directorio de miembros. Deberá elegir si desea mostrar los miembros en una cuadrícula o en una tabla. A continuación, también debe publicar la página para que sea visible en su sitio web.

Personalización de la página “Directorio de miembros

En primer lugar, vuelve a Formidable ” Aplicaciones y haz clic en tu aplicación de directorio de miembros.

Tendrá que publicar el borrador de la página “Directorio de miembros”. Sin embargo, antes de hacerlo, puede decidir si esa página debe mostrar el directorio en formato de cuadrícula o de tabla.

Editing the Member Directory Page

Basta con hacer clic en la página “Directorio de miembros” para abrirla en el editor de WordPress.

La página contiene sólo el título y el siguiente shortcode que muestra el directorio:

[display-frm-data id=dir-two-col-grid]
Shortcode to Display the Directory as a Grid

Por defecto, el shortcode mostrará el directorio en una cuadrícula de dos columnas.

Puede obtener una vista previa de la página para ver cómo quedará.

Member Directory Displayed in a Grid

Alternativamente, puede mostrar su directorio de miembros en formato de tabla.

Para ello, tendrá que utilizar este shortcode en su lugar:

[display-frm-data id=dir-table-listing-view]
Shortcode to Display the Directory in a Table

Puede volver a obtener una vista previa de la página para ver los cambios.

Esta vez cada miembro se mostrará en una sola línea con su información en columnas.

Member Directory Displayed in a Table

Sea cual sea el shortcode que elija, al hacer clic en “Ver perfil” obtendrá información más detallada acerca de ese afiliado.

Así se ve en nuestro sitio web de demostración.

Viewing a Member Profile

Si lo desea, puede añadir contenido adicional a la página. Cuando haya terminado, haga clic en el botón “Publicar” para que el directorio de miembros aparezca en su sitio web.

Añadir las páginas del Directorio de Miembros a su menú de navegación

Puede facilitar a sus miembros la búsqueda del directorio o la inscripción en él añadiendo las páginas “Añadir un miembro” y “Directorio de miembros” al menú de navegación de su sitio web.

Sólo tiene que seguir nuestra guía sobre cómo añadir entradas específicas al menú de navegación de WordPress.

Restringir el directorio de miembros solo a los miembros

Además, dependiendo del tipo de sitio de membresía que tenga, es posible que solo quiera que los miembros conectados puedan ver las páginas “Añadir un miembro” y “Directorio de miembros”.

Si es así, tendrás que crear una regla para que solo los miembros tengan acceso a las páginas.

Te mostramos cómo hacerlo paso a paso en nuestra guía definitiva sobre cómo crear un sitio de membresía en WordPress. Solo tendrás que desplazarte hacia abajo y leer el Paso 6 para aprender a crear una regla MemberPress y el Paso 7 para aprender a añadir contenido solo para miembros.

5. Borrar los datos de muestra de su Directorio de Miembros

Su directorio de miembros contiene los datos de muestra que puede ver en las capturas de pantalla utilizadas en este tutorial. Esto es útil a la hora de establecer su directorio de miembros, ya que le permite ver cómo se verán los perfiles.

Pero una vez que haya terminado de establecer el directorio, tendrá que borrar los datos de la muestra.

Debe navegar de nuevo a Formidable ” Aplicaciones ” Directorio de miembros y hacer clic en el formulario ‘Perfil del directorio de usuarios’.

Una vez abierto el editor de Formidable, haga clic en la pestaña “Entradas” de la parte superior de la pantalla para ver las entradas / registros de muestra.

Lo más probable es que las únicas entradas / registros que aparezcan sean los cuatro miembros de la muestra. En ese caso, basta con hacer clic en el botón “Borrar todas las entradas / registros” situado en la parte superior de la pantalla. Se borrarán todos los anuncios / catálogos / fichas.

Deleting Sample Data From the Directory

Sin embargo, si algunos de sus miembros reales ya han creado perfiles, deberá seleccionar las entradas / registros de muestra manualmente.

Para ello, deberá hacer clic en la casilla de verificación situada al lado de cada miembro de la muestra. A continuación, haga clic en el botón “Acciones en lotes” situado en la parte superior de la lista y seleccione “Borrar” en el menú desplegable.

Por último, haga clic en el botón “Aplicar” para borrar los datos de muestra. Su directorio de miembros solo contendrá perfiles de sus miembros reales.

Guías de expertos en sitios web de afiliación de WordPress

Ahora que ya sabe cómo añadir un directorio de miembros, puede que le interese ver otros artículos relacionados con la creación de sitios web de miembros en WordPress.

Esperamos que este tutorial te haya ayudado a aprender cómo crear un directorio de miembros con función de búsqueda en WordPress. También puedes consultar nuestra guía sobre cómo crear y vender cursos online con WordPress o nuestra selección de los mejores formularios de contacto para WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

1 comentarioDeja una respuesta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.