Cómo construir un sitio web de bienes raíces utilizando Toolset Real Estate y OceanWP

Un sitio de bienes raíces debe ser tan estable y confiable como las casas que vende. Pero construir un sitio inmobiliario robusto que los usuarios usen con placer a veces pueden ser tan difícil como construir las casas que vende, si usa el conjunto incorrecto de herramientas. Afortunadamente, se ha demostrado que la combinación de Toolset Real Estate CU OceanWP le ofrece un sitio de bienes raíces profesionales, con todas las funciones que pueda necesitar. En esta guía, le mostraremos cómo construir las siguientes características:
Tipos de publicaciones personalizadas para diferentes propiedades y agentes
Campos personalizados para agregar información como la cantidad de baños
Taxonomías para separar sus propiedades de acuerdo con las características (casas independientes, bungalos, etc.)
Plantillas para mostrar sus propiedades con la misma estructura
Una diapositiva para mostrar imágenes con sus propiedades
Post-relaciones para vincular a los agentes inmobiliarios con las propiedades que tratan
Una búsqueda de usuarios para poder encontrar fácilmente la mejor propiedad para ellos
Mapas para mostrar las ubicaciones de las propiedades y los resultados de búsqueda
Un formulario frontal para que los usuarios puedan enviar sus propias propiedades
Si desea dar estos pasos mientras los lee, puede usar su propio sitio de prueba de bienes raíces gratuito creado por Toolset y OceanWP.

Sitio demostrativo de bienes raíces gratuitos Por qué utilizamos herramientas inmobiliarias y bienes raíces de herramientas OceanWP es parte de Toolset, que le ofrece todas las características que necesita para crear varios tipos de sitios web profesionales. Específicamente, con Toolset Real Estate no necesitará ningún otro complemento para agregar las funciones de un sitio de bienes raíces. Esto significa que no tiene que preocuparse por la compatibilidad de los complementos o si la gran cantidad de complementos ralentizará su sitio. Mientras tanto, OceanWP es uno de los temas más populares para los sitios web de negocios por una razón. Los sitios web de OceanWP tienen una mejor tasa de conversión, más rápidos y tiempos de cobro de SEO, así que los compradores de viviendas pueden encontrar su sitio. Juntos, Toolset Real Estate y OceanWP funcionan perfectamente juntos, lo cual significa crear sitios web robustos, que se ven geniales, sin ningún cuidado. Recuerde, puede descargar los sitios web de prueba gratuitos creados usando ToolSet y OceanWP para experimentar. ¿Qué debe comenzar cuando crea un sitio de bienes raíces personalizado con el conjunto de herramientas? Necesitará los siguientes complementos de conjunto de herramientas:
Tipos de conjuntos de herramientas: para configurar los tipos de publicaciones, campos y taxonomía personalizados, para propiedades y agentes
Bloques de herramientas para diseñar el front-end de su sitio (plantillas y búsquedas de propiedades, etc.)
Conjunto de herramientas de mapa: para agregar funciones que permitan buscar y mostrar propiedades en mapas
Formularmente el conjunto de herramientas para permitir que los agentes administren las propiedades a través de formulaciones front-end, personalizadas para establecer instrumentos para controlar qué partes del sitio pueden acceder a visitantes, clientes y agentes
Una vez que haya instalado y grabado estos componentes, ¡es hora de comenzar a construir su sitio inmobiliario!
1. Cree el tipo de publicación personalizada en primer lugar, debemos crear un tipo personalizado de publicación para nuestra sección “Casas”, para que los usuarios sepan exactamente a dónde ir para verlos. 1. Vaya al conjunto de herramientas → el tablero en el administrador de WordPress y haga clic en Agregar un nuevo tipo de publicación.
Agregar un nuevo tipo de publicación personalizada para las casas 2. Ahora debemos llamarnos el tipo de publicación y guardarlo en la posición que queremos mostrar en el menú de administración.
Nombre y posicionamiento de un tipo de publicación 3. Haga clic en Guardar tipo de publicación.

Y eso es todo. El tipo de publicación personalizada para sus hogares está listo. 2. Cree sus campos personalizados ahora que tenemos nuestro tipo de publicación personalizada, debemos agregar algunos campos personalizados. Nuestros campos personalizados forman una plantilla de secciones que queremos completar para describir cada casa y sus características. Por ejemplo, necesitaremos secciones para la cantidad de baños, precio y el año en que se construyó la propiedad.

