Unlock the builder to copy and save your embed code. No account needed.
/* comment so you can find and remove it later.
Drag the box to move it, pull the corners to resize. Whatever is inside is what gets shown.
Catbox hosts the file for free and gives you a permanent link. Your block only stores that link, so it stays tiny and loads fast.
It points at files.catbox.moe and ends in .jpg, .png, .gif or .webp.
The first expires. The second is an album page, not an image — the browser gets a web page where it expects a picture, so nothing shows.
Resize before uploading if the photo came off a phone or camera. Around 1600 px wide is plenty for a banner, and a 6 MB photo makes the page crawl for whoever just paid you.
A hosted image lives on someone else's server. If Catbox is ever down or the file is removed, the image stops showing. For something you can't afford to lose, use Bake into the code instead — heavier, but it can't disappear.
This is your whole design squeezed into one line of text. Keep it in a note, send it to someone, or paste one in to load a design back.
Photos baked into the code are not carried in here — the code would be enormous. Host them on Catbox and paste the link instead, and your design travels as a short line of text.
Set the column order first — that's the whole point. Then colours, banner, profile picture and background.
The buttons above Copy change what comes out.
Store CSS — the one that reaches your download page. Store Builder → Change Store Style → Advanced → Store Pages Custom CSS.
Already have CSS in that box? Leave every line of it.
Scroll to the very bottom, add a blank line and paste ours underneath. CSS stacks —
rules pile up, they do not replace each other. Our block opens with a
/* comment, so you can always find it and delete it again.
Embed block — the same design wrapped
in a <style> tag, for pasting into an Embed Code block. Note that
an embed block only styles the page you paste it on, so this will not reach
your download page.
Save, then open a download link from one of your own orders and hard-refresh with Ctrl + Shift + R. Change the banner height to something obvious first — it is the easiest thing to spot.
If nothing moves, your template names its elements differently. Open that page, press Ctrl + U, and send me the source on Discord — I will point the CSS at the right elements for you.
Payhip also has a Beta content editor for the download page (Products → Edit → Contents). It adds text, images and video natively. Worth turning on alongside this — they do different jobs.