Ajouter un formulaire à Facebook (Application iFrame personnalisée)

7 décembre 2023

Il existe plusieurs fournisseurs de modules d’onglets personnalisés pour Facebook, mais Static HTML de Thunderpenny est le plus adapté à cette méthode. Vous pouvez utiliser cette application pour ajouter un formulaire à votre page Facebook sans avoir besoin de compétences techniques et de fouiller dans la page des développeurs de Facebook.

Youtube Embed Poster: DROl7-2Qqx4

Note

Vous ne pouvez ajouter un onglet personnalisé que si votre page Facebook compte 2 000 abonnés ou plus. Consultez Facebook – Page Tabs pour plus de détails. Si vous remplissez ce critère, veuillez suivre les étapes ci-dessous.

Ajouter l’application Iframe personnalisée à votre page Facebook

Tout d’abord, vous devez ajouter l’application Iframe personnalisée à votre page Facebook pour créer l’onglet personnalisé pour votre formulaire. Voici les étapes à suivre :

  1. Rendez-vous sur Static HTML: iframe tabs.
  2. Cliquez sur le bouton Add Static HTML to a Page. Le bouton ouvrira un onglet de dialogue.
Static HTML iframe tabs on Facebook showing tab with a button to add the custom tab
  1. Sélectionnez la page à laquelle vous souhaitez ajouter l’onglet personnalisé dans le dialogue.
  2. Cliquez sur le bouton Add Page Tab en bas pour terminer. La page vous redirigera vers la page choisie.
Add page tab dialog with dropdown to choose a Facebook page and a button to add the page tab

Ajouter le formulaire à votre page Facebook

Maintenant que vous avez installé l’application, procédons à l’ajout du formulaire à votre page Facebook via l’onglet personnalisé ajouté par l’application Static HTML. Voici comment procéder :

  1. Pendant que vous consultez votre page Facebook, cliquez sur le menu Plus dans la liste des onglets affichés.
  2. Cliquez sur Static HTML [12] dans la liste. Vous pouvez changer ce libellé ultérieurement.
A screenshot of a Facebook page showing the Custom Iframe app
  1. Cliquez sur le bouton de l’onglet Setup. Le bouton ouvrira le site web Static HTML pour configurer l’onglet.
Facebook page showing the Static HTML app with a button to set up the tab
  1. Récupérez les codes d’intégration Iframe de votre formulaire.
  2. Collez les codes Iframe dans la zone index.html.
  3. Cliquez sur le bouton Save and Publish en haut de la page. Le formulaire devrait être ajouté cette fois-ci. Revenez à l’onglet personnalisé de votre page Facebook pour confirmer.
Static HTML website showing the embed box and the save & publish button

Modification du nom de l’onglet personnalisé

Facebook masque l’option de modification du nom de l’onglet dans l’affichage et les paramètres de votre page, mais vous pouvez toujours le faire en ajoutant un seul paramètre à l’URL de vanité de votre page Facebook. Cela peut être un peu délicat, mais tant que vous suivez les étapes, vous devriez pouvoir changer le nom ou l’étiquette de l’onglet. Allons-y !

  1. Ajoutez le paramètre settings/?tab=apps à l’URL de votre page Facebook. L’URL devrait ressembler à ceci :
https://www.facebook.com/{your_page}/settings/?tab=apps
  1. Cliquez sur Edit Settings depuis l’application Static HTML. Le lien ouvrira une petite fenêtre contextuelle.
Facebook page settings showing an option to edit a custom tab name
  1. Entrez votre nom d’onglet personnalisé.
  2. Cliquez sur le bouton Save. Une petite icône de chargement indique que les modifications sont enregistrées. Lorsque l’icône de chargement s’arrête, cela signifie que Facebook a enregistré les modifications.
  3. Enfin, cliquez sur le bouton OK pour fermer la fenêtre contextuelle. Rendez-vous sur votre page pour confirmer les modifications.
A screenshot of a Facebook tab settings showing the custom tab name

Suppression de l’onglet personnalisé

Vous pouvez facilement supprimer l’onglet personnalisé en ajoutant le même paramètre d’URL settings/?tab=apps à l’URL de votre page Facebook, mais cette fois-ci, effectuez les étapes suivantes :

  1. Cliquez sur l’icône X située à l’extrême droite de l’onglet personnalisé.
  2. Cliquez sur le bouton Yes pour confirmer. C’est tout !
A screenshot of a Facebook apps with steps on how to remove an app

Ajout d’un nouvel onglet personnalisé

Facebook ne vous permet pas d’ajouter deux fois la même application Iframe sur la même page, mais Static HTML a réservé des applications pour cela. Rendez-vous sur Thunderpenny – Add Tab pour en savoir plus.

Modification de l’onglet personnalisé

Si vous souhaitez modifier le formulaire, vous devez modifier l’onglet personnalisé. Pour cela :

  1. Accédez à l’onglet personnalisé ajouté par l’application Static HTML.
  2. En tant qu’administrateur de la page, vous devriez voir le bouton Edit App en haut du formulaire. Cliquez dessus. Le bouton vous redirigera vers le site web Static HTML, où vous pouvez mettre à jour les paramètres de l’onglet et changer les codes d’intégration.
Ajouter un formulaire à Facebook (Application iFrame personnalisée) Image-1

Voici également d’autres alternatives intéressantes à l’application Static HTML :

Si vous rencontrez des difficultés avec l’une des étapes ci-dessus ou si vous avez d’autres questions sur ce guide, n’hésitez pas à les poser dans la zone de commentaires ci-dessous.

Contacter l'assistance :

Notre équipe d'assistance clientèle est disponible 24 heures sur 24 et 7 jours sur 7, et notre temps de réponse moyen est d'une à deux heures.
Notre équipe peut être contactée via :

Forum d'assistance : https://www.jotform.com/answers/

Contacter l'assistance Jotform : https://www.jotform.com/contact/

Envoyer un commentaire:

Jotform Avatar
Ce site est protégé par reCAPTCHA, et les Politique de confidentialité et Conditions de service de Google s'appliquent.

Podo Comment Soyez le premier à commenter.