Mit dem HTML-Widget fügen Sie Ihren digitalen Formularen Text und Bilder mithilfe von HTML hinzu.


1. Text hinzufügen

Sie können einen Text zu Ihren digitalen Formularen hinzufügen, indem Sie das HTML-Widget verwenden, der z.B. allgemeine Informationen, Nutzungsbedingungen und Zertifikate beinhaltet. Mit dem HTML-Widget können Sie einen beliebigen HTML-Code verwenden. Fügen Sie den gewünschten Text einfach zwischen diesem HTML-Code hinzu:


<p>TEXT</p> 


Wenn Sie den Text in fettgedruckten Buchstaben haben möchten, lautet der HTML-Code:


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


Sie können Ihren Text auch in Kursivschrift hinzufügen, indem Sie folgenden Code verwenden:


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


Wenn Sie einen speziellen Schriftstil bevorzugen, in dem Ihr Text dargestellt werden soll, können Sie einfach die Schriftart individuell anpassen. Um dies zu tun, müssen Sie folgendes tun:


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


Wenn Sie beispielsweise die Schriftart "Times New Roman" verwenden möchten, ist dies der richtige Code:


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



2. Stichpunkte hinzufügen

Sie können im HTML-Widget auch Stichpunkte hinzufügen. Sie können diese verwenden, um Beispiele oder Optionen darzustellen. Verwenden Sie diesen HTML-Code für Ihre Stichpunkte:


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



3. Bild hinzufügen

Mit dem HTML-Widget können Sie auch ein Bild hinzufügen, um beispielsweise Ihr Firmenlogo zu verwenden. Bitte stellen Sie sicher, dass Sie eine URL des Bildes haben, das Sie hinzufügen möchten. Sobald Sie die URL des Bildes haben, verwenden Sie diesen HTML-Code:


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


Wie Sie sehen können, ist die Breite und Höhe des Bildes im HTML-Code anpassbar.




4. Webadresse/URL hinzufügen

Sie können auch eine Webadresse/URL mit dem HTML-Widget hinzufügen. Verwenden Sie den folgenden Code für diese Option:


 <a href="URL LINK" onclick="window.open(this.href,'_system'); return false;">TEXT</a>


Sie können einen Text hinzufügen, der die Webadresse/URL einführt, zum Beispiel:



Um dieses Design mit einem Text mithilfe der Webadresse/URL zu erreichen, verwenden Sie den folgenden Code:


<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>


Wie Sie sehen können, können Sie diesen Code verwenden, um den Text zu zentrieren:


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



5. Farben hinzufügen

Sie können dem HTML-Code auch Farben hinzufügen. Um dies zu tun, benötigen Sie lediglich den Hex-Code Ihrer gewünschten Farbe.

  • Hintergrundfarbe

Mit diesem Code können Sie eine Hintergrundfarbe für Ihren Text im HTML-Widget hinzufügen:


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


  • Textfarbe

Um Ihrem Text eine Farbe hinzuzufügen, müssen Sie den folgenden Code verwenden:


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


  • Hintergrundfarbe des Fotos

Sie können einem Bild im HTML-Widget auch eine Hintergrundfarbe hinzufügen. Verwenden Sie diesen HTML-Code für diese Option:

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






6. iFrame hinzufügen


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


7. Streifen hinzufügen


<HR>


8. Formular zur Website hinzufügen


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


Erfahren Sie hier mehr, wie man Formulare in Ihre Website einbinden kann.



Vielen Dank!

Vielen Dank, dass Sie MoreApp verwenden. Beachten Sie, dass Sie nach anderen Möglichkeiten für HTML-Codes suchen können: die hier genannten Codes sind lediglich nur einige von vielen Beispielen. MoreApp gibt keine zusätzliche Unterstützung für HTML-Codierung jeglicher Art.


Erfahren Sie mehr, wie man das Farbschema Ihrer Formulare anpassen kann!

Möchten Sie als erster unsere neuesten Tutorials sehen? Besuchen Sie uns auf YouTube und abonnieren Sie unseren MoreApp-Kanal.