JS Morisset

Shortcode to include images from <a href="http://screenshotmachine.com/" rel="nofollow ugc">Screenshot Machine</a> in your content.
<h4>SSM Shortcode Required Attributes:</h4>
<ul>
<li><code>key="{customer API key}"</code></li>
<li><code>url="{webpage url}"</code></li>
</ul>
You can find the {customer API key} in your <a href="https://www.screenshotmachine.com/dashboard.php" rel="nofollow ugc">Screenshot Machine dashboard</a>.
The {webpage url} is the web page URL you want to capture in the screenshot.
<h4>SSM Shortcode Optional Attributes:</h4>
<ul>
<li><code>dimension="{width x height}"</code> (default is 120×90)</li>
<li><code>device="{desktop|phone|tablet}"</code> (default is desktop)</li>
<li><code>format="{jpg|png|gif}"</code> (default is jpg)</li>
<li><code>days="{cache expiration}"</code> (default is 14)</li>
<li><code>wait="{ms}"</code> (default is 200)</li>
<li><code>zoom="{percentage}"</code> (default is 100)</li>
<li><code>click="{css selector}"</code> (example: .button-close)</li>
<li><code>hide="{css selectors}"</code> (example: .add-banner1,.add-banner2)</li>
<li><code>cookies="{semicolon list}"</code> (example: name1=value1;name2=value2)</li>
<li><code>language="{locale}"</code> (example: en-US)</li>
<li><code>agent="{user agent}"</code></li>
<li><code>select="{css selector}"</code> (example: table.table:nth-child(3) > tbody:nth-child(2) > tr:nth-child(15))</li>
<li><code>crop="{x,y,width,height}"</code> (example: 100,0,800,300)</li>
<li><code>title="{title}"</code></li>
<li><code>link="{yes|no}"</code> (default is yes)</li>
<li><code>target="{name}"</code> (default is _blank)</li>
<li><code>refresh="{yes|no}"</code> (default is yes)</li>
</ul>
<h4>SSM Shortcode Attribute Details:</h4>
The dimension=”{width x height}” attribute examples:
<ul>
<li><code>dimension="320x240"</code> – screenshot size 320×240 pixels.</li>
<li><code>dimension="800x600"</code> – screenshot size 800×600 pixels.</li>
<li><code>dimension="1024x768"</code> – screenshot size 1024×768 pixels.</li>
<li><code>dimension="1920x1080"</code> – screenshot size 1920×1080 pixels.</li>
<li><code>dimension="1024xfull"</code> – full page screenshot with width equals to 1024 pixels (can be pretty long).</li>
</ul>
The days=”{cache expiration}” attribute value is a number of days that a screenshot should be used before a new one is created (default is 14).
The wait=”{ms}” attribute value is a number of milliseconds to wait before capturing the screenshot (default is 200).
The click=”{css selector}”, hide=”{css selectors}”, and select=”{css selector}” attribute values are CSS class and/or id selectors. For example:
<ul>
<li><code>click=".button-close"</code> – click this CSS class container before taking a screenshot.</li>
<li><code>hide=".add-banner1,.add-banner2"</code> – hide this CSS class container before taking a screenshot.</li>
<li><code>select="table.table:nth-child(3) > tbody:nth-child(2) > tr:nth-child(15)"</code> – take a screenshot only of this CSS container.</li>
</ul>
The title=”{title}” attribute value is a text string for the image alt and anchor title attributes.
The link=”{yes|no}” attribute value will determine if the image is linked to the web page URL or not.
The target=”{name}” attribute opens the link in that target (default is “_blank”). An empty string, “_self”, “_top”, “_parent”, or an HTML frame are other possible values.
The refresh=”{yes|no}” attribute value includes javascript to retry the image every second until it’s available (for a maximum of 10 seconds).
<h4>SSM Shortcode Example:</h4>
<pre>[ssm key="abc123" url="https://google.com/" dimension="800x600"]</pre>

JSM Screenshot Machine Shortcode

Shortcode to include images from Screenshot Machine in your content.

shawfactor

LH Wayback Machine integrates your website with the <a href="https://archive.org/web/" rel="nofollow ugc">Internet Archive</a> to create easy-to-view snapshots of your site over time, giving you a fully navigable visual history of the changes you’ve made.
The plugin gives you some handy tools to easily trigger and view snapshots:
<ul>
<li>Automatically creates a Wayback Machine snapshot when you update your content.</li>
<li>Automatically creates a Wayback Machine snapshot of archived content.</li>
</ul>
LH Wayback Machines automated functionality works for the following content types:
<ul>
<li>Posts</li>
<li>Pages</li>
<li>Custom Post Types</li>
<li>Categories</li>
<li>Tags</li>
<li>Custom Taxonomies</li>
</ul>
This means that whenever you edit/save one of these content types, a snapshot of the corresponding front-end page will be archived via the Wayback Machine. As you update your content, the Wayback Machine will automatically keep a visual history of your changes.
Like this plugin? Please consider <a href="https://wordpress.org/support/view/plugin-reviews/lh-wayback-machine/" rel="ugc">leaving a 5-star review</a>.
Love this plugin or want to help the LocalHero Project? Please consider <a href="https://lhero.org/portfolio/lh-wayback-machine/" rel="nofollow ugc">making a donation</a>.

LH Wayback Machine

This plugin does a great job to help make sure a site is more likely to be archived and that the archive is more complete at web.archive.org than just letting the Wayback Machine passively crawl & archive the web.

It helps make sure changes are also archived as updates are made for a more thorough history of a site as well.

Setup & implementation is very quick & easy to use.

As this plugin is more likely to ask more of archive.org's Wayback Machine effort, I do suggest highlighting the option to donate to Archive.org via donate link (in addition to the donation for support of the plugin itself; but the plugin couldn't exist without the service's ongoing support.)

Proactive & Automated Wayback Machine (Archive.org) Archiving

Automatically creates Wayback Machine snapshots of site, including archives

JSM Screenshot Machine Shortcode vs LH Wayback Machine