Intégration site web

Vous avez déjà un site ? On s'invite, on dérange pas.

WordPress, Wix, Shopify, Squarespace, un site fait par votre cousin il y a 5 ans, peu importe. Trois options pour ajouter votre carte de fidélité Habitu sans toucher au design existant.

Vous vendez aussi en ligne ?

Créditez un tampon automatiquement à chaque achat sur votre boutique (Shopify, WooCommerce, Zapier).

Vous avez une caisse (Tactill, Synapsy, SumUp…) ?

Créditez le tampon automatiquement à chaque encaissement. Plus de scan manuel au comptoir.

Option 1, la plus simple

Un bouton sur votre site

Ajoute un bouton "Devenir Habitué" qui ouvre votre page d'inscription Habitu dans un nouvel onglet. Compatible avec n'importe quel site (WordPress, Wix, Shopify, HTML brut).

HTML à copier-coller

<a
  href="https://habitu.fr/c/VOTRE-SLUG"
  target="_blank"
  rel="noopener"
  style="display:inline-flex;align-items:center;gap:8px;padding:14px 24px;background:#C2410C;color:#fff;border-radius:12px;font-family:system-ui,sans-serif;font-weight:500;text-decoration:none;font-size:16px;box-shadow:0 4px 12px rgba(124,45,18,0.2)"
>
  Devenir Habitué de notre commerce →
</a>

Remplacez VOTRE-SLUG par votre identifiant Habitu (visible dans votre tableau de bord, ex : boulangerie-du-marche-vienne).

Option 2, visuel scanné direct

Une image QR code

Pour les sites où vous voulez que les visiteurs scannent avec leur téléphone (sans cliquer). Idéal sur la page "Contact" ou en pied de page. L'image est servie dynamiquement à vos couleurs de marque.

HTML à copier-coller

<img
  src="https://habitu.fr/api/qr/VOTRE-SLUG?size=256"
  alt="Scannez pour rejoindre notre programme de fidélité Habitu"
  width="256"
  height="256"
  style="border-radius:12px"
/>
<p style="font-family:system-ui,sans-serif;font-size:14px;color:#44403C;margin-top:8px">
  Scannez avec votre téléphone et ajoutez votre carte de fidélité à Apple Wallet ou Google Wallet.
</p>

Vous pouvez aussi télécharger une version A4/A6 imprimable depuis votre tableau de bord.

Option 3, pour les pros

Widget flottant intégré

Ajoute un bouton flottant en bas à droite de chaque page, à la manière d'un chat support. Le clic ouvre une courte présentation, puis dirige le visiteur vers votre page d'ajout de carte (Apple Wallet ou Google Wallet) en un tap.

Snippet à coller avant </body>

<script
  src="https://habitu.fr/widget.js"
  data-merchant="VOTRE-SLUG"
  data-position="bottom-right"
  defer
></script>

Options : data-position accepte bottom-right, bottom-left, top-right, top-left. Le widget pèse ~3 Ko gzippé, async, RGPD-friendly (aucun tracker tiers).

Astuces selon votre CMS

WordPress

Ajoutez un bloc HTML personnalisé dans l'éditeur Gutenberg, ou utilisez un widget de barre latérale → HTML personnalisé. Collez le snippet ci-dessus.

Wix

Menu Ajouter → Plus → Code HTML intégré. Collez le snippet dans la zone « Code ».

Shopify

Customize theme → Online Store → Pages → Add custom HTML block. Pour le widget JS, ajoutez le script dans theme.liquid juste avant </body>.

Squarespace

Ajoutez un bloc Code (Code Block) directement dans la page où vous voulez le bouton. Mode HTML.

Webflow

Drag and drop un Embed → collez le HTML. Pour le widget global, allez dans Project Settings → Custom Code → Before </body> tag.

Site fait main / Notion / Carrd

N'importe quel champ acceptant du HTML brut fait l'affaire. Si votre constructeur le bloque, l'option 1 (lien simple) marche toujours.

Questions fréquentes

Faut-il savoir coder pour ajouter Habitu à mon site ?

+
Non. Vous copiez un snippet (un lien, une image QR ou un petit widget) et vous le collez dans votre site. Aucune ligne de code à écrire, 30 secondes, sans toucher à votre design existant.

Quelle différence entre le bouton, le QR code et le widget ?

+
Le bouton est un lien « Ajouter ma carte » à poser n'importe où. L'image QR code s'affiche pour être scannée (idéale sur une page contact ou en boutique). Le widget flottant suit le visiteur en bas de page. Les trois ajoutent la carte au Wallet sans application.

Ça marche avec WordPress, Wix, Shopify, Squarespace… ?

+
Oui, avec tout site qui accepte un bloc HTML : WordPress, Wix, Shopify, Squarespace, Webflow, ou un site fait main. Si votre constructeur bloque le HTML, le simple lien fonctionne partout.

Et si je vends en ligne ou si j'ai une caisse ?

+
Pour créditer un tampon à chaque commande payée, voyez le guide boutique en ligne (Shopify, WooCommerce, Zapier). Pour créditer à chaque encaissement, voyez le guide caisse (Tactill, SumUp…). Cette page couvre l'ajout de la carte sur votre site vitrine.

Pas encore de compte Habitu ?

Démarrez votre essai gratuit de 30 jours. Une fois inscrit, vous récupérez votre slug et vous collez le snippet sur votre site.

Démarrer l'essai gratuit