Landing sur un site externe
Connectez à RoyLead les pages d'un site que vous hébergez (Shopify, votre serveur, un autre outil) — vérifiez le domaine, enregistrez la page et collez le code.
Mis à jour le 22 octobre 2026
Si votre landing se trouve sur un site que vous hébergez — Shopify, votre serveur, un autre outil —, vous pouvez la connecter à RoyLead sans la déplacer : RoyLead ne publie rien, vous collez un morceau de code dans la page et, à partir de là, clics, leads et pixels fonctionnent comme sur les landings créées avec l'éditeur.
💡 Vous avez un site WordPress ? Utilisez le plugin, il fait tout tout seul : Lire : Intégrer WordPress ↗
Étape 1 — Ajoutez le site dans Domaines
Allez dans Domaines → Ajouter un domaine → Ajouter un site externe et saisissez le domaine du site (ex. boutique.fr ou promo.boutique.fr).
📌 Le domaine est déjà sur Cloudflare et vous l'avez importé ? Inutile de l'ajouter à nouveau : ouvrez ses paramètres (engrenage) et choisissez Site externe comme type de site. Il est vérifié tout de suite : passez à l'Étape 3.
Étape 2 — Prouvez que le domaine vous appartient
RoyLead vous affiche un enregistrement TXT à ajouter dans le panneau DNS du domaine (là où vous l'avez acheté, ou sur Cloudflare) :
| Type | Nom | Valeur |
|---|---|---|
| TXT | _roylead.boutique.fr | roylead-verify=… (à copier depuis RoyLead) |
Enregistrez-le et cliquez sur Vérifier. L'enregistrement peut mettre quelques minutes à apparaître : si RoyLead ne le trouve pas, réessayez plus tard depuis le badge À vérifier sur la ligne du domaine.
⚠️ Tant que le domaine n'est pas vérifié, les clics et leads de ses pages ne sont pas enregistrés. Cela empêche quiconque d'utiliser votre code sur un site qui n'est pas le sien.
💡 Si le panneau DNS ajoute lui-même le domaine à la fin du nom, saisissez seulement la première partie :
_roylead(ou_roylead.promopour un sous-domaine).
Étape 3 — Remerciement et confidentialité
Sur la ligne du domaine, colonne Pages de service, cliquez sur TY et saisissez l'adresse de la page de remerciement de votre site ; avec PRIV, celle de la politique de confidentialité.
🚨 La page de remerciement est obligatoire : après la commande, le visiteur y est envoyé. Sans elle, il arrive sur une page qui n'existe pas sur votre site.
Vous pouvez les changer quand vous voulez : elles s'appliquent dès la visite suivante, sans toucher au code de vos pages.
Étape 4 — Enregistrez la landing
Allez dans Landing Pages → Connecter une landing page → Landing sur site externe. Choisissez le domaine, collez l'adresse de la page et donnez-lui un nom.
L'adresse doit être sur le domaine choisi : une page sur un autre site n'est pas acceptée.
Étape 5 — Collez le code
Dès que la landing est créée, RoyLead vous donne deux morceaux de code (vous les retrouvez à tout moment avec l'icône </> sur la ligne de la landing) :
- Le conteneur du formulaire — placez-le là où vous voulez le formulaire de commande :
<div class="lp-form-container"></div>
- Le tracker — collez-le une seule fois, juste avant
</body>. Il contient déjà la clé et l'ID de la landing : vous n'avez rien à changer.
💡 Le formulaire est généré par le tracker, avec validation du téléphone par pays et protection anti-spam. Plusieurs formulaires sur la page ? Répétez le conteneur : un seul tracker suffit.
Les couleurs du formulaire se choisissent dans RoyLead : par domaine (Domaines → icône palette) ou par landing (Landing Pages → icône palette).
Formulaire écrit à la main (facultatif)
À la place du conteneur, vous pouvez écrire vous-même le <form> : avec l'attribut data-roylead-form, sans action, et avec ces name :
| Champ | name | Obligatoire |
|---|---|---|
| Prénom | nome | Oui |
| Nom | cognome | Oui |
| Téléphone | telefono | Oui |
| Adresse | indirizzo | Non |
| Ville | citta | Non |
| Code postal | cap | Non |
Dans ce cas, le style est à votre charge.
Cartes de prix (offres à plusieurs quantités)
Si l'offre a plusieurs quantités (1 / 2 / 3 boîtes), le tracker remplit les cartes que vous marquez avec ces attributs :
| Attribut | Ce qu'il fait |
|---|---|
data-bundle-tier="1|2|3" | rend la carte cliquable et choisit cette quantité dans le formulaire |
data-bundle-now | reçoit le prix |
data-bundle-full | le prix plein barré (seulement s'il est plus élevé) |
data-bundle-save | l'économie, traduite automatiquement |
data-bundle-prices | reste masqué tant que les prix ne sont pas prêts |
Étape 6 — Testez
Ouvrez la page avec un paramètre de test, ex. https://boutique.fr/offre?fbclid=test123&utm_source=facebook, et envoyez une commande de test : en quelques secondes, vous la retrouvez dans Leads, avec les paramètres de la campagne.
Résolution des problèmes
- Rien n'arrive → le domaine est encore À vérifier (Étape 2), ou le tracker n'est pas dans la page ou y est collé deux fois.
- Le formulaire n'apparaît pas → il manque le
<div class="lp-form-container"></div>, ou il est dans un élément masqué. - Une page d'erreur s'affiche après la commande → il manque la page de remerciement (Étape 3).
- Vous avez copié la page sur un autre domaine → enregistrez aussi ce domaine (Étapes 1-2) et la landing avec son adresse : le code ne fonctionne que sur le domaine de la landing.
- La personne qui gérait le domaine a quitté l'équipe → recopiez le tracker depuis la ligne de la landing (icône
</>) : l'ancien utilisait sa clé.
Prêt à passer à la pratique ?
Crée ton compte RoyLead et démarre en quelques minutes.