Wie Sie Bilder zu Ihren Formularen hinzufügen/einfügen

Das Hinzufügen von Bildern zu Ihrem Formular ist eine hervorragende Möglichkeit, es ansprechender und benutzerfreundlicher zu gestalten. Bilder liefern visuellen Kontext, veranschaulichen Sachverhalte, zeigen Beispiele und machen das Formular schlichtweg attraktiver. Sie können beispielsweise ein Foto einfügen, um zu zeigen, wie eine Serviceanfrage aussieht, ein Designbeispiel präsentieren oder eine Karte verwenden, um einen Standort zu markieren. Richtig eingesetzt, können Bilder Unklarheiten beseitigen und den Nutzern helfen, das Formular schneller und ohne Rätselraten auszufüllen.

Verwendung des Bildelements

Das Bildelement ist ein spezielles Feld, um Ihrem Formular visuelle Inhalte hinzuzufügen. Es erfasst zwar keine Daten, eignet sich aber hervorragend zur Darstellung von Logos oder Bannern – oder auch dazu, das Formular optisch ansprechend in verschiedene Abschnitte zu unterteilen.

Egal, ob Sie ein neues Formular erstellen oder ein vorhandenes aktualisieren: Sie können das Bildelement in wenigen einfachen Schritten hinzufügen und einrichten. So gehen Sie dabei vor:

1. Klicken Sie im Formular Generator auf der linken Seite der Seite auf Element hinzufügen.

2. Klicken Sie nun im Menü Formularelemente unter der Registerkarte Basis auf Bild. Oder ziehen Sie das Element einfach an die gewünschte Stelle in Ihrem Formular.

3. Klicken Sie dann im Bereich Allgemein des Fensters Bildeigenschaften, das sich auf der Seite Seite der Seite öffnet, auf Datei auswählen und wechseln Sie anschließend in dem sich öffnenden Menü zu einem der folgenden Reiter, um ein Bild hinzuzufügen:
   • Hochladen – Wählen Sie ein Bild direkt von Ihrem Gerät aus.
   • Meine Bilder – Wählen Sie Bilder aus, die Sie Bereits verwendet und im Ihren Konto gespeichert haben.
   • URL eingeben – Fügen Sie einen direkten link zu dem ein, was Sie verwenden möchten.

4. Legen Sie als Nächstes die Größe und Ausrichtung Ihres Bildes je nach Bedarf fest:
   • Größe – Die Felder für Breite und Höhe legen die Bildgröße in Pixeln fest und akzeptieren nur Zahlenwerte. Standardmäßig behält das Bild seine Originalgröße bei, es sie denn, es ist breiter als das Formular. In diesem Fall wird die Größe so angepasst, dass es hineinpasst, wobei dass Seitenverhältnis gewahrt bleibt. Sie können die Größe manuell ändern und die Bindung des Seitenverhältnisses aufheben, indem Sie auf dass Schloss-Symbol zwischen den Feldern klicken.
   • Bildausrichtung – Richten Sie das Bild links, mittig oder rechts im Formular aus.

Auf der Registerkarte Erweitert können Sie bei Bedarf auch die Folgenden erweiterten Einstellungen konfigurieren:

• Alternativtext – Beschreibt das Bild für Screenreader oder wird angezeigt, falls das Bild nicht geladen werden kann.
• Bild verlinken – Aktivieren Sie diese Option und geben Sie die URL in das Feld ein, das daneben erscheint, um das Bild in einen anklickbaren Link zu verwandeln.
• Dateireferenz – Legen Sie einen Referenznamen für das Bild fest; standardmäßig wird hierfür der Basis-Dateiname verwendet. Dieser Name kann in Skripten oder internen Funktionen zur Identifizierung des Bildes genutzt werden.
• Hover-Text – Geben Sie in das Feld den Text ein, der als Tooltip erscheint, wenn Nutzer mit der Maus über das Bild fahren.

Das war’s. Sie haben nun mithilfe des Bildelements erfolgreich ein Bild zu Ihrem Formular hinzugefügt.