En el tablero de ajuste de instrumentos, haga clic en Agregar campos personalizados junto a las “casas” personalizadas Tipo I.
2. Aparecerá un nuevo cuadro ADD de campo donde podamos elegir qué tipo de campos personalizados queremos. Por ejemplo, un campo personalizado para el “año de construcción” será un número. Agregar un nuevo campo personalizado 3. Para cada campo, tendrá que establecer opciones, como si la información de ingreso sea obligatoria. 4. Después de haber completado todas sus opciones favoritas para un campo, haga clic en Agregar nuevo campo para pasar al siguiente campo en el grupo. Después de haber agregado todos los campos para un grupo de campo, haga clic en Guardar un grupo de campos. Ahora, cada vez que edite una publicación de “casa”, verá estos campos para completar.
Agregar opciones de campo personalizadas 3. Crear taxonomías personalizadas Taxonomías personalizadas es una excelente manera de separar las propiedades para que los usuarios puedan encontrar fácilmente aquellos que se ajustan a sus criterios. Por ejemplo, si quieren ver solo casas que están a la venta, en lugar de alquilar.
Tomando este ejemplo, aquí es cómo crear taxonomías para diferenciar entre casas que están en venta y casas de alquiler.

En el tablero de instrumentos, haga clic en Agregar taxonomía personalizada entre las casas.

Ingrese lo siguiente en cajas
Nombre plural: tipos de propiedades
Nombre singular: función de propiedad
Slug: la característica de la propiedad
Elija si desea que la taxonomía sea jerárquica o plana. Para su propósito, lo mantendremos plano.
Seleccione el tipo de publicación con la que desea asociarse con la taxonomía, en este caso, será “casas”.
Haga clic en Guardar taxonomía
Acceso a la página Para agregar taxonomías personalizadas ahora, cuando editamos o creamos un tipo de “casas” de publicación, podemos crear y seleccionar las taxonomías de “tipo de propiedad” para asignarlas al tipo de publicación. Cree una plantilla para mostrar la Propiedades Ahora tenemos los componentes básicos que necesitamos para mostrar nuestras propiedades, pero sigue siendo una parte importante del proceso, ¿cómo los mostramos en el front-end? Aquí creamos una plantilla que podemos usar para mostrar cada una de nuestras casas. Para construir nuestra plantilla única de “casas”, utilizaremos bloques de herramientas con el editor de bloques de WordPress. Con los bloques de conjunto de herramientas, puede crear plantillas para publicaciones personalizadas, con campos y taxonomías personalizados. ¡Sin HTML, sin CSS, sin JavaScript y sin PHP necesario!
Vaya al conjunto de herramientas → Panel de control y haga clic en el botón Crear horno de contenido.
Use el editor de bloques de WordPress para crear su plantilla.

Elija bloques en el conjunto de sección establecido para cualquier parte de la plantilla que muestre campos (no elementos estáticos). Por ejemplo, use el bloque de encabezado en el conjunto de herramientas para cualquier título que muestre un campo. El conjunto de herramientas agrega la opción de mostrar contenido dinámico desde el núcleo de WordPress y los complementos de terceros más populares.

Active las fuentes dinámicas para los bloques que deben mostrar los campos de publicación que muestra la plantilla.
Mostrando el título de la publicación en una plantilla para las publicaciones únicas de “propiedad”.
También puede cambiar la plantilla de varias maneras. Por ejemplo, puede organizar el contenido en las columnas, puede mostrar partes de la plantilla condicionalmente, puede mostrar una lista de publicaciones asociadas y más. Cree una diapositiva dinámica para presentar las imágenes de su propiedad Una diapositiva es una excelente manera de presentar sus propiedades mostrando más imágenes de cada una. Usando el conjunto de herramientas, puede crear fácilmente diapositivas complejas con transiciones sin ningún PHP COD complejo.
Una vez que haya editado o creado una página, publicación o plantilla, inserte el bloque de visualización y cree una nueva vista.
En el experto para crear la vista, active la paginación y en la sección Seleccione el estilo del bucle de visualización, elija la opción no format (último).

