Avec le widget-HTML, ajoutez du texte et des images à vos formulaires numériques à l'aide du HTML. 


Vous n'avez pas encore de compte MoreApp ? Inscrivez-vous ici.


Vous ne pouvez pas travailler avec des placeholders dans le widget-HTML, mais avec du texte statique, des liens et des images.


1. Ajoutez du texte

Vous pouvez ajouter du texte à vos formulaires numériques à l'aide du widget-HTML, tel que des informations générales, des conditions générales et des certificats. Avec le widget-HTML, vous pouvez utiliser n'importe quel code HTML. Ajoutez le texte souhaité au sein de ce code HTML :


HTML

<p>TEXT</p> 

Si vous souhaitez ajouter le texte en caractères gras, le code HTML est le suivant :


HTML

<p><b>TEXT</b></p>


Vous pouvez également ajouter du texte en italique. Utilisez :


HTML

<p style="font-style: italic;">TEXT</p>


Si vous souhaitez que votre texte soit dans un style de police préféré, vous pouvez modifier la police en fonction du style souhaité. Pour ceci, vous devrez utiliser le code suivant : 


HTML

<font face="PREFERRED STYLE"<p>TEXT</p>


Par exemple, si vous souhaitez utiliser une police de caractère Times New Roman, voici le code :


HTML

<font face="Times New Roman"<p>TEXT</p>


2. Ajoutez des Puces

Vous pouvez également ajouter des puces dans le widget-HTML. Vous pouvez utiliser des puces pour illustrer des exemples ou des options. Utilisez ce code HTML pour les puces :

HTML

<p><ul style="list-style: inside disc">
<li>TEXT</li>
<li>TEXT</li>
<li>TEXT</li>


3. Ajoutez une Image 

Vous pouvez également ajouter une image à l'aide de ce widget. Vous pouvez utiliser cette option, par exemple, pour le logo de votre entreprise. 


Assurez-vous de posséder l'URL de l'image que vous souhaitez ajouter. Une fois que vous avez l'URL de l'image, utilisez ce code HTML : 


HTML

<div style="text-align: center"><img src="IMAGE URL" width="660" height="100" style="max-width: 100%"></img></div>


Comme vous pouvez le constater, vous pouvez personnaliser la largeur et la hauteur de l’image dans le code HTML.



4. Ajoutez un Lien URL 

Vous pouvez également ajouter un lien URL à l'aide du widget-HTML. Utilisez le code suivant pour cette option : 


HTML

<a href="URL LINK">TEXT</a>


Vous pouvez ajouter un texte introduisant le lien URL, par exemple : 



Pour ajouter du texte au-dessus du lien URL, utilisez le code suivant : 


HTML

<center><p>Digitalisez vos formulaires<br><a href="https://moreapp.com/fr/">Créez un compte ici !</a></p></center>


Comme vous pouvez le voir, vous pouvez utiliser ce code pour centrer le texte : 


HTML

<center><p>TEXT</p></center>


5. Ajoutez un Numéro de Téléphone ou une Adresse Email

Vous pouvez également ajouter un numéro de téléphone ou bien une adresse e-mail :


Numéro de téléphone :

<a href="tel:+31612345678">+31612345678</a>


Adresse e-mail :

<a href="mailto:info@moreapp.com">info@moreapp.com</a>


6. Ajoutez des couleurs 

Vous pouvez ajouter des couleurs au code HTML. Pour ce faire, vous aurez besoin du code hexadécimal de la couleur souhaitée.


  • Couleur d'Arrière-plan

Vous pouvez ajouter une couleur d'arrière-plan pour votre texte dans le widget-HTML, en utilisant le code suivant :


HTML

<div style="background-color:HEX COLOR CODE"><p>TEXT</p>


  • Couleur de Texte

Pour ajouter une couleur à votre texte, vous devrez utiliser le code suivant :



HTML

<div style="color:HEX COLOR CODE"><b>TEXT</b> 


  • Couleur de Fond

Vous pouvez également ajouter une couleur d'arrière-plan à une image dans le widget-HTML. Utilisez ce code HTML pour cette option :

HTML

<div style="float:POSITION;background-color:HEX COLOR CODE"><img src="IMAGE URL" style="margin:5px" width="32" height="32"></div>



7. Ajoutez un iFrame


HTML

<iframe src="https://moreapp.com/assets/MoreApp-Privacy-Policy.pdf" width="100%" height="300">
  <p>Your browser does not support iframes.</p></iframe>


8. Ajoutez une Rayure


HTML

<HR>


9. Intégrez un Formulaire à votre Site Web

<p align="center"><iframe src="PASTE LINK HERE" width="90%" height="600" style="border:1px solid lightgrey;"></iframe></p>


Cliquez ici pour découvrir comment ajouter un formulaire à votre site web.


Merci !


Merci d'utiliser MoreApp. N'oubliez pas que vous pouvez rechercher d'autres possibilités de codes HTML. Les codes mentionnés ici ne sont que quelques exemples. MoreApp ne donne pas d'autre support sur le codage HTML.


Apprenez-en plus sur la personnalisation de vos formulaires avec les thèmes !


Vous voulez être le premier à voir nos derniers tutoriels ? Rendez-vous sur notre Chaîne YouTube et cliquez sur le bouton S'abonner !