Widget Extraits de code pour votre site web
Présentez des exemples de code dans des blocs soignés et intégrables que les visiteurs peuvent facilement lire et copier. Ajoutez plusieurs extraits de code, choisissez les langages, alternez entre une mise en page avec onglets ou en liste, personnalisez l’apparence des blocs de code et publiez votre widget Extraits de code Jotform sur n’importe quel site web sans coder.
Comment créer un widget Extraits de code
Ajoutez vos exemples de code
Créez des extraits de code pour répondre à de véritables besoins de documentation, comme des commandes d'installation, des requêtes API, des exemples de réponses, des utilitaires CSS ou du code pour des tutoriels. Ajoutez un titre, choisissez le langage et collez le code correspondant à chaque exemple.
Choisissez le mode d'affichage des extraits de code
Utilisez des onglets lorsque les lecteurs doivent passer d’un exemple associé à un autre, ou une mise en page sous forme de liste pour les tutoriels étape par étape. Choisissez un thème de code, le style de la fenêtre, l’affichage des numéros de ligne, les libellés de copie, la largeur, l’espacement et l’arrondi des angles.
Intégrez-le à votre site
Prévisualisez le widget, copiez le code d’intégration et ajoutez vos exemples de code à votre documentation, votre centre d’aide, vos pages d’API, vos tutoriels produit ou vos guides de configuration afin de fournir aux visiteurs les informations nécessaires à leur implémentation.
Partagez des exemples de code faciles à parcourir et à copier
Ajoutez plusieurs extraits de code
Regroupez des exemples associés dans un même widget, comme des commandes d’installation, des requêtes API, des réponses JSON, des extraits CSS ou du code de tutoriel. Ajoutez des titres semblables à des noms de fichiers, des libellés de langage et des blocs de code modifiables afin que les lecteurs comprennent facilement l’utilité de chaque extrait.
Choisissez des thèmes de code familiers
Présentez des exemples techniques qui s’intègrent naturellement à votre documentation, vos centres d’aide et vos pages produit. Commencez avec des thèmes intégrés comme Midnight Glass, Nord, VS 2015, Zenburn, Railscast, Solarized Light ou Tomorrow, puis ajustez les principales couleurs pour les adapter à votre site.
Aidez vos visiteurs à copier le code rapidement
Permettez aux visiteurs de copier directement l’extrait de code dont ils ont besoin sans avoir à sélectionner manuellement le texte. Ajoutez des boutons de copie, des libellés confirmant la copie, des numéros de ligne et des éléments visuels de fenêtre afin de rendre les commandes de configuration et les exemples de code plus faciles à suivre et à réutiliser.
Contrôlez la mise en page et le comportement du widget intégré
Utilisez des onglets pour présenter une documentation compacte ou le mode liste pour les tutoriels étape par étape. Définissez une largeur automatique ou personnalisée, l’espacement, les ombres, la visibilité de la marque, l’affichage sur ordinateur et mobile ainsi que le CSS appliqué uniquement au widget afin de l’adapter à la mise en page de votre site.
Ce qui les rend les widgets de site web Jotform vraiment uniques
Les widgets Jotform rendent votre site web plus interactif et vous aident à augmenter vos conversions. Choisissez parmi de nombreux outils, comme des évaluations par étoiles, des curseurs de témoignages, des fenêtres contextuelles de preuve sociale ou des intégrations de contenus multimédias. Ajoutez des widgets à vos formulaires ou à vos pages de destination afin de collecter des données, d'afficher votre preuve sociale et de générer des prospects, sans coder.
Intégrez un widget Jotform à votre site web en copiant un code simple. Personnalisez, prévisualisez, puis insérez-le dans n'importe quelle page ou block HTML, le tout sans faire appel à un développeur.
Configurez les widgets de site web Jotform pour collecter des prospects, afficher des avis clients, mettre en avant votre preuve sociale, intégrer des contenus multimédias ou ajouter des outils utiles à vos pages web. Chaque widget permet aux visiteurs d'interagir directement avec votre entreprise depuis votre site web.
Si vous avez besoin d'aide pour configurer, personnaliser, intégrer ou résoudre un problème avec votre widget, l'équipe d'assistance de Jotform est disponible 24h/24 et 7j/7. Bénéficiez d'une assistance à tout moment, dès que vous en avez besoin.
Où utiliser votre widget Extraits de code
Ajoutez le widget partout où vos visiteurs ont besoin de consulter des exemples d’implémentation sans quitter la page.
Documentation pour développeurs pour afficher des commandes d’installation, des requêtes API, des exemples de réponses et des extraits de configuration.
Tutoriels produit pour expliquer les différentes étapes de configuration à l’aide d’exemples en HTML, CSS, JavaScript, SQL, shell ou JSON.
Centres d’aide pour présenter des instructions d’intégration, des données de webhook, des extraits de modèles ou des commandes de dépannage.
Pages de destination SaaS pour ajouter des exemples techniques compacts à côté des explications sur les fonctionnalités ou des informations relatives aux intégrations.
Sites éducatifs pour publier du code utilisé dans vos cours, des fichiers de démarrage et des exemples avant/après.
Pages d’agences et portfolios pour présenter des exemples d’implémentation à côté des études de cas de vos projets.
Transformez vos prospects en clients grâce au Générateur de formulaires Jotform
Transformez l'engagement en action grâce à Jotform. Créez des formulaires performants capables de collecter des prospects, d'encaisser des paiements et d'automatiser les réponses, le tout depuis un seul et même endroit. Chaque soumission est transférée dans votre Boîte de réception Jotform, d'où vous pouvez assurer le suivi ou l'intégrer à vos applications préférées.
Commencez : c'est gratuit !
FAQ
Qu'est-ce que le widget Extraits de code ?
Le widget Extraits de code est un bloc intégrable qui permet d’afficher sur votre site web des exemples de code avec un titre et une coloration syntaxique adaptée.
Les visiteurs peuvent-ils copier le code depuis le widget ?
Quels sont les formats disponibles ?
Puis-je afficher les numéros de ligne ?
Puis-je personnaliser le thème des blocs de code ?
Quels langages puis-je choisir ?
Fonctionne-t-il sur un appareil mobile ?
Dois-je savoir coder pour utiliser le widget ?