En el último paso, seleccione el tipo de publicación para el que desea mostrar las publicaciones.
Haga clic para completar su experto y su vista está lista.
Una vista deslizante establecida dinámicamente para mostrar imágenes asociadas con cada propiedad que muestra los campos de estilo posterior
Inserte un bloque de contenedor para que pueda agregar un fondo a la diapositiva. Por ejemplo, puede establecer el fondo de la diapositiva para que sea una imagen dinámica que proviene de la imagen presentada de la publicación.
Use los bloques en el conjunto de herramientas para agregar otros campos dinámicos a la diapositiva, como publicar el título.
Con los controles deslizantes del conjunto de herramientas, además de mostrar campos de publicación y aplicar el estilo personalizado, puede cambiar su diapositiva con una serie de otras opciones, como la creación automática de la visualización de la diapositiva y cambiar el estilo de paginación.
6. Cree una posterior regulación para conectar sus casas con sus agentes que publiquen relaciones son una parte importante pero subestimada de cualquier sitio web. Con las relaciones de publicación, puede conectar diferentes tipos de contenido entre ellas. Para obtener más información sobre cómo le ayuda, consulte a nuestra guía para crear relaciones de publicación utilizando herramientas y oceanWP. En nuestro sitio inmobiliario tenemos casas y agentes inmobiliarios. Creemos una relación post entre ellos. Cree la relación de publicación para el conjunto de herramientas → Relaciones y haga clic en Agregar nuevo a la parte superior.

El conjunto de expertos en relaciones con conjunto de herramientas abre. Para nuestros agentes y propiedades, queremos una “relación de una sola vez”, porque un agente será responsable de varias propiedades.
Seleccione los tipos de publicaciones que formarán la relación.
Seleccionar una relación de publicación a muchos entre un agente y sus propiedades 4. Seleccione si desea limitar el número de publicaciones que puede asignar. Por ejemplo, es posible que desee que cada agente tenga un máximo de 20 casas asignadas.
Se puede asignar el número de posiciones (casas/propiedades) a un agente)
5. Nombra tu relación. 6. Revise sus relaciones y haga clic en la terminación. Cómo asignar propiedades a un agente Ahora podemos comenzar a crear conexiones específicas entre nuestras propiedades y agentes inmobiliarios.
Navegue a un agente en el menú de administración
Aparecerá una nueva sección en la parte inferior de la página llamada propiedad del agente. Haga clic en Conecte la propiedad existente y luego escriba para encontrar el nombre de una propiedad o seleccione en la lista disponible.
Conectando un agente a las propiedades que administra en la página del perfil del Agente 3. Haga clic en Actualizar para guardar su publicación. Ahora, cuando visite la página del agente, se enumerarán todas las propiedades que ha conectado. Además, si edita una de las páginas de estas propiedades, verá que la relación se ha mostrado en ambos extremos: el agente también se enumerará en la página de la propiedad. Creación de una visión para mostrar su relación con la publicación Hay dos formas de mostrar la lista de relaciones de publicaciones: Mostrar una lista de publicaciones relacionadas con “muchos” en relaciones de uno a muchos y multi-muchos.

En las relaciones de uno a más, exhibir campos que pertenecen a la parte “uno”.


Muestra muchos elementos relacionados En nuestro ejemplo, los agentes tienen muchas propiedades, por lo que utilizaremos una vista para mostrarlos.
Navegue a la plantilla de contenido “Agentes”.
Inserte un punto de vista y cree una nueva vista
Seleccione para mostrar el tipo de publicación que necesita (es decir, propiedades) y luego seleccione la opción para mostrar las propiedades que pertenecen al agente actual.

Use bloques para diseñar el resultado para su vista porque la vista ya está configurada para mostrar publicaciones similares, no debe seleccionar la relación en los bloques que utiliza para mostrar contenido dinámico.
Insertar un bucle de visualización para mostrar múltiples propiedades para un agente que muestra un elemento asociado (padre)
Navegue a la plantilla de contenido “Propiedades”.
Puede usar cualquier bloque de herramientas para mostrar la información de los padres.
En las propiedades del bloque, seleccione el padre en la fuente posterior.
Seleccione el campo que desea mostrar.
7. Cómo agregar una búsqueda avanzada para que los usuarios puedan encontrar fácilmente sus propiedades más adecuadas. Una búsqueda personalizada es la mejor manera para que sus usuarios encuentren exactamente lo que están buscando. Con más filtros, podrán seleccionar el mejor hogar de acuerdo con sus requisitos personales. Comience a ingresar un bloque de vista en una página.
En la vista, creando un experto, active la opción de búsqueda.

