How to Take Site Screenshots With ScreenshotOne and Photo Block

Quickly take site screenshots, save them to your local media library, and show them off in style.

circle-check

Photo Blockarrow-up-right comes equipped with a ScreenshotOne integrationarrow-up-right WordPress integration. You can create a free ScreenshotOne account, allowing you to take 100 site screenshots monthly.

Here's a quick demo:

Use ScreenshotOne to Download Site Images

ScreenshotOne Pricing

ScreenshotOne offers a free trial, covering 100 screenshots a month when you sign up.

ScreenshotOne Plans

Consider a higher plan for heavy use, as it covers more screenshots.

circle-check

Finding Your ScreenshotOne API Access and Secret Keys

You'll need Access and Secret keys to integrate ScreenshotOne with Photo Block. Here's how to retrieve your keys.

ScreenshotOne API Keys

Ensure that signed requests are turned on. Signed requests secure your account and prevent misuse.

Enable Signed Requests

You can use the copy icons to retrieve both keys within the screen.

Copy Icons in ScreenshotOne Interface

Adding the Keys to the Photo Block

Find the admin settings, where you can enable the ScreenshotOne integrationarrow-up-right.

Enable ScreenshotOne

Enter both your Access and Secret keys, and save the API key.

If the API connection succeeds, it'll show a success alert.

Successful ScreenshotOne Connection

You can also set some ScreenshotOne defaults below. Make sure to save your changes.

Set Some ScreenshotOne Defaults

Using Photo Block to Generate a Site Screenshot Using ScreenshotOne

When adding the block, type in / command /photo block.

Adding the Photo Block
Adding the Photo Blockchevron-right

You'll now see ScreenshotOnearrow-up-right as an option.

ScreenshotOne Options

Clicking on it reveals an interface where you can enter a URL you want to take a screenshot of.

Photo Block Screenshot One Interface

You can open the Advanced toggle to customize a few defaults.

ScreenshotOne Block Interface

Lastly, click "Generate" to generate the image.

Generating an Image for Photo Block

You have successfully taken a screenshot using Photo Blockarrow-up-right and ScreenshotOnearrow-up-right.

Last updated

Was this helpful?