Cómo crear un directorio web en WordPress (Paso a Paso)

¿Desea crear un directorio web de empresas? Los directorios web son una idea de negocio popular en línea, que le permite monetizar su sitio web con contenido generado por el usuario.

La lista de Angie, un popular directorio web que ayuda a los propietarios a encontrar contratistas y proveedores de servicios confiables. Valen más de 9 mil millones de dólares.

Ya sea que estés buscando crear un directorio web de nicho para ganar dinero en línea, o un directorio de socios para listar tus proveedores, puedes hacerlo fácilmente en WordPress.

En este artículo, mostraremos cómo crear fácilmente un directorio web en WordPress. Cubriremos cómo aceptar pagos para sus listados de directorio web premium.

¿Qué es un directorio web?

Un directorio web es como un catálogo que enumera negocios o individuos con detalles tales como información de contacto, servicios, características, etc.

Los directorios web permiten a los usuarios navegar a través de un catálogo de enlaces divididos en temas, categorías y áreas de interés. Un ejemplo perfecto de un directorio web son las Páginas Amarillas o la Lista de Angie.

Se utilizan más comúnmente para ayudar a las personas a encontrar el lugar o servicio que están buscando.

Otro ejemplo de directorio web es Yelp que permite a la gente encontrar grandes negocios locales como restaurantes, dentistas, salones de belleza, médicos, etc.

Aunque hay varios temas de directorios web para WordPress que te permiten crear un directorio web, no los recomendamos porque te quedarás atrapado en el tema para siempre.

Es por eso que sólo te mostraremos los métodos de plugin, para que puedas utilizarlo con cualquier diseño de tema que desees.

Dicho esto, echemos un vistazo a cómo crear un directorio web en WordPress.

Método 1: Creación de un directorio WordPress con formularios formidables

Formidable Forms es el plugin de WordPress más avanzado del mercado. Le ayuda a crear un formulario de contacto simple, así como formularios avanzados como encuestas, formularios de pago, formularios de registro, y más para su sitio WordPress.

El plugin viene con una característica exclusiva llamadaViews que le permite mostrar cualquier dato enviado a través de un formulario en el front-end de su sitio web. Usando esta característica, usted puede crear fácilmente directorios, listados de bienes raíces, bolsa de trabajo, calendarios de eventos, y más.

Vamos a crear un directorio de negocios usando el plugin Formidable Forms.

1. Crear un formulario para recopilar datos para su directorio

Lo primero que tienes que hacer es instalar y activar el plugin Formidable Forms. Para instrucciones detalladas, vea nuestra guía sobre cómo instalar un plugin de WordPress.

Una vez instalado y activado el plugin, vaya a Formidable » Forms y haga clic en el botónAdd New.

Ahora puede elegir cómo desea crear un formulario. Puede empezar con un formulario en blanco, con una plantilla o importar uno desde un archivo XML.

Escogeremos el método de la plantilla porque es la forma más rápida de hacer un formulario avanzado. Formidable Forms ofrece más de 20 plantillas de formularios prefabricados fuera de la caja.

Por ejemplo, elegiremos «Listados de Bienes Raíces» para crear un directorio de bienes raíces. Haga clic en el `Crear formulario para empezar.

Verá un cuadro emergente donde se le pedirá que introduzca el nombre y la descripción de su formulario.

Después de eso, cargará el formulario de presentación de bienes inmuebles preconstruidos.

Puede revisar y personalizar el formulario utilizando la sencilla interfaz de arrastrar y soltar. Una vez hecho esto, haga clic en el botón «Actualizar».

Si desea crear un directorio web premium con listados pagados, deberá conectar su formulario con una pasarela de pago.

Formidable le permite cobrar pagos con PayPal, Stripe y Authorize.net.

En este ejemplo, mostraremos cómo integrar PayPal para aceptar pagos. Vaya a Formidable » Add-Ons desde su tablero e instale el complementoPayPal Standard.

Una vez que el complemento esté instalado y activo, visite Formidable » Global Settings y haga clic en la opción PayPal. Actualice su dirección de correo electrónico de PayPal y otras opciones.

A continuación, abra de nuevo el editor de formularios correspondiente y haga clic en la opción `Configuración en la parte superior.

A continuación, haga clic en la pestaña «Acciones de formulario» y seleccione el icono de PayPal para añadir una nueva acción.

