Tu as déjà un site, et tu veux que tes visiteurs remplissent ton parcours sans le quitter ? Offlink te donne un petit bout de code à coller dans ta page. Le parcours s'affiche dedans, et les demandes arrivent chez toi comme d'habitude.
Pas encore de parcours ? Commence par Créer un parcours. Il faut qu'il soit publié : sinon le cadre reste vide.
Copier ton code
Ouvre la liste de tes parcours
Va dans Parcours (nouvel onglet). Chaque parcours a sa carte, avec une rangée de boutons en bas à droite.
Clique sur le bouton « Code d'intégration »
C'est celui qui ressemble à des chevrons (< >), juste après le bouton de partage. Une fenêtre s'ouvre avec le code, prêt à copier.
Choisis la hauteur du cadre
Trois hauteurs te sont proposées : Compact, Standard et Confortable. Le cadre garde cette hauteur : si une question est plus longue, ton visiteur fait défiler à l'intérieur. En cas de doute, prends Standard, et augmente si tes questions sont longues.
Copie le code
Le bouton Copier le code met tout dans ton presse-papier. Le lien Voir le rendu t'ouvre le parcours tel qu'il s'affichera dans le cadre, pour vérifier avant de coller.
Le coller sur ton site
Le code est une iframe : c'est le format que tous les créateurs de site acceptent, sans extension ni abonnement supplémentaire.
WordPress
Dans l'éditeur de ta page, ajoute un bloc HTML personnalisé (ou « Code »), puis colle le code dedans. Enregistre, et regarde ta page publiée : l'éditeur affiche parfois un cadre vide tant que la page n'est pas publiée.
Wix
Clique sur Ajouter, puis Intégrer, puis Intégrer un code (ou « HTML iframe »). Colle le code dans la fenêtre qui s'ouvre. Pense à redimensionner le bloc à peu près à la hauteur choisie, sinon Wix coupe le cadre.
Squarespace
Ajoute un bloc Code, colle le code, et décoche l'option d'affichage en texte brut si elle est active.
Un autre site
Si ton site accepte du HTML, le code marchera. Colle-le là où tu veux voir le formulaire apparaître.
Ce qui change, et ce qui ne change pas
Dans le cadre, ton parcours perd l'habillage de ta vitrine : pas de bandeau d'annonce, pas de menu, pas de bouton « Retour à la boutique ». C'est voulu : ces liens ramèneraient ta boutique à l'intérieur de ta page, ce qui n'a aucun sens pour ton visiteur.
Tout le reste ne change pas :
- tes questions, tes conditions et ton action de fin sont les mêmes ;
- les demandes arrivent dans tes demandes (nouvel onglet), avec les réponses et les coordonnées ;
- le suivi de provenance fonctionne : une demande envoyée depuis ton site reste comptée.
Un parcours qui encaisse ne s'intègre pas. Si ton parcours se termine par un paiement, le cadre affiche un message à la place. C'est une protection : un formulaire de paiement dans le cadre d'un autre site empêche ton client de vérifier où il paie. Pour ces parcours-là, partage plutôt leur lien.
Cas particuliers
Le cadre reste vide
Trois causes, dans cet ordre :
- Ton parcours n'est pas publié. Rouvre-le et publie-le.
- Tu as recopié le code à la main et une partie manque. Repasse par le bouton Copier le code.
- Ton créateur de site bloque les cadres. Certaines formules gratuites le font. Dans ce cas, mets simplement un bouton qui ouvre le lien de ton parcours.
Mon formulaire est coupé en bas
Le cadre a une hauteur fixe. Reprends le code avec la hauteur Confortable, ou change le nombre dans height="..." : c'est la hauteur en pixels.
Puis-je le mettre sur plusieurs pages ?
Oui, autant que tu veux, et le même parcours peut vivre à la fois sur ta vitrine et sur ton site.
Et si je change mon parcours ?
Rien à refaire : le cadre affiche toujours la version publiée. Tu modifies dans Offlink, ton site suit tout seul.