Und wenn die Bilder in Ihrem Image-Element veraltet sind und Sie sie austauschen möchten, ist auch das ganz einfach. So gehen Sie dabei vor:

1. Klicken Sie auf das Zahnradsymbol auf der Rechten seite des Bildelements, um das Fenster Bildeigenschaften zu öffnen.
2. Klicken Sie auf der Registerkarte Allgemein neben der Vorschaubild-Grafik auf Bild entfernen.

3. Klicken Sie dann auf Datei auswählen, um eine neue Datei hochzuladen.

Verwendung des Abatz-Elements

Mit dem Element Absatz können Sie formatierten Text zu Ihrem Formular hinzufügen; zudem werden eingebettete Bilder unterstützt. Es eignet sich hervorragend, wenn Sie visuelle Elemente mit Anweisungen, Beschreibungen oder anderen ergänzenden Inhalten kombinieren möchten.

Egal, ob Sie ein neues Formular erstellen oder ein vorhandenes aktualisieren: Sie können das Element Absatz hinzufügen und konfigurieren, um in wenigen einfachen Schritten ein Bild einzufügen. So gehen Sie dabei vor:

1. Klicken Sie im Formular Generator auf der linken Seite der Seite auf Element hinzufügen.

2. Klicken Sie nun im Menü Formularelemente auf der Registerkarte Basis auf Absatz. Oder ziehen Sie das Element einfach an die gewünschte Stelle in Ihrem Formular.

3. Klicken Sie als Nächstes auf der rechten Seite des Felds Absatz auf das Stiftsymbol.

4. Klicken Sie dann im Texteditor in der oberen Symbolleiste auf das Symbol Bild einfügen.

5. Wechseln Sie nun im Fenster Bild einfügen zu einem der folgenden Reiter, um ein Bild hinzuzufügen, und klicken Sie dann auf Bild einfügen (sobald Sie ein Bild ausgewählt oder hochgeladen bzw. eine URL eingegeben haben, können Sie auf die Schaltfläche Bild einfügen klicken):
   • Hochladen – Wählen Sie ein Bild direkt von Ihrem Gerät aus.
   • Meine Bilder – Wählen Sie aus Bildern, die Sie bereits verwendet und in Ihrem Konto gespeichert haben.
   • URL eingeben – Fügen Sie einen direkten Link zu dem Bild ein, das Sie verwenden möchten.

6. Klicken Sie schließlich auf das Symbol mit dem Häkchen im Kreis auf der rechten Seite des Absatzfelds.

Das war’s. Sie haben nun mithilfe des Absatz-Elements erfolgreich ein Bild zu Ihrem Formular hinzugefügt.

Verwendung von Formular-Widgets

Es gibt Formular-Widgets, mit denen Sie mehrere Bilder gleichzeitig anzeigen können. Sie helfen dabei, visuelle Inhalte übersichtlich zu ordnen, ohne separate Bildelemente hinzufügen zu müssen. Je nachdem, wie die Bilder dargestellt werden sollen, können Sie zwischen einem Galerie- und einem Slider-Format wählen.

Das Widget Bildergalerie zeigt mehrere Bilder in einem Kachellayout an, sodass Nutzer alle Aufnahmen auf einen Blick sehen können. Es eignet sich hervorragend zur Präsentation von Produktbeispielen, Veranstaltungsfotos oder anderen Zusammenstellungen thematisch zusammengehöriger Bilder.

Weitere Informationen findest du in unserer Anleitung zum Hinzufügen und Einrichten des Bildergalerie-Widgets.

Das Image Slider-Widget zeigt Ihre Bilder in einem rotierenden Diashow-Format. Dies ist nützlich, um Vorher-Nachher-Fotos, Schritte in einem Prozess oder andere Sets hervorzuheben, bei denen Sie eine platzsparende, wischbare Ansicht wünschen.

Weitere Informationen finden Sie in unserer Anleitung zum Hinzufügen und Einrichten des Image-Slider-Widgets.