Esta página es para partners que quieren un camino práctico de construcción: diseña la web de marketing en Pinegrow, publica HTML normal y añade widgets de Nilo donde el negocio necesite una acción para clientes.
Pinegrow se encarga de la estructura y el diseño. Los widgets de Nilo añaden las acciones que ayudan al negocio a recopilar, guiar o hacer avanzar solicitudes de clientes.
La configuración más sencilla es tratar a Nilo como una capa de mejora sobre la web que ya construyes en Pinegrow.
Crea el layout, secciones, formularios, visuales y comportamiento responsivo como lo harías normalmente.
Decide dónde el negocio necesita una acción como contacto, cualificación, reserva, recepción de solicitudes o seguimiento.
Añade el paquete de widgets en el head de la página o antes de cerrar el body para que los elementos personalizados estén disponibles.
Inserta la etiqueta del widget donde quieres que aparezca la acción. Pinegrow sigue tratando la página como HTML normal.
Pasa la configuración del widget a través de atributos HTML como entorno, ID del negocio, ID del widget, idioma o valores de tema.
Exporta o publica la web con tu flujo normal. El comportamiento del widget viene del script más el markup del elemento personalizado.
El modelo práctico es sencillo: incluye el script una vez, luego coloca las etiquetas de widget donde correspondan. Eso es lo que hace que funcione bien con Pinegrow.
El paquete define los elementos personalizados en el navegador.
Colocas una etiqueta de widget en la parte del layout donde debe aparecer la acción.
Cada instancia de widget puede leer la configuración directamente desde los atributos de la etiqueta.
Tu tipografía, layout, secciones, hosting y flujo de Pinegrow no necesitan cambiar.
Reemplaza los valores de ejemplo con la URL del script y los atributos del widget que use tu configuración de Nilo.
Ponlo en el head de la página o antes de cerrar el body. No lo dupliques para cada instancia de widget.
<script
type="module"
src="https://YOUR-WIDGET-HOST/nilo-widgets.js"></script>Usa un bloque HTML normal en Pinegrow donde deba aparecer la acción del cliente.
<nilo-widget
business-id="YOUR_BUSINESS_ID"
widget-id="YOUR_WIDGET_ID"
locale="es-ES"
theme="light">
</nilo-widget>El mismo paquete puede soportar múltiples acciones de cliente en la misma página.
<script
type="module"
src="https://YOUR-WIDGET-HOST/nilo-widgets.js"></script>
<nilo-widget
business-id="YOUR_BUSINESS_ID"
widget-id="contact-intake"
locale="es-ES">
</nilo-widget>
<nilo-widget
business-id="YOUR_BUSINESS_ID"
widget-id="quote-request"
locale="es-ES">
</nilo-widget>No necesitas reconstruir tu flujo de trabajo alrededor de los widgets. Solo necesitas un lugar fiable para insertar el script y el markup del elemento personalizado.
Si Pinegrow gestiona un head o footer compartido, coloca el script ahí para que cada página pueda usar los componentes sin repetir trabajo.
Coloca el web component en un bloque HTML personalizado, bloque de código o en el código fuente de la página donde quieras que se renderice la acción.
Gestiona encabezados, espaciado, fondo y texto de apoyo en Pinegrow. Deja que el widget se centre en la acción misma.
Como los web components son comportamiento del navegador, confirma el resultado renderizado en la vista previa del navegador en vez de confiar solo en la vista de diseño estática.
Si podrías mover el widget después, mantén la sección de Pinegrow circundante autocontenida para que todo el bloque se pueda reutilizar en otra página.
Anota los pocos atributos que tu configuración de cliente realmente necesita para que las ediciones futuras sean sencillas para ti o para otro partner.
Coloca un widget debajo del hero o la sección de servicios cuando el negocio necesite más consultas.
Usa un widget después de precios o detalles de servicio para recopilar el contexto correcto del cliente antes del seguimiento.
Pon un widget en páginas de servicio donde el propietario actualmente pierde detalle en el ir y venir de emails o teléfono.
El widget no es la web. Es la capa de acción dentro de la web. Esa distinción ayuda a los partners a mantener la página sencilla y colocar widgets solo donde añadan valor real al negocio.
Esto mantiene la oferta fácil de explicar: la web es tuya, el diseño es tuyo, y Nilo añade acciones para clientes sin forzar una reconstrucción.
El diseño y contenido pueden avanzar con tu cronograma normal de Pinegrow.
Puedes añadir el siguiente widget después sin cambiar toda la arquitectura de la web.
El proyecto sigue pareciendo una web normal con una pequeña capa de integración.
Cuéntanos qué tipo de web construyes, qué acción de cliente quieres que gestione el widget y qué tipo de entrega necesitas para el cliente.