Cómo Crear Un Directorio Web Con WordPress (Etapa Por Etapa)

0
Divi WordPress Theme

¿Necesitas crear un directorio web de negocios o de cualquier otra categoría?. Los directorios web son una idea comercial popular en línea, que nos permite monetizar su sitio web con contenido generado por el usuario.

La lista de Angie, un directorio web popular 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 en el nicho de ganar dinero en línea o un directorio de socios para enumerar a sus 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 directorios web premium.

Cómo crear un directorio web en WordPress

¿Qué es un directorio web?

Un directorio web es como un catálogo que enumera empresas o individuos con detalles 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 usan más comúnmente para ayudar a las personas a encontrar un lugar o servicio que estén buscando.

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

Si bien hay varios temas de directorio web para WordPress que le permiten crear un directorio web, no los recomendamos porque quedará atrapado en el tema para siempre.

Es por eso que solo le mostraremos los métodos de plugin, para que pueda usarlo con cualquier diseño de tema que desee.

Dicho esto, veamos cómo crear un directorio web en WordPress.

Método 1: Crear un directorio de WordPress con formularios formidables

Formidable Forms es el plugin de creación de formularios 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 de WordPress.

El complemento viene con una función exclusiva llamada «Vistas» que le permite mostrar cualquier dato enviado a través de un formulario en la parte delantera de su sitio web. Con esta función, 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 complemento Formidable Forms.

1. Cree un formulario para recopilar datos para su directorio

Lo primero que debe hacer es instalar y activar el complemento Formidable Forms. Para obtener instrucciones detalladas, consulte nuestra guía sobre cómo instalar un complemento de WordPress.

Una vez que el complemento está instalado y activado, vaya a Formidable »Formas y haga clic en el botón «Agregar nuevo».

Añadir nueva forma formidable

Ahora puedes elegir cómo quieres crear un formulario. Puede comenzar con un formulario en blanco, con una plantilla, o importar uno desde un archivo XML.

Elija una manera de agregar una nueva forma formidable

Elegiremos el método de plantilla porque es la forma más rápida de hacer un formulario avanzado. Formidable Forms ofrece más de 20 plantillas de formulario prefabricadas, listas para usar.

Por ejemplo, elegiremos ‘Real Estate Listings’ para crear un directorio de bienes raíces. Haga clic en «Crear formulario» para comenzar.

Crear formulario de bienes raíces con formas formidables

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

Nombra tu formidable formulario

Después de eso, se cargará el formulario de presentación de bienes raíces pre-construido.

Formas formidables - Interfaz Builder de formularios

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, entonces 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. Ir Formidable »Complementos desde su panel de control e instale el complemento ‘PayPal Standard’.

Instalar el complemento estándar de PayPal en formas formidables

Una vez que el complemento está instalado y activo, visite Formidable »Configuración global y haga clic en la opción de PayPal. Actualice su dirección de correo electrónico de PayPal y otras configuraciones.

Configurar PayPal con Formidables Formas

Después de eso, abra de nuevo el editor de formularios correspondiente y haga clic en la opción «Configuración» en la parte superior.

Configuración de formulario - Formas formidables

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

Añadir acción de formulario de PayPal a formularios formidables

Ahora necesitas configurar los ajustes de PayPal. Agregue un monto de pago, elija un tipo de pago (pago único, donación o suscripción), seleccione la moneda y luego agregue una URL de devolución y una URL de cancelación.

Formidables opciones de pago con PayPal

Una vez hecho esto, no olvides actualizar tu formulario.

Ahora que la opción de pago está integrada, sus usuarios deberán realizar un pago antes de enviar una propiedad de bienes raíces 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, de modo que los usuarios puedan enviar sus detalles de negocios a través de él.

Visitar Páginas »Añadir Nuevo Desde tu panel de control para crear una nueva página. Después de eso, asigne un nombre a su página y agregue el widget Formidable Forms al editor.

Añadir formidable widget de formulario a la página de WordPress

A continuación, seleccione su formulario.

Seleccione su formulario para agregar a una página de WordPress

Después de eso, cargará el formulario de envío de propiedades inmobiliarias preconstruido en el editor de su página.

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

Ahora puede agregar la página del 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 formularios de envío.

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

3. Construye tu directorio web con vistas formidables

Una vez que haya recopilado mucha información, puede crear un directorio web con las vistas formidables.

Navegar a Formidable »Vistas desde el panel de control y haga clic en el botón «Agregar nuevo».

Añadir nueva vista en formas formidables

Después de eso, ingrese un título para su vista y elija el formulario que contiene los datos que desea mostrar.

Configuraciones básicas de vista formidable

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

Para este tutorial, elegiremos ‘Ambos (Dinámico): enumeraremos las entradas que se vincularán a una sola página de entrada’.

Si desea agregar una barra de búsqueda en su directorio web, agregue el siguiente código abreviado en el cuadro «Antes del contenido».

[frm-search]

Añadir barra de búsqueda en su vista Formidable

Después de eso, debe agregar contenido a su directorio en el siguiente formato.

 

[MLS ID] [address] PS[listing-price] [blurb][bedroom]Habitaciones | [bathroom]Baño |[sqft-living] pies cuadrados

 

 

En el código anterior, debe reemplazar la imagen de su hogar, el ID de MLS, la dirección, el precio del listado, la publicidad, el dormitorio, el baño y los pies cuadrados de las correspondientes ID de campo / claves de su formulario.

Puede encontrar las ID / teclas de campo en el cuadro Personalización en el lado derecho de la página.

Formas formidables archivadas claves

Por ejemplo, si queremos mostrar la foto cargada a través del campo «Subida de fotos principal» como imagen de inicio, debemos reemplazar la «imagen de inicio» con el ID de campo «63».

