Construir un sitio web multilingüe para un negocio inmobiliario puede ser un proyecto desafiante. En este artículo describimos la forma de hacerlo por medio de los plugines Toolset. Las opciones son: comenzar a organizarlo desde cero o utilizar un diseño ya pronto de referencia para acelerar el desarrollo.

Elementos que se incluirán en el sitio web para negocios inmobiliarios

“Real estate” es todo elemento que se construye en el grupo y que involucra solamente el terreno (sin construcciones en él). Apartamentos, edificaciones, campos abiertos y oficinas están incluidos en diferentes campos y se muestran de formas diversas. Por esta razón, hemos decidido crear un tipo de entrada personalizado diferente para cada uno de ellos.

real-estate-home-600

Cada sección del sitio incluye su propia barra de desplazamiento que muestra los elementos y la búsqueda personalizada. Esta búsqueda permite encontrar los distintos elementos de acuerdo a sus atributos (como tamaño, precio y características). Muestra los resultados en formato de grilla (lista textual) y los marcadores en Google Map.

custom-search-houses-600

Cada elemento presenta todos los detalles, incluyendo el agente, las características y la ubicación en el mapa.

single-house-600

Por lo tanto, si está pensando en construir su propio sitio web, debería considerar:

  • crear los tipos de entradas personalizados, sus campo y la taxonomía.
  • buscar la forma de implementar una búsqueda personalizada (lo que constituye el elemento más importante del proyecto).
  • solucionar la forma de mostrar los elementos en Google Map.
  • diseñar la forma de mostrar todo junto.

Cómo construir un sitio web para negocios inmobiliarios por medio de Toolset

Existen muchos Temas muy buenos que pueden solucionar todos estos problemas por usted. Hoy, le mostraremos cómo construir un sitio de ese tipo por medio de nuestros plugines Toolset.

En caso que aún no conozca Toolset, le informamos que es un paquete de plugines que ayuda a construir sitios web avanzados, con tipos personalizados y sin programación. Toolset es una gran herramienta para sitios web de negocios inmobiliarios dado que estos últimos hacen un uso intensivo de tipos de entradas y campos personalizados. Con Toolset es fácil configurar estas funciones y mostrar la información en la interfaz de usuario, sin tener que escribir código PHP.

Tipos de entradas personalizadas, campos y taxonomía para el sitio web de negocios inmobiliarios

Lo primero que hicimos fue crear los tipos de entradas personalizados, los campos personalizados y la taxonomía. Aun cuando el sitio luzca simple, contiene 7 tipos de entradas personalizados diferentes. Vaya a Toolset->Panel para crearlos.

Tipos de entradas personalizadas, campos y taxonomía de nuestro sitio web de negocios inmobiliarios de referencia
Tipos de entradas personalizados, campos y taxonomía de nuestro sitio web de negocios inmobiliarios de referencia

Creamos conjuntos diferentes de campos personalizados, lo que aporta los atributos necesarios a cada tipo de entrada personalizada.

Campo personalizados para apartamentos
Campo personalizados para apartamentos

Diseño de la interfaz de usuario del sitio por medio de Toolset

Al utilizar Toolset, el centro de trabajo de la interfaz de usuario se encuentra en el plugin Layouts. Este plugin permite armar el “esqueleto” del sitio por medio de un editor de “arrastrar y soltar”. Luego, se construyen todos los detalles de cada espacio por medio del plugin Views.

Primero se arma el diseño general. Se deberá comenzar por el diseño padre que comprende a todos los elementos que aparecen en cada página del sitio.

El diseño maestro del sitio web que incluye cabezal, pie y marcador para diseños hijo.
El diseño maestro del sitio web que incluye cabezal, pie y marcador para diseños hijo.

Luego se continúa con el armado de los otros diseños (esqueletos) para las distintas páginas principales. Este es el diseño para el “archivo de casas”, el cual constituye la página de búsqueda de casas.

Diseño de archivo de casas (el
Diseño de archivo de casas (el “esqueleto” de la lista de casas)

Una vez que estos diseños están prontos, es tiempo de abocarse a los distintos sectores y construirlos. Para ello se utilizará Views. Un View (vista) carga el contenido de la base de datos y lo muestra. Es posible crear View para muchas cosas tales como listas simples, búsquedas personalizadas, tablas, grillas y todo aquello que fuera necesario.

La construcción de un View involucra tres pasos:

  1. definir el objetivo de la vista (lista simple, búsqueda personalizada, lista paginada, barra de desplazamiento).
  2. elegir más opciones, dependiendo del tipo de View a crear.
  3. diseñar su salida por medio de HTML y CSS.

Configurar un View - 1. Elegir el contenido a mostrar.
Configurar un View – 1. Elegir el contenido a mostrar.

Configurar un View - 2. Elegir las opciones para el tipo de View.
Configurar un View – 2. Elegir las opciones para el tipo de View.

Configurar un View - 3. Diseñar la salida con HTML.
Configurar un View – 3. Diseñar la salida con HTML.

Probablemente haya advertido que el código de HTML que se muestra arriba utiliza shortcode. Dichos shortcode se utilizan para mostrar campos. No es necesario memorizar los shortcode o sus opciones. Para incluir un campo en el código HTML, haga “clic” en el botón Campos y Vistas del editor, seleccione el campo, ingrese sus opciones y obtiene el shortcode pronto.

Insertar un campo
Insertar un campo

De esta forma, usted podrá crear su propio diseño personalizado y, dentro de él, incluir los elementos del sitio necesarios. Si sabe utilizar HTML y CSS, Toolset le permite crear cualquier cosa sin escribir PHP.

Cómo traducir

Uno de los aspectos más relevantes de Toolset es su integración con WPML. Todo lo que pueda ser creado con Toolset es muy fácil de traducir con WPML.

Toolset registra automáticamente todas las “cadenas” para traducción.

Cuando vaya a WPML->Traducción de cadenas, podrá ver todas las cadenas del dominio de cada View (y otros elementos de Toolset) que haya creado. También podrá ver los dominios para los tipos de entradas personalizados y los campos.

Traducir las cadenas de un View
Traducir las cadenas de un View

La traducción del diseño es aún más fácil. Vaya a WPML->Administración de traducción y podrá ver los Layout en el Panel de traducción.

Diseños para traducir
Diseños para traducir

La traducción del diseño es similar a la traducción de las entradas. Podrá ver la lista de textos que aparecen en el diseño y traducirlos. No es necesario crear diseños separados para cada idioma.

Comience desde cero o desde un sitio web de referencia en funcionamiento

Con Toolset es posible crear un sitio web multilingüe para negocios inmobiliarios desde cero. También es posible aprovechar nuestro sitio web de referencia para negocios inmobiliarios como punto de partida. Dado que este sitio de referencia está construido completamente con los plugines de Toolset, todo es modificable. Puede editar un elemento, eliminarlo y agregar el suyo propio.