Ahora debe configurar la configuración de PayPal. Añada un importe de pago, elija una forma de pago (pago único, donación o suscripción), seleccione una divisa y, a continuación, añada una URL de devolución y cancele la URL.

Una vez hecho esto, no olvide actualizar su formulario.

Ahora que la opción de pago está integrada, sus usuarios tendrán que hacer un pago antes de enviar una propiedad inmobiliaria a través de su formulario.

2. Publique su formulario en WordPress

El siguiente paso después de crear un formulario es publicarlo en su sitio web, para que los usuarios puedan enviar los datos de su empresa a través de él.

Visite Páginas » Añadir nuevo desde su panel de control para crear una nueva página. Después de eso, nombre su página y añada el widget Formidable Forms al editor.

A continuación, seleccione su formulario.

Después de eso, cargará el formulario de envío de inmuebles preconstruidos en su editor de páginas.

También puede añadir contenido útil a la página. Una vez hecho esto, sigue adelante y publica tu página.

Ahora puede añadir la página de formulario de envío a su menú de navegación de WordPress, o enviar una campaña de correo electrónico a su lista de correo electrónico para obtener más envíos de formularios.

El proceso de recolección de datos a través de un formulario puede tomar algún tiempo, por lo que es mejor hacer un plan antes de comenzar. Alternativamente, también puede crear entradas manualmente desde su panel de control o importarlas desde un archivo CSV.

3. Cree su directorio web con Formidable Views

Después de que haya reunido mucha información, puede crear un directorio web con las Formidable Views.

Navegue hasta Formidable » Views desde su panel de control y haga clic en el botón `Agregar nuevo.

A continuación, introduzca un título para su vista y seleccione el formulario que contiene los datos que desea visualizar.

A continuación, debe elegir el formato de visualización. Puede mostrar todas las entradas de una lista, una sola entrada, listar las entradas con un enlace a la página de entrada única o insertar entradas en un calendario.

Para este tutorial, elegiremos la opciónBoth (Dynamic) – list the entries that will link to a single entry page.

Si desea añadir una barra de búsqueda en su directorio web, añada el siguiente código abreviado en la casilla «Antes del contenido».

1[frm-búsqueda]

Después de eso, necesita añadir contenido a su lista de directorios en el siguiente formato.

12345678> » «[detaillink]»> > «[detaillink]»>[MLS ID] [dirección] $[listing-price] [blurb][dormitorio] |[cuarto de baño] Baño |[habitación] Baño |[vivienda] m²] en pie cuadrado. «clear:both;»>».

En el código anterior, debe reemplazar la imagen de la casa, el ID de MLS, la dirección, el precio del listado, la publicidad, el dormitorio, el baño y la vida en m2 por los respectivos ID/llaves de campo de su formulario.

Puede encontrar los IDs/llaves de campo en el cuadro de personalización en la parte derecha de la página.

Por ejemplo, si queremos mostrar la foto cargada a través del campoMain Photo Upload como imagen de inicio, debemos sustituir la `imagen de inicio por el campo ID 63.

Después de eso, agregue el siguiente código en Formidable » Styles » Custom CSS para personalizar la apariencia de su directorio web.

12.listing_info{float:left; width:235px; margin-right:10px;}.listings_list img{width:370px;float:right;}

Una vez hecho esto, puede publicar su vista y previsualizarla.

Después de eso, cree una nueva página para el directorio web y añada su Formidable View.

Así es como se vería su directorio de bienes raíces con el tema predeterminado Veinte diecinueve.

Puedes personalizar y estilizar aún más tu formidable directorio usando CSS personalizado, un plugin de creación de páginas WordPress de arrastrar y soltar, o un plugin de estilo como CSS Hero.

Método 2: Uso del plugin del directorio de negocios

El segundo método es mediante el uso de un plugin de directorio de negocios. Recuerde que mientras que el plugin principal es gratuito, muchas funciones requerirán que adquiera la versión PRO del plugin.

Comience por instalar y activar el plugin del directorio de negocios. Una vez activado, el plugin te pedirá permiso para crear una nueva página de WordPress y añadir el código abreviado del directorio de negocios dentro de ella.