Insertar contenido en su directorio web

Después de eso, agregue el siguiente código en Formidable »Estilos» CSS personalizado Para personalizar la apariencia de su directorio web.

  .listing_info {float: left; ancho: 235px; margen derecho: 10px;}
.listings_list img {width: 370px; float: right;}

Agregue estilo a su vista formidable

Una vez hecho esto, puedes publicar tu vista y previsualizarla.

Después de eso, cree una nueva página para el directorio web y agregue su Vista Formidable.

Añadir vista formidable a una página de WordPress

Aquí es cómo se vería su directorio de bienes raíces con el tema predeterminado de Veinte Diecinueve.

Demostración del Directorio Web de Bienes Raíces

Puede personalizar y personalizar aún más su directorio Formidable utilizando CSS personalizado, un complemento de creación de páginas de WordPress para arrastrar y soltar, o un complemento de estilo como CSS Hero.

Método 2: usar el complemento de directorio de negocios

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

Comience por instalar y activar el complemento de directorio de negocios. Tras la activación, el complemento le pedirá su permiso para crear una nueva página de WordPress y agregar el código del directorio de negocios dentro de ella.

Haga clic en «Crear las páginas requeridas por mí» para crear su página de directorio.

Crear páginas requeridas para el complemento de directorio de negocios

Una vez hecho esto, el complemento del Directorio de Negocios agregará automáticamente una nueva página llamada «Directorio de Negocios».

Página de directorio de negocios agregada en WordPress

No debe eliminar ni ocultar esta página porque es la página principal que el complemento del Directorio de empresas utiliza para mostrar un directorio en su sitio web.

A continuación, puede administrar la configuración del complemento desde el menú ‘Directory Admin’ en su panel de control.

Ir Directory Admin »Gestionar Opciones para configurar los ajustes principales de su plugin. La configuración «General» incluye la configuración del enlace permanente, las opciones de búsqueda en el directorio, reCAPTCHA, las opciones de registro y más.

Configuración del complemento de directorio de negocios

Como puede ver en la captura de pantalla anterior, hay configuraciones para Listados, Correo electrónico, Pago y Apariencia. Puede revisarlos todos uno por uno y realizar cambios según sus requisitos.

Después de eso, visita Directory Admin »Gestionar campos de formulario para personalizar sus campos de formulario. Desde aquí, puede agregar o editar campos que aparecerán en su formulario de envío de directorio.

Administrar campos de formulario en el complemento de directorio de negocios

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

Puedes hacer esto yendo a Directorio »Categorías de Directorio. Se le pedirá que cree al menos una categoría, de modo que sus usuarios puedan usar esta categoría al enviar su listado.

Agregar nueva categoría de directorio con el complemento de directorio de negocios

Una vez que haya creado las categorías, puede seguir adelante y crear una nueva lista visitando Directorio »Agregar Nuevo Listado.

Ahora vería la página Agregar nuevo listado que se parece al editor de WordPress clásico. Ingrese el título de su listado y agregue una breve descripción de su listado.

Añadir nuevo listado con el complemento de directorio de negocios

Después de eso, desplácese hacia abajo hasta la sección ‘Imágenes / campos de listado de directorios’ y agregue los detalles de su negocio, incluida la dirección del sitio web, número de teléfono, correo electrónico, etc.

Rellene los campos del listado del directorio manualmente

Para agregar imágenes, primero deberá hacer clic en el enlace Imágenes. Luego, puede cargar imágenes desde su computadora o simplemente colocarlas en el cuadro de imágenes.

Subir imagen a su directorio de negocios de WordPress

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

Elija la categoría de directorio

Una vez hecho esto, puede seguir adelante y publicar su directorio.

Ahora puede obtener una vista previa de la página del directorio web en su sitio web. Su directorio web se parecería a la captura de pantalla siguiente con el tema de WordPress predeterminado Twenty Nineteen.

Demostración del directorio de negocios con tema de WordPress predeterminado

Como administrador del sitio, puede crear una lista 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 envío haciendo clic en el botón «Crear un listado».

Enviar un listado con el complemento de directorio de negocios

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

Listado de directorio pendiente

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

Aceptar pagos para listados de directorio

Business Directory Plugin le permite aceptar pagos por listados en su directorio web. Por defecto, el complemento solo viene con Authorize.net como la pasarela de pago.

Otras pasarelas de pago, como PayPal y Stripe, están disponibles como complementos por separado que puede comprar en el sitio web del complemento.

Para habilitar las opciones de pago en su directorio de negocios, debe ir a Directory Admin »Gestionar Opciones página y haga clic en la pestaña «Pagos».

Configuración de pago de complemento de directorio de negocios

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

El siguiente paso es elegir su moneda y agregar un mensaje de agradecimiento para los pagos.

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

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

Haga clic en el enlace Authorize.net y luego habilítelo ingresando su ID de inicio de sesión y la clave de transacción.

Configuración de Authorize.net del complemento del directorio de negocios

Dado que está solicitando pagos, deberá configurar las tarifas de listado. Esto se puede hacer yendo a Directorio de Administración »Administrar las tarifas. Allí puede crear diferentes planes de listado, establecer tarifas y la duración del listado para cada plan y guardar sus cambios.

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

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

La publicación Cómo crear un directorio web en WordPress (paso a paso) apareció primero en WPBeginner.


Divi WordPress Theme

Fuente Original En Inglés

ganar dinero con el hosting reseller
Share.

About Author

Escrito por Wilmer Medina , emprendedor y master en tecnologías por Internet.

Coméntanos Sobre Lo Que Leíste !

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.