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

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é entre 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. Veuillez vous assurer que vous avez une 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" onclick="window.open(this.href,'_system'); return false;">TEXT</a>


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


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


HTML

<center><p>I Love Digital Forms<br> <a href="https://platform.moreapp.com/#/signup";; onclick="window.open(this.href,'_system'); return false;">Sign Up Now!</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 ajouter un numéro de téléphone ou bien une adresse mail:

Numéro de téléphone:

<ahref="tel:+31612345678">0612345678</a>


Adresse email:

<a href="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 sur 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 consulter la publication du Centre D'assistance


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 les possibilités de personnalisation de vos formulaires avec des thèmes!

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