Urlbox Screenshots

Description

🎉 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 https://urlbox.io.

How to use the plugin

  1. First activate the plugin and fill in your Urlbox.io API Key and Secret in the settings page.

  2. (Optional) You can set default options for your screenshots such as width, height, and thumbnail width on the plugin settings page.

  3. Now when you want to display a screenshot inside a post or page, just use the following in a Shortcode block:

[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 <img> element inside a <figure> 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

  • WordPress
  • A Urlbox Account
  • Your Urlbox API key and secret (From: https://urlbox.io)

Known Bugs

  • None at this time

Screenshots

  • Settings view
  • Using the shortcode in a post
  • Viewing the results

Installation

  1. Upload the Urlbox plugin directory to the /wp-content/plugins/urlbox directory or install using the WordPress plugin installer
  2. Activate the plugin through the Plugins menu in WordPress
  3. Edit default settings as necessary using Urlbox Options
  4. Create a new page or post, or edit an existing one
  5. Insert your shortcode using the Shortcode block
  6. Customise your screenshots by changing options in your shortcodes

FAQ

How to change options from the shortcode

Pass them in like so: [urlbox url=www.bbc.co.uk width=100]
See https://urlbox.io/docs/options for default values

Reviews

December 5, 2016
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.
Read all 2 reviews

Contributors & Developers

“Urlbox Screenshots” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Urlbox Screenshots” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.5.2

Updated shortcode logic to allow all Urlbox API options

1.5.1

Updated HTML output and instructions for the block editor; tested with WordPress 5.9

1.5

Fixed minor bugs and tested with WordPress 5.7-beta

1.0

Initial Release