cta-card

Call to action OG image template

One headline and one oversized button with a mouse pointer about to click it, plus a line of social proof.

Call to action Open Graph image template rendered by Shareglint
Call to action template at square size (1080×1080)
Call to action template at portrait size (1080×1350)
Call to action template at story size (1080×1920)
Call to action template at pinterest size (1000×1500)
Call to action template at youtube size (1280×720)

These are real renders from the API with the example values in the table below. Switch the size above: the same template lays itself out for all 6 sizes — send size or sizes with the request.

For newsletters, SaaS and creators asking for one thing: subscribe, sign up, book a call. The headline shrinks to fit, the subtext keeps up to three lines and a long button label ends in an ellipsis inside the button. Without proof the button stands alone on its pad. Wide frames put the button on a spotlit pad to the right of the headline; square and vertical frames stack headline, button and proof.

Fields

Every field is optional. Long text shrinks to fit instead of overflowing; an image field takes a public URL that we fetch on our side.

Field Type Description Example
headline text The promise, e.g. One sharp idea about pricing, every Tuesday. default: Join the newsletter One sharp idea about pricing, every Tuesday
subtext text Supporting sentence under the headline. Five-minute reads from people who ran the experiments. No fluff, unsubscribe any time.
button_label text Text on the button, e.g. Subscribe free. default: Subscribe Subscribe free
proof text Social proof under the button, e.g. 12,000 founders read it. 12,000 founders read it
url text Address next to the logo. marginnotes.email
logo image URL Logo, square. https://example.com/images/logo-m.png
accent colour Brand colour as hex, e.g. #6366f1. Drives buttons, highlights and the background glow. default: #e11d48 #e11d48
theme dark | light Colour scheme: dark or light. default: light —

Render it with one request

Use the slug as template. The response holds the URL of the finished PNG; ?wait=true keeps the connection open until it is ready.

curl -X POST "https://shareglint.com/v1/images?wait=true" \
  -H "Authorization: Bearer sk_live_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template": "cta-card",
    "modifications": {
        "headline": "One sharp idea about pricing, every Tuesday",
        "subtext": "Five-minute reads from people who ran the experiments. No fluff, unsubscribe any time.",
        "button_label": "Subscribe free",
        "proof": "12,000 founders read it",
        "url": "marginnotes.email",
        "logo": "https://example.com/images/logo-m.png"
    }
}'

Or paste a signed URL into og:image

For static sites, Webflow, Shopify and no-code tools: put the fields in the query string and sign it with your signing secret. The first request renders the image, every later one is a redirect to the cached file. How to compute the signature.

<meta property="og:image" content="https://shareglint.com/i/acc_YOUR_ACCOUNT_ID/cta-card.png?button_label=Subscribe%20free&headline=One%20sharp%20idea%20about%20pricing%2C%20every%20Tuesday&proof=12%2C000%20founders%20read%20it&subtext=Five-minute%20reads%20from%20people%20who%20ran%20the%20experiments.%20No%20fluff%2C%20unsubscribe%20any%20time.&url=marginnotes.email&s=YOUR_SIGNATURE">

Make it yours

accent and theme change per request. For anything more, copy the template into your account: you get an ordinary HTML template with the same fields that you can edit in the dashboard or through the API. If the slug is free on your account, the copy takes it — your integrations switch to your version without changing a line.

curl -X POST "https://shareglint.com/v1/templates/library/cta-card/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

More Marketing & social proof templates

All 9 Marketing & social proof templates →  ·  All templates →