Guide d'intégration
Intégrer un formulaire YeetForm dans Ghost
L'éditeur de Ghost inclut une carte HTML qui exécute des balises script dans l'article ou la page publiée, permettant à un formulaire YeetForm de s'intégrer directement à votre inscription newsletter, un sondage lecteur, ou un formulaire de candidature à du contenu payant. Cela fonctionne à l'identique sur Ghost auto-hébergé et Ghost(Pro), la carte HTML étant une fonctionnalité de base de l'éditeur, pas un module de thème ou d'hébergement.
Étapes
Ajouter une carte HTML
Dans l'éditeur Ghost, tapez /html et appuyez sur Entrée, ou cliquez sur le bouton + sur une nouvelle ligne et choisissez HTML dans le menu des cartes.
Coller l'extrait
Collez le code ci-dessous dans la carte. Il charge le script YeetForm et affiche votre formulaire avec redimensionnement automatique.
<script src="https://yeetform.io/sdk.js"></script>
<div id="my-form"></div>
<script>
YeetForm.embed("your-form-slug", "#my-form");
</script>Prévisualiser et publier
Utilisez l'aperçu de Ghost pour vérifier que le formulaire s'affiche correctement, puis publiez ou mettez à jour l'article : les articles réservés aux membres fonctionnent comme les articles publics.
Astuces
- •Le formulaire se redimensionne automatiquement via un écouteur postMessage, inutile de deviner une hauteur fixe pour la carte HTML.
- •Les formulaires intégrés s'affichent sans l'en-tête propre à YeetForm, ils se lisent donc comme faisant partie de votre article Ghost plutôt qu'un widget intégré.
- •Ajoutez un champ caché et préremplissez-le depuis l'URL de l'article (?utm_source=... ou ?field_id=valeur) pour savoir quel numéro de newsletter ou article a généré une soumission.
Créez votre formulaire par IA en quelques secondes
L'offre gratuite inclut la génération IA, la logique et l'intégration.
Créez votre formulaire par IA en quelques secondes