Pesonalización Componente “search-widgets”

🧩 Introducción #

El componente “search-widgets.php” sirve como un formulario de captación de leads que ofrece notificar al usuario cuando se encuentren inmuebles que se ajusten a sus necesidades. Se utiliza comúnmente en los resultados de búsqueda cuando no hay coincidencias o como bloque complementario de interacción.

Este componente:

• Muestra un pequeño mensaje introductorio.
• Renderiza dinámicamente un formulario mediante shortcode.
• Utiliza aleatoriamente una de dos versiones del formulario (buscarinmueble o buscarinmueblestep) para realizar A/B testing.

---

👀 Vista del componente #

El resultado visible para el usuario es una sección como esta:

“Podemos notificarte cuando encontremos inmuebles que se ajusten a tus necesidades, por favor llena el siguiente formulario y uno de nuestros asesores se comunicará contigo.”

👉 Formulario incrustado desde shortcode ([visualinmu_lead_shortcode]).

---

💻 Código del componente #

<p>
    Podemos notificarte cuando encontremos inmuebles que se ajusten a tus necesidades, por favor llena el siguiente
    formulario y uno de nuestros asesores se comunicará con tigo.
</p>

<?php 
$version = rand(0, 1) == 0 ? 'A' : 'B';

if ($version == 'A') {  
    $path = "leads/buscarinmueble";
} else {
    $path = "leads/buscarinmueblestep";
}

echo do_shortcode('[visualinmu_lead_shortcode height="600" path="'.$path.'"]');
?>

---

🗂️ Ruta del componente #

Ubicación en el plugin:

inmuebles/componentes/search/search-widgets.php

Ruta para sobrescribirlo en tu tema hijo:

visualinmueble/
├── templates/
│   └── inmuebles/
│       └── componentes/
│           └── search/
│               └── search-widgets.php

---

✏️ Qué se puede editar #

Aquí una lista de los elementos personalizables del componente:

1. Texto introductorio
   • Puedes cambiar el texto del <p> para ajustarlo a tu tono de marca o estilo de comunicación.
   • Ejemplo:<p>¿No encontraste lo que buscabas? Déjanos tus datos y te ayudaremos a encontrar el inmueble perfecto.</p>
2. Control de versiones (A/B testing)
   • Se hace con rand(0, 1).
   • Puedes quitar esta lógica si quieres fijar una versión específica: $path = "leads/buscarinmueble"; // o buscarinmueblestep
3. Shortcode
   • El shortcode [visualinmu_lead_shortcode] acepta atributos como height, path, entre otros.
   • Puedes ajustar su altura (height="600") o agregar parámetros como un class, title, etc.
4. Estilo visual
   • Si necesitas cambiar el diseño, puedes envolver el bloque en un <div class="mi-clase"> y aplicar estilos desde tu CSS.
5. Condicionales
   • Puedes mostrar el formulario solo si el usuario no está logueado o según algún criterio de búsqueda fallida: phpCopiarEditarif (!$resultados) { ... }