Ronald Huereca

binarymoon

Browser Shots Carousel is a Gutenberg block that allows you to create a website carousel from your website screenshots using the Browser Shots service.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/-ib_polsSHU?version=3&rel=0&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>

Browser Shots Carousel

Create a carousel for your Browser Screenshots

urlbox.io

🎉 Easily display website screenshots of any URL in your WordPress site 🎉
This plugin uses the Urlbox API to generate website screenshots and display them on your site. Please note the Urlbox API is a paid service – you can sign up for a trial at <a href="https://urlbox.com" rel="nofollow ugc">https://urlbox.com</a>.
How to use the plugin
When running WordPress locally or in a containerised environment, we recommend you use at least WordPress version 6.0 and PHP 8.0.
<ol>
<li>
First activate the plugin and fill in your Urlbox.com API Key and Secret in the settings page.
</li>
<li>
(Optional) You can set default options for your screenshots such as width, height, and thumbnail width on the plugin settings page.
</li>
<li>
Now when you want to display a screenshot inside a post or page, just use the following in a Shortcode block:
</li>
</ol>
[urlbox url=google.com] // display a screenshot of google.com
If you want to override any of the settings, just pass the option into the shortcode:
[urlbox url=google.com full_page=true thumbnail_width=400] // display a full_page screenshot of google.com thumnailed down to 400px wide
The plugin wraps the <code><img></code> element inside a <code><figure></code> element. You can set the class of both the figure and the img elements from the settings page (which will apply to all screenshots), and also override these settings for an individual screenshot by passing the options in the shortcode:
[urlbox url=google.com figure_class=my-figure-class img_class=my-img-class ] // change the css classes of the wrapping figure and img element
What do you need
<ul>
<li>WordPress</li>
<li>A Urlbox Account</li>
<li>Your Urlbox API key and secret (From: <a href="https://urlbox.com" rel="nofollow ugc">https://urlbox.com</a>)</li>
</ul>
<h3>Known Bugs</h3>
1.6.0 – Bug in proxy logic. Testing one’s proxy connection in the plugin’s settings will not work due to an ‘Invalid JSON’ error, because of a lack of JSON encoding. This error does not display in the WordPress playground, but will display in any dockerised/live environment. Action taken was to fix the bug and release 1.6.1, and introduce a dockerised test/development environment for future coverage before releases.

Urlbox Screenshots

This is a well-executed plugin and would be a helpful tool for many users if not for the price. In order to use the plugin, a URLbox.io account is necessary. Good news, it's free for 7 days. Bad news, it's $29 a month after that. I'm not sure of many applications that would justify that price tag. Shame... it's a nice plugin.

Nice plugin, but $29/mo after 7 days (Ouch)

🎉 Easily display website screenshots of any URL in your Wordpress site 🎉

Browser Shots Carousel vs Urlbox Screenshots