Personalización Componente “advisor”

🔍 Introducción #

El archivo “advisor.php” muestra el botón que permite contactar directamente al asesor responsable de un inmueble mediante WhatsApp. Este botón es visible en la tarjeta de cada inmueble (card-default.php) y es una de las principales vías de conversión del sitio.

El enlace incluye:

• Número del asesor asignado
• Mensaje personalizado con nombre y código del inmueble
• Evento de Google Analytics (gtag) para registrar interacciones

---

🖼️ Vista del componente #

---

🧱 Código del componente #

<a target="_blank" onclick="gtag('event', 'wp_open_advisor_prop', {
    'origin': 'card',
    'label': 'Whatsapp abri por inmueble',
    'value': '<?php echo $inmueble->nombre(); ?>' // Este valor puede ser un número
  });"
  href="<?php echo visualinmu_redsocial_url([
    'nombre' => 'whatsapp',
    'phone' => $inmueble->asesor()->telefono(),
    'texto' => 'Buen día, me interesa ' . $inmueble->nombre() . ' que encontré en su página web, código: ' . $inmueble->codigo()
  ], visualinmu_route_detalleInmueble($inmueble->slug())); ?>"
  class="">
  <span class="icon"><i class="icon icon-uniE9D7"></i></span> Más información
</a>

---

🗂️ Ruta del componente #

Ubicación en el plugin:

inmuebles/componentes/card/advisor.php

Ruta para sobrescribirlo en tu tema hijo:

visualinmueble/
├── templates/
│   └── inmuebles/
│       └── componentes/
│           └── card/
│               └── advisor.php

---

✏️ Qué se puede editar #

• Texto del botón
  Puedes cambiar “Más información” por cualquier otro texto (Ej: “Contactar por WhatsApp”, “Hablar con asesor”, etc.).
• Ícono
  El ícono de WhatsApp (icon-uniE9D7) puede reemplazarse por otro, o eliminarse si prefieres solo texto.
• Mensaje predeterminado en WhatsApp
  Puedes personalizar el texto que aparece en el chat cuando el usuario abre el enlace. Ejemplo: 'texto' => 'Hola, vi este inmueble y quisiera más detalles. Código: ' . $inmueble->codigo()
• Teléfono del asesor
  Se obtiene automáticamente con $inmueble->asesor()->telefono(), pero puedes forzarlo si quieres siempre usar un número único (como un bot corporativo).
• Evento de Google Analytics
  Se puede editar el gtag() para cambiar el evento, categoría, etiqueta o valor. Incluso puedes eliminarlo si no necesitas rastreo.
• Destino del enlace
  Actualmente se abre en una nueva pestaña (target="_blank"). Puedes cambiarlo si deseas comportamiento distinto.
• Clase CSS personalizada
  Puedes agregar clases como btn, btn-primary, btn-outline-success, etc., para ajustar el estilo del botón.