Wie Sie ein PDF-Dokument in Ihrem Formular anzeigen

Jotform ermöglicht es Ihnen, PDF-Dokumente direkt in Ihrem Formular anzuzeigen, sodass Benutzer sie ansehen können, ohne etwas herunterladen zu müssen. Egal, ob Sie einen Vertrag, ein Anleitungsblatt oder ein anderes Dokument zeigen möchten, das Einbetten eines PDFs hält alles an einem Ort und erleichtert es den Formularnutzern, auf die benötigten Informationen zuzugreifen.

Es gibt zwei Möglichkeiten, dies zu tun:

• Verwendung des PDF-Embedder Widgets
• Verwendung des abatz-Elements

Anzeigen eines PDF-Dokuments mit dem PDF-Embedder-Widget

Mit dem PDF-Embedder-Widget können Sie eine PDF-Datei direkt in Ihr Formular hochladen und einbetten. So richten Sie es ein:

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

2. Gehen Sie nun im Formularelemente-Menü auf den Widgets-Tab, suchen Sie nach PDF Embedder und klicken Sie darauf. Alternativ können Sie es einfach per Drag & Drop an die gewünschte Stelle in Ihrem Formular ziehen.

3. Als Nächstes klicken Sie im Widget-Einstellungsmenü, das sich auf der rechten Seite der Seite öffnet, unter dem Allgemein-Tab auf die Schaltfläche Datei hochladen und wählen Sie die Datei von Ihrem Gerät aus, um sie hochzuladen. Alternativ können Sie die PDF-Datei auch per Drag-and-drop auf die Datei-Upload-Fläche ziehen.

4. Sobald Sie fertig sind, klicken Sie auf Aktualisieren.

Das war’s! Ihr PDF-Dokument wird nun direkt in Ihrem Formular angezeigt, sodass es für die Benutzer leicht zugänglich ist, ohne dass ein Download erforderlich ist. Sie können sich in diesem Demo-Formular ansehen, wie es aussieht.

PDF-Dokument mit dem Absatz-Element anzeigen

Wenn Sie ein PDF-Dokument auf einem Server oder in einem Cloud-Speicher gehostet haben, können Sie es mithilfe des Absatzelements und eines einfachen HTML-Codes in Ihr Formular einbetten. So gehen Sie vor:

1. Kopieren Sie zuerst diesen Code:

<iframe
src="{url}"
  width="100%"
  height="500"
  style="border:none;">
</iframe>

2. Als Nächstes klicken Sie im Formular-Generator auf der linken Seite der Seite auf Element hinzufügen.

3. Gehen Sie dann im Formularelemente-Menü auf den Reiter Basis, scrollen Sie nach unten und klicken Sie auf Absatz. Alternativ können Sie das Element auch per Drag & Drop an die gewünschte Stelle in Ihrem Formular ziehen.

4. Klicken Sie nun auf Hier klicken, um diesen Text zu bearbeiten oder das Stiftsymbol, um mit dem Hinzufügen und Formatieren Ihres Textes zu beginnen.

5. Als Nächstes klicken Sie im Rich-Text-Editor des Absatzes auf das Symbol für den Quellcode.

6. Öffnen Sie dann das Quellcode-Fenster, fügen Sie den Code in das Eingabefeld für den Quellcode ein und klicken Sie auf OK.

7. Klicken Sie abschließend auf das Symbol mit dem eingekreisten Häkchen und Sie sind fertig.

Das war’s! Ihr PDF-Dokument ist nun eingebettet und direkt in Ihrem Formular sichtbar. Je nach verwendeter Methode können Formularbenutzer das PDF ansehen, ohne die Seite zu verlassen oder etwas herunterladen zu müssen. Neugierig, wie das in der Praxis aussieht? Schauen Sie sich dieses Demo-Formular an.