Personalización de Componente “formularios-leads”

🧩 Introducción #

El componente "formularios-leads” se encarga de mostrar dos formularios dinámicos en la vista del detalle de un inmueble, orientados a capturar prospectos o leads interesados en propiedades publicadas.

Este componente agrupa:

1. Formulario “Envíate la ficha técnica”: Envía automáticamente la ficha técnica del inmueble al correo del usuario.
2. Formulario “Nosotros te llamamos”: Permite al usuario agendar una llamada, eligiendo fecha y hora de contacto.

Ambos formularios se insertan mediante shortcodes personalizados y pueden ser configurados, estilizados o extendidos desde el tema hijo.

---

👁️ Vista del Componente #

Formulario 1: Envíate la ficha técnica

📧 Solicita datos básicos (nombre, apellidos, correo, teléfono) para enviar la ficha técnica al correo del cliente.

---

Formulario 2: Nosotros te llamamos

📅 Permite agendar una llamada para otro día y hora seleccionada, ideal para gestionar atención personalizada.

Este formulario solo aparece de lunes a viernes (días hábiles).

---

🧱 Código del Componente #

<div class="card section-ficha-tecnica" style="width: 100%;">
    <div class="card-body">
        <h4>Enviate la ficha técnica</h4>
        <p>Te enviamos la ficha técnica de este inmueble a tu correo.</p>
        <?php echo do_shortcode('[visualinmu_lead_shortcode height="500" path="leads/fichatecnica/' . $codigo . '"]'); ?>
    </div>
</div>

<?php $fecha = getdate();
if ($fecha["wday"] != 0 && $fecha["wday"] != 6) { ?>
    <div class="card section-nosotros-lo-llamamos mt-3" style="width: 100%;">
        <div class="card-body nosotroslollamamos">
            <div class="card-body ">
                <h4>Nosotros te llamamos</h4>
                <?php echo do_shortcode('[visualinmu_lead_shortcode height="550" path="leads/nosotrostellamamos/' . $codigo . '"]'); ?>
            </div>
        </div>
    </div>
<?php } ?>

---

🛠️ ¿Qué se puede personalizar? #

1. Contenido y diseño del formulario
   • Puedes editar los encabezados <h4>, textos <p> o estilos de los contenedores .card desde este archivo.
2. Estilos CSS
   • Puedes aplicar clases adicionales o cambiar las existentes (section-ficha-tecnica, nosotroslollamamos, mt-3, etc.).
3. Condicional de visualización
   • El segundo formulario solo se muestra de lunes a viernes: if ($fecha["wday"] != 0 && $fecha["wday"] != 6) Puedes eliminar o modificar esta lógica según tus necesidades.
4. Shortcodes personalizados
   • Los formularios se insertan mediante: [visualinmu_lead_shortcode height="..." path="..."] Puedes cambiar el height, path o agregar atributos adicionales para modificar la funcionalidad (por ejemplo, etiquetas UTM, clases, IDs, etc.).
5. Ruta del formulario
   • La ruta incluida en path="..." controla el comportamiento backend del formulario y se puede adaptar a otros flujos:
     • leads/fichatecnica/{codigo}
     • leads/nosotrostellamamos/{codigo}

---

📁 Ruta del Componente #

Ubicación original en el plugin:

componentes/detalleInmueble/formularios-leads.php

Ruta para sobrescribirlo en tu tema hijo:

visualinmueble/
└── templates/
    └── inmuebles/
        └── componentes/
            └── detalleInmueble/
                └── formularios-leads.php

📌 Asegúrate de conservar el mismo nombre y estructura de carpetas al sobrescribir el componente desde tu tema hijo.