1. Create a project and key
Sign in to Snappa and open the project where you want to receive reports. Create a project key in Project Keys and allow the website origins where the widget will run.
The key is a browser-facing project key, not a server secret. Do not use a private integration or worker secret in a script tag.
2. Install the CDN script
Follow CDN setup and replace the sample key with your project key.
Customize the appearance and reporting options in Widget setup.
3. Send a test report
Open the site on an allowed origin, submit a test report, and confirm that it appears in the intended project.
Use data attributes to add reporter and page context. Use the JavaScript API to control the widget after it loads.