dirk94

<p>Use the <code>[website-screenshot]</code> shortcode to automatically insert an up to date webiste screenshot.</p>
<h4>Shortcode Examples</h4>
<pre><code>// Website screenshot of wordpress.org
[website-screenshot url="https://wordpress.org" width="1680"]

// You can also resize the generated images
[website-screenshot url="https://wordpress.org" width="1680" thumbnail_width="100"]

// And you can add custom html tags
[website-screenshot url="https://wordpress.org" target="_blank" class="my-image-class"]
</code></pre>
<h4>Parameters</h4>
<ul>
<li>url (required) – The url</li>
<li>width – the width of the screenhsot</li>
<li>height – the height of the screenshot</li>
<li>thumbnail_width – Resize the image to the desired width, preserves the aspect ratio</li>
<li>alt – the image alt text</li>
<li>target – browser target. For example: use _blank to open in a new window</li>
<li>class – add a class to the screenshot</li>
</ul>
<h4>Generating the screenshot in PHP</h4>
<p>You can also use our PHP class to generate a screenshot:</p>
<pre><code><img src="<?php echo WebsiteScreenshot::screenshot(['url' => 'https://wordpress.org']); ?>" />
</code></pre>
<h4>Notes</h4>
<ul>
<li>This plugin relies on <a href="https://screenshotapi.net" rel="nofollow ugc">screenshotapi.net</a> you should create an account there and paste your API token into the settings page.</li>
</ul>


Website Screenshots

shrimp2t

PressMaximum

<p>Add Gutenberg block to take screenshot form URLs.</p>


Website screenshot blocks for Gutenberg

Website screenshot using screenshotbin API Gutenberg

Website Screenshots vs Website screenshot blocks for Gutenberg