Action Network Wrapper GeneratorBeta

What is this?  — read me first
Beta — this tool is still being tested and refined. It works, but you may hit rough edges. Always check your wrapper in Action Network's own Preview before going live, and keep a saved copy of anything important. Any problems? Email hello@solidaritystudio.uk.

This tool themes an Action Network page wrapper — the frame (colours, fonts, logo, layout, footer and share buttons) that wraps around your AN action: a petition, form, sign-up or donation page. You change everything with the controls below — no code needed.

Want to see this template in use by the Romanian feminist organisation Centrul Filia? Click here.

How to use it

  1. Work through the sections below — set your colours, fonts, logo, layout and share options. The preview values update as you type.
  2. Click Copy header and paste it into the Header box of your AN page wrapper. Then click Copy footer and paste it into the Footer box. (In AN: Start Organizing → your group → Page wrappers → new/edit wrapper.)
  3. Save the wrapper in AN, and set your action to use it. Done — your action now wears your branding.

What each button does

  • Copy header / Copy footer — the two halves of the wrapper, ready to paste into AN's matching Header and Footer fields. This is the normal way to use the tool.
  • Save wrapper — saves your themed wrapper as a single wrapper.html file. That's your saved copy: keep it as a backup, hand it to someone else, or reopen it later to change the colours.
  • Import saved wrapper… — reads the colours, fonts, logo, layout and share options out of a wrapper.html you saved earlier and applies them to the latest template here. You keep any improvements made to the tool since you saved — only your settings are imported, not the old file.
Built by Solidarity Studio. We're a small design & build studio for campaigns, charities and grassroots organisations — making digital tools that help people-powered movements look sharp and move fast, without big-agency budgets or wrestling with code. This generator is part of our toolkit for running better Action Network campaigns.
Loading built-in wrapper.html