Recipes · Marketing

Popups and top banners

Lead capture popups with downloads, deal codes, A/B tests and targeting, plus a top announcement bar that fills itself from your next event.

Built and shipped on NoCode Outlaws. Works on any stack: PHP/MySQL, Lovable + Supabase, Next.js. Follow it in order. Ask the client only the questions in "Decide per client".

Decide per client

  1. Brand colors for the 4 banner styles and 3 popup themes.
  2. Which page groups exist (home, pricing, blog, courses, member area...).
  3. Who counts as free vs paid, if there are memberships.
  4. Where leads go (own subscribers table, Mailchimp, HubSpot, webhook).
  5. Which starters to pre-build. Default four: next event bar, lead magnet popup, blog scroll popup, upgrade nudge. All ship switched OFF.

Data model

  • popups: name, offer (signup | download | deal | cta), file + file_name + file_label, deal_code + deal_applies + deal_url, cta_url, success_title/text, layout (center | slidein | fullscreen), theme (dark | light | brand), trig (delay | scroll | exit | pages | click), trig_value, pages (csv or "all"), audience (visitors | members | free | paid | everyone), device (all | desktop | mobile), utm_sources, freq_days, priority (lowest wins), starts_on, ends_on, status (on/off), starter key.
  • popup_variants: popup_id, label A/B/C, title, body, button_text, bar_text (phone), image, weight, views, closes, clicks, signups.
  • banners: name, text, code, link_url, link_text, style, pages, audience, needs_event flag, starts_at, ends_at, status, starter, views, clicks, closes.
  • rate_hits: bucket, ip, created_at (for submit/ping limits). Prune daily.
  • Settings: popups_on, banners_on (master switches).

The full recipe continues: every decision, rule and test, plus 1 starter prompt and 3 known fixes.

See the next cohort

Send Feedback

What would you like to share?