Skip to main content

Зробіть скріншот вашого сайту WordPress (включаючи Elementor та чернетки)

Дизайнери, розробники та агентства використовують Webshot для створення знімків сторінок WordPress — опублікованих записів, попереднього перегляду чернеток, правок в Elementor — для затвердження клієнтами, оглядів дизайну та архівів змін. Власні шрифти завантажуються. Зображення з відкладеним завантаженням відтворюються. Блоки Gutenberg та віджети Elementor відображаються точно так, як у браузері.

📸 Зробити знімок сторінки WordPress (повний екран) 📱 Мобільний перегляд 📄 PDF для перегляду клієнтом

Усі кнопки відкривають форму знімка з попередньо налаштованими параметрами. Ви можете змінити формат та область перегляду після завантаження сторінки.

Чому варто обрати Webshot

Elementor + Gutenberg

Обидва популярні конструктори сторінок відтворюються коректно. Власні віджети, динамічний контент і навіть анімації завантажуються до створення знімка.

Завантаження власних шрифтів

Шрифти, розміщені на власному хостингу, Google Fonts, Adobe Fonts — усі завантажуються та відтворюються перед знімком. Жодних резервних шрифтів у результаті.

Публічний перегляд чернеток

Якщо чернетка має публічну URL-адресу для попереднього перегляду (наприклад, посилання для перегляду WordPress), Webshot може зробити її знімок. Для чернеток, що вимагають входу, потрібна інтеграція через API.

Сумісність із плагінами

Сторінки товарів WooCommerce, панелі AffiliateWP, курси LearnDash — усе, що є загальнодоступним, фіксується ідеально.

Як робити скріншоти WordPress

  1. Збережіть свою сторінку WordPress як чернетку та скопіюйте публічну URL-адресу для попереднього перегляду (зазвичай `?preview=true&p=...`) або використовуйте URL-адресу опублікованої сторінки.
  2. Вставте URL-адресу у форму знімка Webshot.
  3. Виберіть область перегляду для комп’ютера, планшета чи мобільного пристрою — Webshot відповідно відтворить адаптивну версію.
  4. Натисніть «Зробити знімок». Скріншот буде готовий за 5–15 секунд, доступний для завантаження у форматах JPG, PNG або PDF.

Часті запитання

Так. Переконайтеся, що URL-адреса для попереднього перегляду є загальнодоступною (посилання для перегляду в Elementor зазвичай публічне, якщо ви не обмежили до нього доступ). Вставте URL-адресу для перегляду та зробіть знімок — відтвориться повне полотно Elementor, включно з анімацією та власними стилями CSS.

Так. Усі блоки Gutenberg відтворюються на стороні сервера за допомогою headless Chrome. Багаторазові блоки, патерни та динамічні блоки, як-от «Останні записи», завантажуються до того, як буде зроблено знімок.

Не через безкоштовну публічну форму — вона не може автентифікуватися. Для знімків сторінок WordPress, що вимагають входу, використовуйте Webshot API з власним заголовком автентифікації або згенеруйте публічну URL-адресу для попереднього перегляду чернетки.

Так. Webshot чекає, доки шрифти (через document.fonts.ready), зображення та відкладено завантажений контент стабілізуються, перш ніж робити знімок. Власні CSS, теми, дочірні теми та плагіни — усе відтворюється коректно.

Так. Виберіть режим «Мобільний» у формі знімка — Webshot використовує область перегляду iPhone 390px з мобільним user-agent, тому адаптивні теми відтворюють свою мобільну версію.

Так — будь-який плагін WordPress, що генерує публічний контент, працюватиме. Сторінки товарів, каталоги курсів, каталоги учасників — Webshot робить знімок відтвореного фронтенду. Панелі керування, що вимагають входу (wp-admin), потребують автентифікації через API.

Готові зробити знімок?

Безкоштовно, без реєстрації, без водяних знаків. Просто вставте URL.

📸 Відкрити форму знімка

Інші сценарії використання: Скріншоти Google Maps · Тестування лендингів · Скріншоти як юридичні докази · Скріншоти із соціальних мереж · Моніторинг конкурентів · Скріншоти для робочого процесу розробника · Переглянути всі →

Share: 𝕏 Twitter Facebook LinkedIn