Skip to main content

Screenshot deiner WordPress-Seite (inklusive Elementor & Entwürfen)

Designer, Entwickler und Agenturen nutzen Webshot, um WordPress-Seiten zu erfassen — Live-Beiträge, Entwurfsvorschauen, Elementor-Bearbeitungen — für die Kundenfreigabe, Design-Reviews und Changelog-Archive. Eigene Schriftarten werden geladen. Lazy-geladene Bilder werden gerendert. Gutenberg-Blöcke und Elementor-Widgets werden alle genau so dargestellt wie in einem Browser.

📸 WordPress-Seite erfassen (Desktop, ganze Seite) 📱 Mobil-Vorschau 📄 PDF für die Kundenprüfung

Alle Buttons öffnen das Aufnahmeformular bereits vorkonfiguriert. Format und Viewport kannst du nach dem Laden der Seite ändern.

Warum Webshot dafür

Elementor + Gutenberg

Beide beliebten Page-Builder werden korrekt gerendert. Eigene Widgets, dynamische Inhalte und sogar Animationen werden aufgelöst, bevor der Screenshot erstellt wird.

Eigene Schriftarten werden geladen

Selbst gehostete Schriftarten, Google Fonts, Adobe Fonts — alle werden vor der Aufnahme geladen und gerendert. Keine Ersatzschriftarten im Ergebnis.

Öffentliche Entwurfsvorschauen

Wenn der Entwurf eine öffentliche Vorschau-URL hat (z. B. WordPress-Vorschaulinks), kann Webshot ihn erfassen. Login-geschützte Entwürfe benötigen eine API-Integration.

Plugin-freundlich

WooCommerce-Produktseiten, AffiliateWP-Dashboards, LearnDash-Kurse — alles, was öffentlich zugänglich ist, wird perfekt erfasst.

So erstellst du WordPress-Screenshots

  1. Speichere deine WordPress-Seite als Entwurf und hole dir die öffentliche Vorschau-URL (typischerweise `?preview=true&p=...`) oder verwende die Live-URL.
  2. Füge die URL in das Webshot-Aufnahmeformular ein.
  3. Wähle Desktop-, Tablet- oder Mobil-Viewport — Webshot rendert die entsprechende responsive Variante.
  4. Klicke auf Erstellen. Der Screenshot ist in 5–15 Sekunden fertig und als JPG, PNG oder PDF herunterladbar.

Häufig gestellte Fragen

Ja. Stelle sicher, dass die Vorschau-URL öffentlich zugänglich ist (der Vorschaulink von Elementor ist normalerweise öffentlich, sofern du ihn nicht eingeschränkt hast). Füge die Vorschau-URL ein und erstelle den Screenshot — die komplette Elementor-Arbeitsfläche wird gerendert, inklusive Animationen und eigenem CSS.

Ja. Alle Gutenberg-Blöcke werden serverseitig über headless Chrome gerendert. Wiederverwendbare Blöcke, Muster und dynamische Blöcke wie Neueste Beiträge werden alle aufgelöst, bevor der Screenshot erstellt wird.

Nicht über das kostenlose öffentliche Formular — es kann sich nicht authentifizieren. Für Login-geschützte WordPress-Aufnahmen verwende die Webshot-API mit einem eigenen Auth-Header oder erstelle eine öffentliche Vorschau-URL für den Entwurf.

Ja. Webshot wartet, bis Schriftarten (über document.fonts.ready), Bilder und lazy-geladene Inhalte fertig geladen sind, bevor der Screenshot erstellt wird. Eigenes CSS, Themes, Child-Themes und Plugins werden alle gerendert.

Ja. Wähle im Aufnahmeformular den Mobil-Modus — Webshot verwendet einen 390px iPhone-Viewport mit mobilem User-Agent, sodass responsive Themes ihren mobilen Breakpoint darstellen.

Ja — jedes WordPress-Plugin, das öffentliche Ausgabe erzeugt, funktioniert. Produktseiten, Kurskataloge, Mitgliederverzeichnisse — Webshot erfasst das gerenderte Frontend. Eingeloggte Dashboards (wp-admin) erfordern API-Authentifizierung.

Bereit zum Erfassen?

Kostenlos, ohne Anmeldung, ohne Wasserzeichen. Einfach eine URL einfügen.

📸 Aufnahmeformular öffnen

Weitere Anwendungsfälle: Google Maps Screenshots · Landingpage-QA · Juristische Beweis-Screenshots · Social-Media-Screenshots · Konkurrenz-Monitoring · Alle ansehen →

Share: 𝕏 Twitter Facebook LinkedIn