Skip to main content

Skärmdumpa din WordPress-sida (inklusive Elementor & utkast)

Designers, utvecklare och byråer använder Webshot för att ta skärmdumpar av WordPress-sidor – publicerade inlägg, förhandsgranskningar av utkast, Elementor-redigeringar – för kundgodkännanden, designgranskningar och ändringsloggar. Anpassade typsnitt laddas. Lazy-loadade bilder renderas. Gutenberg-block och Elementor-widgets visas precis som i en webbläsare.

📸 Ta skärmdump av WordPress-sida (desktop full) 📱 Mobil förhandsgranskning 📄 PDF för kundgranskning

Alla knappar öppnar formuläret förkonfigurerat. Du kan ändra format och viewport när sidan har laddats.

Varför Webshot för detta

Elementor + Gutenberg

Båda populära sidbyggarna renderas korrekt. Anpassade widgets, dynamiskt innehåll och till och med animationer laddas färdigt innan skärmdumpen tas.

Anpassade typsnitt laddas

Egenhostade typsnitt, Google Fonts, Adobe Fonts – alla laddas och renderas före skärmdumpen. Inga reservtypsnitt i resultatet.

Offentliga förhandsgranskningar

Om utkastet har en offentlig förhandsgransknings-URL (t.ex. WordPress förhandsgranskningslänkar) kan Webshot fånga den. Utkast som kräver inloggning behöver en API-integration.

Plugin-vänligt

Produktsidor i WooCommerce, instrumentpaneler i AffiliateWP, kurser i LearnDash – allt som är offentligt tillgängligt fångas perfekt.

Hur man tar skärmdumpar av WordPress

  1. Spara din WordPress-sida som ett utkast och hämta den offentliga förhandsgransknings-URL:en (vanligtvis `?preview=true&p=...`) eller använd den publicerade URL:en.
  2. Klistra in URL:en i Webshots formulär.
  3. Välj desktop-, tablet- eller mobil-viewport – Webshot kommer att rendera den responsiva varianten därefter.
  4. Klicka på "Ta skärmdump". Skärmdumpen är klar på 5–15 sekunder och kan laddas ner som JPG, PNG eller PDF.

Vanliga frågor

Ja. Se till att förhandsgransknings-URL:en är offentligt tillgänglig (Elementors förhandsgranskningslänk är vanligtvis offentlig om du inte har skyddat den). Klistra in förhandsgransknings-URL:en och ta skärmdumpen – hela Elementor-ytan renderas, inklusive animationer och anpassad CSS.

Ja. Alla Gutenberg-block renderas på serversidan via headless Chrome. Återanvändbara block, mönster och dynamiska block som "Senaste inlägg" renderas alla innan skärmdumpen tas.

Inte via det kostnadsfria offentliga formuläret – det kan inte autentisera. För att ta skärmdumpar av WordPress-sidor som kräver inloggning, använd Webshot API med en anpassad autentiseringsheader, eller generera en offentlig förhandsgransknings-URL för utkastet.

Ja. Webshot väntar på att typsnitt (via document.fonts.ready), bilder och lazy-loadat innehåll ska laddas färdigt innan skärmdumpen tas. Anpassad CSS, teman, barnteman och plugins renderas alla korrekt.

Ja. Välj mobilläget i formuläret – Webshot använder en 390px iPhone-viewport med en mobil user-agent, så responsiva teman renderar sin mobila brytpunkt.

Ja – alla WordPress-plugins som producerar offentligt innehåll fungerar. Produktsidor, kurskataloger, medlemsregister – Webshot fångar den renderade front-end-vyn. Inloggade instrumentpaneler (wp-admin) kräver API-autentisering.

Redo att ta en skärmdump?

Gratis, ingen registrering, inga vattenstämplar. Klistra bara in en URL.

📸 Öppna formuläret

Andra användningsfall: Skärmdumpar av Google Maps · Kvalitetssäkring av landningssidor · Skärmdumpar för juridiskt bevis · Skärmdumpar av sociala medier · Konkurrentbevakning · Skärmdumpar för utvecklarflöden · Se alla →

Share: 𝕏 Twitter Facebook LinkedIn