Comment intégrer un Typeform

1. Installez et lancez l'extension d'export (lien)

Extension

Figma
en code

<section>
class="hero"
<h1>...</h1>
</section>

Exporter Figma en HTML, React et code propre

Par l'éditeur

★ 372k

Que fait cette extension ?

Obtenez du code propre depuis votre design et accélérez la phase de développement.

Exportez Figma en HTML, CSS, React ou Vue

Convertissez vos designs en composants propres
Partagez avec les développeurs, qui gagnent le pouvoir de produire du code selon leurs préférences

Créez des prototypes en code

Créez des prototypes qui se comportent comme le vrai produit
Ajoutez graphiques, vidéo, champs de texte, menus déroulants, animations d'entrée et plus encore

Voir plus dans la communauté

2. Sélectionnez une frame

↳ Bouton d'appel à l'action

Section formulaire

En-tête

Formulaire

□ camera-intervenant

□ barre-navigateur

🖼 Intégrez votre formulaire ici

▯ appareil

Pied de page

Page d'accueil V2 - Bureau

Page d'accueil - Bureau

2 →Que souhaitez-vous demander à vos prospects ?*

Description (optionnel)

A Réponse A

B Réponse B

C Réponse C

Ajouter un choix

Code d'intégration

Copiez ou remplacez uniquement la section surlignée pour conserver ces dimensions de cadre lors de la mise à jour du Typeform, ou
Copiez puis collez le code d'intégration complet et ajustez la taille selon vos préférences.

Cliquez sur Enregistrer une fois terminé.

https://votreformulaire.fr/vers/AbC123?typeform-medium=embed-fullpage&hide-headers=true

Exporter Figma en HTML et code ×

CodeRéglagesAide

Code d'intégration

<div id="widget" data-tf-widget="AbC123">
</div>
<script>
  var js, q,
  d = document,
  gi = d.getElementById,
  ce = d.createElement,
  gt = d.getElementsByTagName,
  id = "typef_orm",
  b = "https://embed.typeform.com/";
  if (!gi.call(d, id)) {
    js = ce.call(d, "script");
    js.src = b + "embed.js";
    q = gt.call(d, "script")[0];
    q.parentNode.insertBefore(js, q);
  }
</script>

3. Cliquez sur « Aperçu » puis « Synchroniser »

Récupérez votre code d'intégration ×