Haga clic en el `Crear las páginas necesarias para mí para crear la página de su directorio.

Una vez hecho esto, el plugin del Directorio de Negocios añadirá una nueva página llamadaDirectorio de Negocios automáticamente.

No debe eliminar u ocultar esta página porque es la página principal que el plugin del directorio de negocios utiliza para mostrar un directorio en su sitio web.

A continuación, puede administrar la configuración de los plugins desde el menúDirectory Admin de su panel de control.

Vaya a Directory Admin » Manage Options para configurar la configuración principal de su plugin. La configuraciónGeneral incluye ajustes de permalink, opciones de búsqueda de directorio, reCAPTCHA, opciones de registro, y más.

Como puede ver en la captura de pantalla anterior, hay ajustes para Listados, Correo electrónico, Pago y Apariencia. Puede revisar todos ellos uno por uno y hacer cambios según sus necesidades.

Después de eso, visite Directory Admin » Manage Form Fields para personalizar sus campos de formulario. Desde aquí, puede añadir o editar campos que aparecerán en el formulario de envío de directorios.

A continuación, deberá crear algunas categorías para su directorio.

Puede hacerlo yendo a Directory » Directory Categories . Se le pedirá que cree al menos una categoría, para que sus usuarios puedan usar esta categoría cuando envíen su anuncio.

Una vez que haya creado las categorías, puede seguir adelante y crear un nuevo listado visitando Directory » Add New Listing .

Ahora verá la página Agregar nuevo listado, que tiene un aspecto similar al del editor Classic WordPress. Introduzca el título de su anuncio y añada una breve descripción de su anuncio.

Después de eso, desplácese hacia abajo a la secciónCampos/Imágenes de la lista del directorio y añada los detalles de su empresa, incluyendo la dirección del sitio web, el número de teléfono, el correo electrónico, etc.

Para añadir imágenes, deberá hacer clic en el enlace Imágenes primero. A continuación, puede cargar imágenes desde su ordenador o simplemente colocarlas en el cuadro de imágenes.

A continuación, tendrá que elegir una categoría apropiada para su listado.

Una vez hecho esto, puedes seguir adelante y publicar tu directorio.

Ahora puede previsualizar la página de su directorio web en su sitio web. Su directorio web se vería como la captura de pantalla de abajo con el tema predeterminado de WordPress Veinte Diecinueve.

Como administrador del sitio, puede crear un listado manualmente desde su panel de control. Sus usuarios también pueden enviar un listado en su directorio utilizando un formulario. Se puede acceder al formulario de presentación haciendo clic en el botón «Crear un listado».

Los elementos de la lista enviados por el usuario se guardarán en la página Directorio » Directorio como lista pendiente, para que pueda revisar y comprobar manualmente la calidad de la lista.

Una vez hecho, aparecerán en la página de su directorio de empresas.

Aceptación de pagos para listados en el directorio

El plugin del directorio de negocios le permite aceptar pagos para listados en su directorio web. Por defecto, el plugin sólo viene con Authorize.net como pasarela de pago.

Otras pasarelas de pago, como PayPal y Stripe, están disponibles como complementos independientes que puede adquirir en el sitio Web del plugin.

Para habilitar las opciones de pago en su directorio empresarial, debe ir a la página Directory Admin » Manage Options y hacer clic en la pestañaPayments.

En la página de configuración de pagos, la primera opción de la pantalla de configuración de pagos es la casilla de verificación para activar los pagos. Si su sitio aún no está listo, puede hacer clic en la casilla de verificación situada junto a ¿Poner las pasarelas de pago en modo de prueba? .

El siguiente paso es elegir su moneda y añadir un mensaje de agradecimiento por los pagos.

Una vez que haya terminado de configurar las opciones de pago, haga clic en el botón Guardar cambios para guardar su configuración.

Ahora puede conectar su directorio con un proveedor de pagos. Si no ha instalado ningún otro complemento de pasarela de pago, sólo verá Authorize.net como la opción predeterminada de pasarela de pago.

Haga clic en el enlace Authorize.net y, a continuación, habilítelo introduciendo su ID de inicio de sesión y la clave de transacción.

Puesto que usted está requiriendo pagos, tendrá que establecer tarifas de listado. Esto se puede hacer yendo a Directory Admin » Manage Fees . Allí puede crear diferentes planes de listado, establecer tarifas y duración de listado para cada plan y guardar sus cambios.

Eso es todo! Su directorio web está ahora listo para aceptar listados pagados. Le recomendamos que explore otras opciones en la configuración del plugin para una mayor optimización de su directorio web.

Esperamos que este artículo le haya ayudado a crear un directorio web con WordPress. También puedes ver nuestra guía sobre cómo crear un directorio de equipo en WordPress.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja un comentario