viernes, abril 19, 2024
No menu items!
InicioBlogsCómo crear un directorio web en WordPress (paso a paso)

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

¿Estás buscando crear un directorio web de negocios? Los directorios web son una idea popular de negocios en línea, que le permiten 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é buscando crear un directorio web de nicho para ganar dinero en línea, o un directorio de socios para enumerar sus proveedores, puede 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 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 grandes 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á bloqueado en el tema para siempre.

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

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

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

Formidable Forms es el complemento 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 información enviada a través de un formulario en el front-end 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 empresas utilizando 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 »Formularios y haga clic en el botón “Agregar nuevo”.

Añadir nuevo formulario formidable

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

Elija una forma de agregar un nuevo formulario 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.

🔥 Leer:  ¿Qué es la tecnología empresarial y cómo funciona?

Por ejemplo, elegiremos “Listados de bienes inmuebles” para crear un directorio de bienes raíces. Haga clic en “Crear formulario” para comenzar.

Crear formulario de bienes raíces con formularios formidables

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

Nombra tu formulario formidable

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

Formularios formidables: interfaz de Form Builder

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. Ir Formidable »Complementos desde su panel de control e instale el complemento “PayPal estándar”.

Instale el complemento estándar de PayPal en formularios 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.

Configure PayPal con formularios formidables

Después de eso, abra su respectivo editor de formularios nuevamente y haga clic en la opción “Configuración” en la parte superior.

Configuración de formulario - Formularios 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.

Agregar acción de formulario de PayPal a formularios formidables

Ahora necesita 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 retorno y cancele la URL.

Formidables opciones de pago con PayPal

Una vez hecho esto, no olvide actualizar su formulario.

Ahora que la opción de pago está integrada, sus usuarios deberán realizar 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 detalles de su negocio usándolo.

Visitar Páginas »Agregar nuevo desde su tablero para crear una nueva página. Después de eso, nombra tu página y agrega el widget Formidable Forms al editor.

Agregar Formulario Form Widget a la página de WordPress

Luego, 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 bienes raíces preconstruido en el editor de su página.

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

Ahora puede agregar 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 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 importar desde un archivo CSV.

3. Cree su directorio web con vistas formidables

Después de haber reunido mucha información, puede crear un directorio web con las Vistas formidables.

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

Agregar nueva vista en formularios formidables

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

Configuración básica 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 entrada única o insertar entradas en un calendario.

Para este tutorial, elegiremos “Ambos (dinámico): enumere las entradas que se vincularán a una opción de página de entrada única”.

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

[frm-search]

Agregar barra de búsqueda en su vista formidable

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

 

 

[MLS ID] [address] $[listing-price] [blurb] [bedroom] Bedrooms | [bathroom] Bath |[sqft-living] sq. ft.

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

🔥 Leer:  Cómo crear y usar gráficos interactivos en números

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

Formularios Formularios Llaves archivadas

Por ejemplo, si queremos mostrar la foto cargada a través del campo “Subir foto principal” como imagen de inicio, debemos reemplazar la “imagen de inicio” con la 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; width:235px; margin-right:10px;} 
.listings_list img{width:370px;float:right;}

Agregue estilo a su vista formidable

Una vez hecho esto, puede publicar su vista y obtener una vista previa.

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

Agregue una vista formidable a una página de WordPress

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

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 generador de páginas de WordPress de arrastrar y soltar, o un complemento de estilo como CSS Hero.

Método 2: uso del 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, una gran cantidad de funcionalidades requerirá que compre la versión PRO del complemento.

Comience instalando y activando el complemento de directorio de negocios. Tras la activación, el complemento le pedirá permiso para crear una nueva página de WordPress y agregar el shortcode del directorio comercial dentro de ella.

Haga clic en “Crear páginas requeridas para 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 de Business Directory agregará automáticamente una nueva página llamada “Business Directory”.

Página del directorio de negocios agregada en WordPress

No debe eliminar u ocultar esta página porque es la página principal que utiliza el complemento Business Directory para mostrar un directorio en su sitio web.

A continuación, puede administrar la configuración del complemento desde el menú “Administrador de directorio” en su tablero.

Ir Administrador de directorio »Administrar opciones para configurar los ajustes principales de tu complemento. La configuración “General” incluye configuración de enlaces permanentes, opciones de búsqueda de directorio, reCAPTCHA, 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 uno por uno y realizar cambios según sus requisitos.

Después de eso, visita Administrador de directorio »Administrar campos de formulario para personalizar tus campos de formulario. Desde aquí, puede agregar o editar campos que aparecerían en el formulario de envío del 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 »Directorio Categorías. Se le pedirá que cree al menos una categoría, para 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á la página Agregar nuevo listado que se parece al editor clásico de WordPress. Ingrese el título de su listado y agregue una breve descripción sobre su listado.

🔥 Leer:  Cómo abrir la puerta de Highblock Halls en Minecraft Dungeons

Agregar nuevo listado con el complemento de directorio de negocios

Después de eso, desplácese hacia abajo hasta la sección “Campos / imágenes de listado de directorios” y agregue los detalles de su empresa, incluyendo la dirección del sitio web, número de teléfono, correo electrónico, etc.

Rellene los campos de listado de 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 imagen.

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 del directorio

Una vez hecho esto, puede continuar y publicar su directorio.

Ahora puede obtener una vista previa de su página de directorio web en su sitio web. Su directorio web se vería como la captura de pantalla a continuación con el tema predeterminado de WordPress Twenty Nineteen.

Business Directory Demo con el tema predeterminado de WordPress

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 mediante 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 listado enviados por el usuario se guardarán en el Directorio »Directorio página como listado pendiente, para que pueda revisar y verificar manualmente la calidad del listado.

Listado de directorio pendiente

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

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 separados que puede comprar desde el sitio web del complemento.

Para habilitar las opciones de pago en su directorio comercial, debe ir a Administrador de directorio »Administrar opciones página y haga clic en la pestaña “Pagos”.

Configuración de pago del complemento de directorio comercial

En la página de configuración de pago, la primera opción en la pantalla de 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 de verificación junto a ¿Poner 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 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, solo verá Authorize.net como la opción de pasarela de pago predeterminada.

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

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

Dado que necesita pagos, deberá establecer tarifas de listado. Esto se puede hacer yendo a Administrador de directorio »Gestionar tarifas. 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 ahora 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 usando WordPress. También puede consultar nuestra guía sobre cómo crear un directorio de equipo en WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver videos tutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.

Tabla de contenidos

Toggle

Recomendamos

Populares