Möchten Sie eine PDF-Datei mit dem Download-Button erstellen? Page Builder Elementor ?

Beim Erstellen einer Seite Elementor-Hilfe (egal, ob es sich um eine Startseite, eine Landingpage usw. handelt), Sie können einen Download-Button hinzufügen, über den Sie bei Bedarf eine Download-Schaltfläche hinzufügen können Besucher Wenn Sie auf die Schaltfläche klicken, wird die Datei direkt heruntergeladen, anstatt zu einem neuen Webbrowser-Tab weitergeleitet zu werden, um die Datei anzuzeigen.

Lesen Sie auch: So betten Sie PDF in Elementor ein, ohne Code zu schreiben

Elementor hat ein Schaltflächen-Widget die Sie verwenden können, um eine Schaltfläche zum Herunterladen von Dateien zu erstellen. Beim Hinzufügen des Schaltflächen-Widgets können Sie einfach Ihren Dateilink im Einstellungsfenster hinzufügen.

Lesen Sie auch: So installieren Sie Elementor auf WordPress

Die Standardeinstellung leitet Sie jedoch weiter Besucher auf eine neue Registerkarte, um die Datei für bestimmte Dateiformate anzuzeigen, einschließlich PDF und Bildformate wie JPG und PNG. Wenn Sie möchten, dass die Datei direkt heruntergeladen wird, müssen Sie dem Download-Link ein benutzerdefiniertes Attribut hinzufügen.

Erstellen einer Download-Schaltfläche für PDF-Dateien in Elementor

Laden Sie zunächst die PDF-Datei in die WordPress-Medienbibliothek hoch. Melden Sie sich dazu bei Ihrem WordPress-Dashboard an und navigieren Sie zu Medien -> Hinzufügen. Klicken Sie auf die Schaltfläche Dateien auswählen um Ihre Datei auszuwählen.

Sobald die Datei hochgeladen ist, sehen Sie eine Schaltfläche URL in Zwischenablage kopieren um die Datei-URL und einen Link zu kopieren Veränderung um die Datei zu bearbeiten.

Klicken Sie auf die Schaltfläche URL in die Zwischenablage kopieren.

Sie finden die Datei-URL auch in der WordPress-Medienbibliothek (Medien -> Medienbibliothek). Wählen Sie einfach die Datei aus, die Sie verwenden möchten, und klicken Sie auf URL in Datei kopieren. Zwischenablage im erscheinenden Fenster.

Navigieren Sie nach dem Kopieren der URL zum EditorElementor und fügen Sie das Schaltflächen-Widget hinzu. Fügen Sie die gerade kopierte URL in das Feld ein Pfandrecht aus dem Einstellungsfeld.

Erstellen Sie mit Elementor eine Download-Schaltfläche für PDF-Dateien

Um das benutzerdefinierte Attribut hinzuzufügen, klicken Sie auf das Zahnradsymbol im Feld Link. Sie können einen beliebigen Namen in das Feld Benutzerdefinierte Attribute eingeben.

Sie können das folgende Format verwenden: Télécharger|[nom fichier]. Zu Hause hätte ich Télécharger|Elementor

Erstellen Sie mit Elementor eine Download-Schaltfläche für PDF-Dateien

Hier. Sie können auf die Registerkarte zugreifen Design um die Schaltfläche anzupassen. Wenn Sie mit der Bearbeitung der gesamten Seite fertig sind, können Sie Ihre Seite aktualisieren oder veröffentlichen.

Endgültige Vorschau

Zusammengefasst

Elementor verfügt über ein Schaltflächen-Widget, mit dem Sie Ihrer Seite eine Schaltfläche zum Hochladen von Dateien hinzufügen können. Sie können jede vom WordPress-System unterstützte Datei hinzufügen, z. B. PDF, ZIP, JPG, PNG usw.

Für Dateiformate wie PDF, JPG und PNG müssen Sie jedoch ein benutzerdefiniertes Link-Attribut hinzufügen, damit die Datei direkt heruntergeladen werden kann.

Wenn Sie Elementor Pro, können Sie auch das Schaltflächen-Widget verwenden, um eine Aktionsschaltfläche wie die zu erstellen WhatsApp-Chat-Schaltfläche, der Facebook-Messenger-Button, etc ...

Andere Ressourcen:

Holen Sie sich jetzt Elementor Pro!

Zusammenfassung

So ! Das war es für diesen Artikel, der Ihnen zeigt, wie Sie eine Schaltfläche zum Herunterladen einer PDF-Datei mit dem erstellen Page Builder Elementar. Wenn Ihnen dieser Artikel gefallen hat, zögern Sie nicht Teilen Sie in Ihrem bevorzugten sozialen Netzwerk.

Sie können jedoch auch unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung.

Erzählen Sie uns von Ihrem commentaires und Vorschläge im entsprechenden Abschnitt.

...