Publier / dépublier un formulaire pop-up sur son site

Afin de pouvoir afficher votre formulaire sur votre site web, vous devez ajouter le code de votre formulaire sur votre site et le publier.

Avant de commencer

Avant d'activer la publication de votre formulaire, assurez-vous d'avoir : 

  • lié votre formulaire à au moins un groupe (allez dans l'éditeur de formulaire, onglet Paramètres, section Groupes cibles)
  • entré l'URL du site sur lequel vous allez publier votre formulaire (onglet Paramètres, section URL de votre site web)
     
    Vous devez entrer l'URL complète de votre site web en commençant par "http://" ou "https://". Même si votre formulaire ne sera publié que sur une page précise de votre site, n'entrez que la première partie de l'URL jusqu'à son extension. Par exemple, si la page où vous allez publier votre formulaire est "https://www.blog.monsiteweb.com/categorie/nouveautes", entrez "https://www.blog.monsiteweb.com".

    Si votre site prend en charge les deux protocoles ("http://" et "https://") et que vous souhaitez que votre formulaire s'affiche sur ces deux versions, vous devrez créer un formulaire pour la version "http://" et un pour la version "https://".
  • validé le message de succès de votre formulaire
  • sauvegardé vos derniers changements.

Obtenir le code de son formulaire

Pour intégrer votre formulaire sur votre site web, vous devrez d'abord récupérer son code. Il n'est pas nécessaire d'avoir terminé sa configuration pour l'ajouter à votre site, car même si vous faites des changements à votre formulaire, le code de son script, lui, ne changera pas et il ne s'affichera que lorsque vous activerez sa publication.

Pour récupérer le code de votre formulaire :

  • À partir de l'éditeur de formulaire, cliquez sur Obtenir le code. Puis, copiez le code de votre formulaire.

    Obtenir le code dans l'éditeur de formulaire
     
  • À partir de la liste des formulaires, ouvrez le menu Icone Actions situé à la droite de votre formulaire et sélectionnez l'option Voir le code. Puis, copiez le code de votre formulaire.

    Obtenir le code dans le menu d'actions des formulaires

Intégrer le code de votre formulaire sur votre site web

Pour intégrer le formulaire sur votre site, vous devez coller le code que vous avez copié à l'étape précédente à l'intérieur de la balise <head> de votre site Web. Il doit être présent sur chaque page où le formulaire pourrait apparaître. Pour qu'il s'affiche, n'oubliez pas d'activer sa publication dans votre compte.

Faire afficher le formulaire à partir d'un élément cliquable

Pour déclencher l'affichage d'un formulaire à partir d'un élément cliquable comme un hyperlien ou un bouton : 

  1. Assurez-vous que le script de votre formulaire ait bien été ajouté à l'intérieur de la balise <head> de la page où se trouve l'élément cliquable. Voir la section précédente.
  2. Dans l'éditeur de formulaire, copiez le code du lien à ajouter sur l'élément à cliquer pour faire afficher votre formulaire pop-up. Vous obtiendrez ce code au même endroit où se trouve le script de votre formulaire (bouton </> Obtenir le code au haut de l'éditeur). 

    Obtenir le code dans l'éditeur de formulaire

    Obtenir le code du lien cliquable
  3. Insérez le lien sur l'élément cliquable de votre site web. Voir les exemples ci-dessous.

Exemple de code

Dans les exemples ci-dessous, vous devez replacer la partie entre data-cifr-click=" et " par l'identifiant unique de votre formulaire.

Lien texte

<a href="javascript:void(0)" data-cifr-click="M5LA_BqRBNN2KVmgWzz95GKdRAYt6PUS3_-6xxxxxxxxxxxxxxxxxxxf6BX30xM77J6dZX0AkS6IE8Yuzru4w~~">Texte du lien</a>

Bouton

<button type="button" data-cifr-click="M5LA_BqRBNN2KVmgWzz95GKdRAYt6PUS3_-6xxxxxxxxxxxxxxxxxxxf6BX30xM77J6dZX0AkS6IE8Yuzru4w~~">Bouton</button>

Pour faire déclencher l'affichage du formulaire sur un événement personnalisé,  par exemple pour faire apparaître le formulaire seulement quand des conditions spécifiques sont remplies, vous pouvez utiliser le bout de code suivant à n'importe quel endroit dans votre javascript. N'oubliez pas de remplacer le ID dans l'exemple par l'identifiant unique de votre formulaire. Comme les exemples d'éléments cliquables ci-haut, vous devez aussi vous assurer que le script de votre formulaire soit présent à l'intérieur de la balise <head> de votre page.

if (cifr_loaded) {
    if (typeof window.externalCall_showForm === 'function') {
        window.externalCall_showForm("M5LA_BqRBNN2KVmgWzz95GKdRAYt6PUS3_-6xxxxxxxxxxxxxxxxxxxf6BX30xM77J6dZX0AkS6IE8Yuzru4w~~");
    }
}

Publier son formulaire

  1. À partir de l'éditeur de formulaire, activez l'interrupteur au haut à droite de l'éditeur.

    Activez la publication du formulaire
  2. Sauvegardez vos dernières modifications.
  3. Copiez, au besoin, le code du formulaire à intégrer sur votre site web. Puis, confirmez la publication en cliquant sur Publier.

    Popup de confirmation pour activer la publication de votre formulaire

Dépublier votre formulaire

Si vous avez à effectuer des changements sur votre formulaire ou vous souhaitez tout simplement cesser son affichage sur votre site sans avoir à retirer immédiatement le code de votre formulaire, vous pouvez simplement le dépublier.

Pour ce faire :

  1. À partir de l'éditeur de formulaire, désactivez l'interrupteur au haut à droite de l'éditeur.

    Désactiver l'interrupteur pour dépublier votre formulaire
  2. Puis, confirmez l'arrêt de la publication.

    Confirmer pour arrêter la publication

Vous pouvez également rapidement activer ou désactiver la publication de votre formulaire via l'interrupteur disponible dans la liste de vos formulaires.

Interrupteur pour publier ou dépublier dans la liste des formulaires

Voir aussi :

Haut