Getting Started¶

We’ll add a website screenshot thumbnail to a webpage you have. To do so, you must be able to edit the whole HTML of your page.

Include the script¶

Find the <head> tag of your page, and add the following code just before the closing </head> tag:

<script src="[[ ENDPOINT ]]/api/[[ apikey ]].js"></script>

It will make sure that the authentication mechanism is setup between your visitors browsers and our servers (if you don’t have an account and an API Key, skip this part).

Add an image¶

Let’s add a capture to Apercite within the page.

First, find the place where you’d like to add it, and add the following HTML code:

<a href="[[ url ]]" target="_blank">
    <img src="[[ ENDPOINT ]]/api/[[ apikey ]]/[[ size ]]/[[ url ]]" />
</a>

If you have a valid API Key, that’s it!

Otherwise, you can also try it using the limited anonymous API, with the following code:

<a href="[[ url ]]" target="_blank">
    <img src="[[ ENDPOINT ]]/api/[[ size ]]/[[ url ]]" />
</a>

That’s it!