Install PagePin in under 60 seconds

A single isolated script tag. Zero dependencies, zero build-step required, and zero CSS interference with your client’s website.

Create a Project

Log into your PagePin agency dashboard and add your client’s staging or production domain.

Paste the Script

Copy the 1-line script tag with your generated project ID into the website footer.

Collect Feedback

Send the website link to your client. They click anywhere to annotate issues with auto screenshots.

Platform Integration Snippets

Select your website stack to view copy-paste instructions.

Plain HTML / Any Site Snippet

<!-- PagePin Visual Feedback SDK -->
<script src="https://cdn.pagepin.dev/sdk/pagepin.js" data-project="prj_your_project_id"></script>

💡 Integration Tip: Paste this single line immediately before the closing </body> tag of your template.

Developer FAQ & Security

How the PagePin SDK guarantees site isolation and safety.

Does PagePin affect site performance?

The PagePin SDK script is less than 35KB gzipped and loads asynchronously. It does not block DOM rendering or impact your Google Lighthouse / Core Web Vitals score.

Can PagePin break my website’s CSS?

No. All widget elements, popovers, and bottom dock controls are encapsulated inside a Shadow DOM root. This guarantees complete style isolation with zero CSS bleed.

Can I use PagePin on localhost?

Yes! PagePin works seamlessly on localhost ports (e.g., http://localhost:3000, 8080) as well as staging URLs and live production domains.

Can clients see internal agency settings?

Never. The client-facing widget only displays feedback tools (Drop Pin and Resolved toggle). Your internal agency dashboard, billing, and project settings are private.