Add Text to Hat Mockups over the API
Set a brand name or slogan on the front panel of your hat PSD and render a finished cap mockup, one call per design.
- per rendered hat
- 1 credit
- per rendered hat
- text slot stays editable
- Front panel
- text slot stays editable
Caps carry short, punchy front-panel text, and that copy changes far more than the cap itself. Keep the panel wording as a text layer and SudoMock renders a fresh hat mockup per design from the same PSD. Send the words at render time and the placement stays on the panel where it belongs.
How text personalization works on a hat
Three steps take one hat template to repeatable personalized outputs, with one render call per output.
- Step 1
Keep panel text editable
Leave the front-panel brand name or slogan as a text layer in the hat PSD. That slot is what each design variation will change.
- Step 2
Read the panel layer id
The upload response returns the panel text layer with its font, size, and color. Note its uuid for each render request.
- Step 3
Render each cap
Send one render call per design with new panel text. Each call returns one cap mockup with the same crown and brim while the front wording changes.
Mixed-style text on a hat, editable run by run
A cap panel with a bold brand word above a thin location tag.
The bold brand word and the thin location tag can share a layer and stay separately editable. Change the location tag for a new market and the brand word above it holds its weight and size.
Representative render request
Change the panel brand word for a new colorway.
{"mockup_uuid": "8d1f3c50-0e2f-4b48-94c3-5d6e7f809112","text_layers": [{ "uuid": "11111111-1111-4111-8111-111111111111", "text": "SUMMIT", "color": "#FFFFFF" }],"export_options": { "image_format": "png", "image_size": 1800 }}
Replace mockup_uuid and each text-layer uuid with values from the upload response, then send only the layers you want to change.
What powers every hat render
SudoMock renders the text layers in your PSD, so you can swap the wording, font, size, and color at render time and get back an image that keeps the look the designer built.
- 2,000+ open-licensed font families, free for commercial use
- Custom TTF and OTF font upload, up to 5 MB each, on Pro and Scale
- Styled segments: mixed-style layers stay editable run by run
- Box text: area text wraps inside its box and clips exactly as designed
The built-in font catalog is the full open-licensed Google Fonts library (2,000+ families under OFL, Apache, and UFL licenses), free to use in commercial work. Pro and Scale plans can also upload their own TTF and OTF fonts.
Questions about hat text mockups
Can I preview several cap slogans from one hat mockup?
Yes. Keep the panel copy as a text layer and send each slogan in its own render call. Every cap keeps the same crown and brim while the front wording changes, so you can compare a full lineup fast.
My hat text is curved. Is that supported?
Yes. Ten warp styles, including Arc, Arch, Bulge, Flag, and Wave, render live with your new text, matched to the curve the designer set. For the remaining curve shapes, render your text as an image and place it in a warped smart object slot, which is fully supported.
Text on other products
Personalize your hat mockups over the API
Start free with 500 credits. Upload a PSD, send your text, get a finished image URL back.