Activar la búsqueda personalizada al crear una nueva vista
3. En la página siguiente, seleccione “Propiedades” en Elija el contenido que mostrará esta vista. 4. Después de haber completado el experto en visualización, hay una sección de visualización de visualización en el área de visualización. Use los botones disponibles para agregar un campo de búsqueda personalizado, para ingresar los botones de envío y restablecimiento o para agregar otros bloques.
Personalizar y agregar bloques para diseñar la sección de búsqueda frontal, por ejemplo, puede hacer clic en Agregar campo de búsqueda y usar el menú Drop -down Seleccione un campo. Seleccione el tipo de contenido y luego desee que los usuarios busquen y haga clic en Siguiente.
Agregar un campo de búsqueda personalizado 5. Ahora puede usar la barra lateral correcta para cambiar las opciones para este campo de búsqueda. Esto incluye la configuración de campo principal, las opciones de etiqueta y estilo. 6. Ahora estamos listos para crear la sección en la que se mostrarán los resultados. Hacemos esto agregando bloques al área de View Loop del editor. 7. Haga clic en Agregar bloque. 8. Elija un bloque que desee usar como parte de los resultados de búsqueda. Por ejemplo, puede usar el bloque de título para mostrar los títulos de propiedades en los resultados de búsqueda. Ajuste de bloques en un bucle de vista para diseñar los resultados de búsqueda no olvida usar los bloques de herramientas, lo que le permitirá usar fuentes dinámicas para campos.
Elegir un conjunto de herramientas de bloque de encabezado y configurarlo como dinámico 8. Muestra mapas para mostrar las ubicaciones de los mapas de propiedades son una excelente manera de ayudar a los usuarios a comprender la ubicación exacta de una propiedad de inmediato.
Para comenzar a crear un mapa, navegue por la página o plantilla que desea mostrar el mapa. Inserte el conjunto de bloques de mapa de la herramienta. Si necesita establecer una clave API, Google le brinda instrucciones detalladas sobre cómo hacer esto.
En la sección fuente para el marcador, active la fuente dinámica.
En el menú posterior a la publicación, seleccione “Propiedad actual”. Luego, en el menú de caída de origen, seleccione cualquier campo personalizado que contenga una dirección para mostrarla en el mapa

Generación dinámica de una dirección de propiedad que se mostrará en el formulario de mapa 9. Cree un formulario frontal para que los usuarios envíen su propio contenido, es posible que desee que los usuarios proporcionen sus propios registros para anunciar su sitio inmobiliario. Una de las formas más fáciles de hacer esto es a través de un formulario en el front-end que contiene todos los campos que desea completar. La creación del formulario no podría ser más simple gracias al editor de Dra-and Drop de Toolset. Accera el conjunto de herramientas → Formularios de publicación y haga clic en la nueva adición.
Haga clic en Continuar en el experto en formulación e ingrese su nombre de formulario

Edite la configuración para su formulario, incluido:

Tipo de publicación a la que agregarán referencias

Estado de publicación una vez enviado

¿Qué ven los usuarios después de enviar el formulario (puede agregar un mensaje como lo hice a continuación)
Configuración de edición para su formulario
4. Ahora llegue al editor de arrastrar y arrastrar donde pueda decidir a qué campos irá y dónde. Aquí también puede usar los campos del editor del editor CSS y JS para atacar su forma. También hay una serie de elementos adicionales que puede agregar.
Diseñe el aspecto de su forma a través de un editor de arrastrar y arrastrar

5. En la página siguiente, puede agregar cualquier notificación por correo electrónico que desee usuarios o editores en cualquier etapa. A continuación he agregado un correo electrónico para enviar a los usuarios cuando su listado está en vivo.
Agregar notificaciones por correo electrónico para los usuarios que han completado el Formulario 6. Haga clic en la terminación y su formulario ahora está listo para mostrarse. 7. Para que los usuarios envíen sus propias propiedades a los próximos pasos una vez que haya recorrido estos nueve pasos clave para construir su propio sitio inmobiliario, puede hacer que su sitio sea aún más impresionante, siguiendo el curso inmobiliario en línea. Los módulos fáciles de entender forman una guía de paso integral por paso, lleno de videos útiles, que le indica todo lo que necesita para construir un sitio inmobiliario notable. ¿Cuál fue su experiencia en la construcción de un sitio web de bienes raíces? ¡Dinos en los comentarios!