Hola Chicos,
Hace poco subí un vídeo a Youtube enseñando como hacer una web para una inmobiliaria y como me estáis preguntando dudas he decidido crear este artículo en el que recopilar todos los vídeos y tutoriales que haga sobre este tema para que sea fácil consultarlo.
La plantilla la puedes comprar aquí por 99$ o Gratis para mis alumnos
Aquí están los tutoriales que tengo creados hasta ahora:
Vídeo 01 Configuración Inicial de la plantilla Agentpress Pro:
Cómo rellenar un inmueble de forma manual en Agentpress
Vídeo 02 Traducir la plantilla Agentpress pro al español:
Vídeo 03 Configurar el buscador de Agentpress Pro:
Vídeo 04 Terminar de configurar los widgets de la home (Home middle 1,Home middle 2, Home middle 3, footer1)
Html que hace falta para configurar el Home middle 1:
<h1 class="tagline">Don't Worry, Find a Pro <a href="#" class="button alignright">How We Work <span class="dashicons dashicons-admin-network"></span></a></h1>
Configurar Genesis Enews Extender con Mailchimp:
Para configurarlo con aweber y mailpoet haré otro vídeo ;)
Html que hace falta pra configurar el widget Footer 1:
Vídeo 05 Añadir campos adicionales en el detalle del piso o inmueble
En el detalle de nuestro inmueble vienen unos cuantos campos por defecto con las características más destacas. Podemos añadir, modificar o quitar como vemos en el vídeo:
Vídeo 06 Añadir Galería de Imágenes en nuestro inmueble
Vídeo 07 Cambiar tamaño de la cabecera y el texto del pie de página en Agentpress pro
Vídeo 08 Añadir un logo o imagen en la cabecera en Agentpress Pro
Vídeo 09 Modificar la ubicación del buscador en Agentpress Pro
El buscador tal como viene en la plantilla viene muy abajo y no se ve de un primer vistazo, en este vídeo explico omo hacer para subirlo más en la cabecera:
10 Aumentar las posibilidades de nuestra web de inmobiliaria hecha con Agentpress Pro
11 Añadir un mapa en las propiedades de nuestra web de inmobiliaria hecha con Agentpress pro
12 Añadir opciones y los filtros de las viviendas en el menu en la web de la Inmobiliaria
13 Añadir un Formulario en cada inmueble y saber de que inmueble rellena el cliente el formulario
Para hacer el formulario usamos el plugin gratuito Contact Form 7.
La mayor dificultad es conseguir que el propio formulario nos envíe la ruta concreta dentro de nuestra web donde se ha rellenado el formulario y de esta forma saber en que inmueble está interesado el usuario.
Lo conseguimos gracias a añadir la etiqueta [_post_url], si necesitamos alguna otra etiqueta las podemos ver todas aquí.
14 Cómo Clonar un Inmueble
En este vídeo podemos ver como clonar un inmueble con tan sólo instalar el plugin Duplicate Post
15 Ordenar campos de Búsqueda en el widget buscador
16 Cómo cambiar la palabra «Listings» de la url o slug de cada propiedad
Para cambiar la palabra listing de las urls de nuestras propiedades no es una opción que venga de serie pero en cambio, es algo que casi seguro que queremos cambiar de nuestra web de inmobiliaria, sobre todo si no tenemos la web en inglés y queremos que esa palabra esté español.
Paso 1:
Para hacerlo tenemos que añadir el siguiente código en el fichero functions.php:
add_filter( 'agentpress_listings_post_type_args', 'gd_listing_custom_slug' );
function gd_listing_custom_slug( $args) {
$args['rewrite'] = array('slug' => 'propiedades' );
return $args;
}
Sustituyendo propiedades por la palabra que quieres que aparezca en la url
Paso 2:
Vamos a Ajustes –> Enlaces Permanentes y guardamos sin tocar nada. Si no guardamos los enlaces permanentes no funcionarán.
Y ya debería de funcionar
17 Cambiar la galería de imágenes de nuestras propiedades
Por defecto la galería de imágenes que añadimos a cada una de nuestras propiedades no se ve bien, las imágenes se ven cortadas a la derecha.
Para solucionarlo vamos a instalar el plugin Jetpack y vamos a activar la funcionalidad Carrousel. De esa forma nuestra galería de imágenes se va a ver perfecta.
Aquí podéis ver como hacerlo:
18 Como hacer que un usuario solo pueda subir inmuebles en nuestra web de inmobiliaria
Si la persona que va a añadir inmuebles es distinta al administrador, se puede crear un acceso para que la persona que tiene que añadir los inmuebles no pueda hacer ninguna otra acción en el panel de administración de WordPress.
19 Cómo añadir un mapa de inmobiliaria con múltiples inmuebles en el mismo mapa
Una función que no trae de serie la plantilla es tener un mapa con los puntos de todos los inmuebles.
Podemos hacerlo gracias al plugin WP Google Map de la siguiente forma:
20 Cómo añadir automáticamente un formulario a todos nuestros inmuebles
21 Como añadir un slider en la cabecera de nuestra home de la web de Inmobiliaria
22 Crear orden aleatorio de los inmuebles de nuestra web de inmobiliaria
23 Añadir información en la cabecera de nuestra web de inmobiliria hecha con agentpress
24 Importar inmuebles con un fichero csv en la plantilla de inmobiliaria Agentpress PRO
Vamos a usar dos plugins:
El primero es WP CSV es gratuito y lo puedes bajar de aquí:
https://es.wordpress.org/plugins/wp-csv/
Con este plugin vamos a exportar a un csv la información que tenemos en esta web y de esa forma sacar todos los campos que necesitamos para luego importarlos.
También vamos a necesitar el plugin WP All import que es un plugin de pago pero si eres miembro premium de mi web te lo puedes bajar gratuitamente de la zona premium.
25 Crear una plantilla con una importación en all import en nuestra web Inmobiliaria
26 Añadir Campos Personalizados como notas internas con Advanced Custom Fields
27 Cambiar el orden en los campos del buscador de la plantilla Agentpress para hacer web inmobiliaria
28 Importar los inmuebles de Agentpress a otra plantilla distinta
29 Añadir un vídeo de fondo en la plantilla Agentpress pro para nuestra web Inmobiliaria
30 Dejar menú fijo en Agentpress
31 Truco para quitar texto Additional Features
32 Truco Quitar campos vacíos de los detales de la propiedad
33 AgentPress Pro: Añadir los Widgets de la Home en cualquier página
Me habéis preguntado como podemos añadir los widgets de la home en cualquier otra página.
Agentpress no lo hace por defecto pero gracias al plugin Widgets on Pages lo podremos hacer.
Muchos me habéis preguntado como saltarse la limitación de poner los widgets en cualquier página y espero que este vídeo os sirva ;)
El código CSS que he usado para darle el mismo formato que en la home lo puedes ver a continuación si eres Miembro Premium:
34 AgentPress Pro: Colapsar o minimizar el buscador de la Home en AgentPress
En el tutorial hacemos varias modificaciones y aquí os la comparto:
En el fichero front-page.php tenéis que hacer esta modificación en la linea 98:
genesis_widget_area( 'home-top', array( 'before' => '<div class="container"> <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo">Buscador</button><div id="demo" class="collapse"><div class="home-top full-width widget-area"><div class="wrap">', 'after' => '</div></div></div>', ) );
En el campo Header Scripts tenemos que añadir lo siguiente:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
Y el css utilizado en el ejemplo es el siguiente:
section#text-5 {
background-color: transparent;
}
section#featured-listings-2 {
background-color: white;
}
La plantilla la puedes comprar aquí por 99$ o Gratis para mis alumnos
Cualquier duda o tutorial que necesitéis para hacer vuestra web de inmobiliaria aquí me tenéis ;)
Saludos
Óscar