Webflow
+ GoScreenAPI
Capture Screenshots from Webflow Logic — Automate Visual Content
Call GoScreenAPI from Webflow Logic automations or custom code embeds. Generate screenshots of any URL and use them in your Webflow site or CMS.
95+ Webflow users automate with GoScreenAPI
Get started with Webflow
Follow these steps to integrate GoScreenAPI into your Webflow workflow.
Get your GoScreenAPI key
Log in to GoScreenAPI, go to Dashboard → API Keys, and copy your API key. You will use this in your Webflow custom code or Logic automation.
Add a custom code embed to your Webflow page
In the Webflow Designer, add an Embed element where you want the screenshot functionality. Paste the JavaScript code below into the embed.
Configure the API call
Replace `YOUR_API_KEY` in the code with your actual key. Set the `url` parameter to the website you want to screenshot — this can be a dynamic value from a CMS field.
Display the screenshot
The API returns an `image_url`. Set an Image element's `src` attribute to this URL using JavaScript, or store it in a Webflow CMS field via the Webflow API.
Use Webflow Logic for server-side calls (optional)
For more secure API key handling, use Webflow Logic (available on Business+ plans) to make the API call server-side. Add an HTTP Request action pointing to the GoScreenAPI endpoint.
API Configuration
Endpoint
https://api.goscreenapi.com/v1/screenshot
Method
POST
Auth Header
X-API-Key
Required Headers
X-API-Key: YOUR_API_KEY
Content-Type: application/json
Request Body Example
{"url":"https://example.com","format":"png","full_page":true}Custom Code Embed (JavaScript)
fetch('https://api.goscreenapi.com/v1/screenshot', {
method: 'POST',
headers: {
'X-API-Key': 'YOUR_API_KEY',
'Content-Type': 'application/json'
},
body: JSON.stringify({
url: 'https://example.com',
format: 'png',
full_page: true
})
})
.then(res => res.json())
.then(data => {
document.getElementById('screenshot').src = data.image_url;
});What you can automate with Webflow
Real workflows GoScreenAPI users run every day — across screenshots, uptime monitoring, and visual change detection.
📸 Screenshot API
Screenshot on form submit
Capture the submitted page automatically when a new form entry arrives.
Screenshot on new CRM contact
Auto-screenshot a contact's website when they're added to your CRM.
Screenshot on new order
Capture the product page for every new e-commerce order.
Scheduled screenshots
Run daily or weekly screenshots of competitor pages automatically.
PDF invoice generation
Convert invoice pages to PDF and attach them to emails automatically.
OG image generation
Auto-generate Open Graph preview images for new blog posts or products.
🟢 Uptime Monitoring
Alert on site down
Get notified in Webflow when any monitored site goes down.
Alert on recovery
Trigger a workflow when a site comes back online after an outage.
Weekly uptime report
Send a weekly uptime summary to Slack, email, or a Google Sheet.
👁️ Visual Change Detection
Alert on visual change
Trigger a workflow when a competitor page or your own site changes visually.
Screenshot on change
Auto-capture a screenshot whenever a visual diff is detected.
Notify team on change
Send a Slack message or email with the diff image when a change is detected.
How much will it cost?
Simple, transparent pricing. Start free, scale as you grow.
250 screenshots/mo
Free
No credit card required
Start here10,000 screenshots/mo
$10
per month
25,000 screenshots/mo
$20
per month
Frequently Asked Questions
Common questions about using GoScreenAPI with Webflow.
Yes, if you have a Webflow Business or Enterprise plan with Webflow Logic. Add an HTTP Request action in a Logic flow. For free/Starter plans, use a custom code embed.
Avoid putting your API key directly in client-side custom code — it will be visible in the browser. Use Webflow Logic for server-side calls, or proxy the request through a serverless function (e.g., Cloudflare Workers).
Yes. You can capture screenshots of CMS item URLs and store the resulting `image_url` back in a CMS field using the Webflow CMS API. This is useful for auto-generating preview images.
Yes. You can call GoScreenAPI from any Webflow page, including member-only pages. Use custom code or Logic to trigger screenshots based on member actions.
Ready to automate screenshots?
250 free screenshots/month. No credit card required. Works with Webflow in minutes.