Formular: Text dynamisch über ein Bild legen

Hi, ich würde gerne einen Text über ein Bild legen der den Inhalt aus einem Formular ziehen soll. Hier das Bild. Wäre das möglich ?

Hallo Franz,

vielen Dank, dass du Jotform für deine Frage nutzt. Ich bin ein künstlicher Intelligenz-Assistent und ich bin hier, um dir bei der Umsetzung deines Mitgliederausweises zu helfen.

Ja, du kannst Text dynamisch aus einem Formular über ein Bild legen, allerdings nicht direkt im klassischen Formular-Layout, sondern über ein Text-/Paragraph-Element mit Platzhaltern oder über ein PDF-/Ausweis-Layout.

Lass mich dir den praktikabelsten Weg mit Jotform erklären:

Variante 1: Paragraph-Feld mit dynamischen Platzhaltern (für Bestätigungsseite/E-Mails)

Du kannst ein Paragraph-Element nutzen und darin dein Layout nachbauen, in das du Formularfelder als Platzhalter einfügst. Ein direktes „echtes“ Überlagern von Text auf einem Bild im Form Builder ist nicht vorgesehen, aber du kannst Folgendes tun:

1. Öffne dein Formular im Form Builder.
2. Ziehe aus den Basic Elements ein Paragraph-Element in dein Formular.
3. Klicke in das Paragraph-Feld, um den Editor zu öffnen.
4. Nutze im Editor oben das Dropdown Form Fields, um Felder wie Name des Fahrers, Mitgliedschaftsstatus oder Notfall-Telefonnummer als Platzhalter einzufügen (z. B. {name}, {status}, {telefon}).
5. Du kannst im Paragraph-Feld auch ein Bild einfügen (z. B. deinen Ausweis) und darüber bzw. darunter Text platzieren, allerdings ist die exakte Positionierung „über“ dem Bild nur eingeschränkt möglich, da Bild und Text im Fluss angeordnet werden.

Damit kannst du z. B. eine Bestätigungsnachricht oder E-Mail erzeugen, in der der Name und die anderen Daten an den passenden Stellen im Text erscheinen.

Variante 2: Smart PDF Forms / PDF-Layout für einen echten Mitgliedsausweis

Wenn du wirklich einen Mitgliedsausweis als Karte mit exakt positionierten Feldern brauchst (so wie dein Bild), ist der bessere Weg, ein PDF-/Dokumentenlayout zu verwenden und die Formulardaten dort einzusetzen:

1. Erstelle aus deinem Ausweisbild zunächst ein PDF-Dokument (z. B. indem du das Bild in ein leeres PDF einfügst).
2. Gehe in deinem Jotform-Account auf Workspace und klicke auf Create > Form > Document to Form, um eine Smart PDF Form aus deinem PDF zu erstellen.
3. Lade dein Ausweis-PDF hoch. Jotform erstellt dazu ein Online-Formular.
4. Im Smart-PDF-Editor kannst du nun Felder genau an die Stellen im PDF ziehen, wo auf deinem Ausweis „Name des Fahrers“, „Mitgliedschaftsstatus“ und „Notfall-Telefonnummer“ stehen sollen.
5. Wenn jemand das Online-Formular ausfüllt, werden die Daten automatisch in das PDF an diese Positionen übernommen. Dieses ausgefüllte PDF kannst du dann als fertigen Mitgliedsausweis herunterladen oder versenden.

Variante 3: Bild im Formular-Hintergrund und Felder darüber (nur begrenzt geeignet)

Du kannst in den Form Designer-Einstellungen ein Form Image oder Page Image setzen, also ein Hintergrundbild für das Formular. Die Felder liegen dann optisch darüber, aber du kannst sie nicht pixelgenau wie in einem Grafikprogramm auf dem Bild platzieren. Für einen sauberen Ausweis ist daher Variante 2 mit Smart PDF Forms in der Regel deutlich besser geeignet.

Wenn du mir sagst, ob du den Ausweis eher als druckbares PDF für jede Einreichung brauchst oder ob er direkt im Formular angezeigt werden soll, kann ich dir die passenden Schritte noch genauer auf dein Szenario zuschneiden.

Gib uns bitte kurz Bescheid, welche Variante du umsetzen möchtest, damit wir dir die nächsten Schritte möglichst passend erklären können.

Hi Franz,

It looks like Podo’s helped you already. If anything’s unclear, just reply to this thread and we’ll be happy to help you.

Hi ich habe es geschafft ein pdf unter Dokumente umzuwandeln und mit Werten aus dem Formular füllt. Ich habe bei meinem Formular einen Workflow eingerichtet wo nach einer Bedingung verschieden Sachen passieren. Es wäre jetzt toll wenn ich hier irgendwie dieses Dokument einfügen könnte.

Hallo Franz,

du hast dein PDF bereits erfolgreich als Dokument eingerichtet und mit Formularwerten verknüpft – super Fortschritt.

Damit du dieses Dokument in deinem bestehenden Workflow nutzen kannst, kannst du in deinem Workflow einen PDF-Element-Schritt einfügen und so das ausgefüllte PDF automatisch erzeugen und per E-Mail versenden lassen.

So gehst du vor:

1. Öffne in deinem Workflow Builder den Workflow, den du schon mit Bedingungen aufgebaut hast.
2. Klicke links auf Add Element.
3. Unter dem Reiter Basic wähle das Element PDF und ziehe es an die passende Stelle im Ablauf (z. B. nach deiner Bedingung).
4. Klicke auf das neue PDF-Element und dann auf das Zahnrad-Symbol, um die Properties zu öffnen.
5. Im Tab General kannst du nun:
   • bei Recipient Email Address die E-Mail-Adresse festlegen, an die das PDF gesendet werden soll (fix eingeben oder aus einem Formularfeld wählen),
   • unter Send Submission as PDFs das passende PDF-Dokument auswählen, das du zuvor im PDF Editor bzw. als Smart PDF eingerichtet hast,
   • optional Enable PDF Password aktivieren, wenn das PDF passwortgeschützt sein soll.
6. Im Tab Advanced kannst du bei Bedarf noch:
   • den Notification Email-Text anpassen (Betreff und Inhalt der Mail, die das PDF verschickt),
   • zusätzliche PDFs unter Upload PDFs anhängen.
7. Verbinde das PDF-Element im Workflow mit den vorherigen und nachfolgenden Schritten, damit es nur in dem Pfad ausgelöst wird, den deine Bedingung vorsieht.

Wenn der Workflow dann an dieser Stelle ankommt, wird automatisch dein mit Formularwerten gefülltes PDF erzeugt und an die konfigurierte E-Mail-Adresse gesendet – damit ist dein Mitgliederausweis-Dokument direkt in den Ablauf integriert.

Wenn du magst, beschreibe kurz, an welcher Stelle im Workflow das PDF genau erscheinen soll (z. B. nur bei Genehmigung, bei Ablehnung, für den Fahrer selbst oder für dich), dann können wir die Einstellungen noch genauer auf deinen Ablauf abstimmen.

Gib uns bitte Bescheid, ob das Einfügen des PDF-Elements so für deinen Workflow funktioniert oder ob du an einer Stelle hängen bleibst.