Esta página es para partners que quieren un camino práctico de construcción: diseña el sitio de marketing en Pinegrow, publica HTML normal y agrega 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 agregan las acciones que ayudan al negocio a recopilar, guiar o hacer avanzar solicitudes de clientes.
La configuración más simple es tratar a Nilo como una capa de mejora sobre el sitio 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, calificación, reserva, recepción de solicitudes o seguimiento.
Agrega 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 el sitio con tu flujo normal. El comportamiento del widget viene del script más el markup del elemento personalizado.
El modelo práctico es simple: 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"
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">
</nilo-widget>
<nilo-widget
business-id="YOUR_BUSINESS_ID"
widget-id="quote-request"
locale="es">
</nilo-widget>No necesitas reconstruir tu flujo de trabajo alrededor de los widgets. Solo necesitas un lugar confiable para insertar el script y el markup del elemento personalizado.
Si Pinegrow maneja 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.
Maneja encabezados, espaciado, fondo y texto de apoyo en Pinegrow. Deja que el widget se enfoque 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 simples 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 dueño actualmente pierde detalle en el ir y venir de emails o teléfono.
El widget no es el sitio web. Es la capa de acción dentro del sitio web. Esa distinción ayuda a los partners a mantener la página simple y colocar widgets solo donde agreguen valor real al negocio.
Esto mantiene la oferta fácil de explicar: el sitio es tuyo, el diseño es tuyo, y Nilo agrega acciones para clientes sin forzar una reconstrucción.
El diseño y contenido pueden avanzar con tu cronograma normal de Pinegrow.
Puedes agregar el siguiente widget después sin cambiar toda la arquitectura del sitio.
El proyecto sigue pareciendo un sitio web normal con una pequeña capa de integración.
Cuéntanos qué tipo de sitio construyes, qué acción de cliente quieres que maneje el widget y qué tipo de entrega necesitas para el cliente.