Intégrer le widget

Tu peux mettre le widget MixOS sur n'importe quel site, blog ou page Linktree. Trois méthodes, du plus simple au plus intégré.

Méthode 1 — Lien direct

La plus simple : récupère ton URL widget depuis Widget → Lien public. Format :

https://mixos.cloud/widget/{ton-id}

Mets ce lien sur un bouton « Demander un devis » sur ton site, ou dans ta bio Instagram. Le client arrive sur la page widget hébergée par MixOS.

Méthode 2 — iframe

Intègre le widget dans une page de ton site existant. Colle ce code HTML où tu veux qu'il apparaisse :

<iframe
  src="https://mixos.cloud/widget/{ton-id}"
  width="100%"
  height="800"
  frameborder="0"
  title="Demande de devis DJ"
></iframe>

Avantage : ton client reste sur ton site, le widget hérite de ta charte si tu personnalises les couleurs côté MixOS.

Méthode 3 — Snippet JavaScript (intégré)

  1. 1Récupère ton snippet d'intégration depuis Paramètres → Widget → Code d'intégration.
  2. 2Colle-le dans le <head> de ton site (juste avant </head>).
  3. 3Ajoute un bouton/lien avec l'attribut data-mixos-widget.
  4. 4Au clic, le widget s'ouvre en modale par-dessus ta page. Aucune redirection, expérience native.

Plateformes courantes

  • WordPress : iframe via un bloc HTML ou plugin Custom HTML.
  • Wix / Squarespace : bloc « Code embed » ou « Custom code ».
  • Webflow : Embed component avec le code iframe.
  • Notion / Linktree : lien direct (méthode 1).
  • Site sur-mesure : iframe ou snippet JS selon le niveau d'intégration souhaité.
Couleurs et personnalisation
Tu peux personnaliser les couleurs du widget (boutons, accents) depuis Paramètres → Widget pour qu'il s'aligne avec ta charte. Le logo en en-tête est repris de ton profil MixOS.