Mithilfe des HTML-Widgets fügen Sie Ihren digitalen Formularen Text und Bilder per HTML hinzu. 

Noch keinen MoreApp-Account? Hier anmelden!

Gewünschte Placeholder lassen sich im HTML-Widget nicht nutzen, dafür können Sie jedoch einen statischen Text, Links und Bilder verwenden.


1. Text 


Sie können einen Text zu Ihren digitalen Formularen hinzufügen, indem Sie das HTML-Widget verwenden, das z.B. allgemeine Informationen, Nutzungsbedingungen und Zertifikate beinhaltet. Mit dem HTML-Widget können Sie einen beliebigen HTML-Code nutzen. Fügen Sie den gewünschten Text einfach zwischen dem 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


Sie können im HTML-Widget auch Stichpunkte auflisten. Diese verwenden Sie, 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


Mit dem HTML-Widget können Sie auch ein Bild verwenden, um z.B. Ihr Firmenlogo zu hinterlegen. Bitte stellen Sie sicher, dass Sie den URL-Link des Bildes haben, welches Sie hinzufügen möchten. Sobald Sie die URL des Bildes haben, verwenden Sie den folgenden HTML-Code:


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


Wie Sie sehen, lässt sich die Breite und Höhe eines Bildes im HTML-Code beliebig anpassen.



4. URL-Link


Sie können auch einen URL-Link mit dem HTML-Widget hinzufügen. Verwenden Sie dazu den folgenden Code:


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


Sie können auch einen Text hinzufügen, der direkt zu einem URL-Link führt:


Um dieses Design mit einem Text mithilfe eines URL-Links zu erstellen, verwenden Sie den folgenden Code:


<center><p>Digitale Formulare
 <a href="https://platform.moreapp.com/#/signup";; onclick="window.open(this.href,'_system'); return false;">Hier anmelden!</a></p></center>


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


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


5. Telefonnummer und E-Mail


Telefonnummer


<a href="tel:+49 (0)30 12345-67">+49 (0) 30 1234567</a>


E-Mail


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


6. Farben 


Sie können dem HTML-Code auch beliebige 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 bei Bildern

Sie können einem Bild im HTML-Widget auch eine Hintergrundfarbe zuweisen. 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>



7. iFrame 


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


8. Streifen 


<HR>


9. Link zu Formular auf Website 


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


Erfahren Sie hier me, wie Sie Formulare in Ihre Website einbinden.



Vielen Dank!


Beachten Sie, dass Sie stets nach weiteren Möglichkeiten für HTML-Codes suchen können. Die hier genannten Codes sind lediglich nur Beispiele. MoreApp gibt keine zusätzliche Unterstützung für HTML-Codierung jeglicher Art.


Erfahren Sie mehr, wie man ein Farbschema für Ihre Formulare anpassen kann!

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