popnow
PrezziAccediInizia a creare
Hand-Drawn Pricing Section: first screen
Hand-Drawn Pricing Section: full page

Cosa ottieni

  • Una sezione prezzi autonoma che funziona offline e dentro un iframe
  • Da due a quattro card dei piani con badge, funzionalità, nastro del piano consigliato e pulsanti per piano
  • Un interruttore Mensile / Annuale con la riga del risparmio e note sulla fatturazione annuale
  • Temi chiaro e scuro più un controllo statico del file finito
  • Illustrazione adesivo ritagliata, facoltativa, realizzata con PopNow dopo un preventivo

Ideale per

  • App indipendenti, strumenti per creator e piccoli prodotti SaaS
  • Piani di abbonamento, corsi o newsletter
  • Pagine di lancio che vogliono un tono amichevole e informale

Non adatta a

  • Listini prezzi aziendali con lunghe tabelle di confronto
  • Brand con un tono formale o rigorosamente minimal

Come usarla

In Claude o ChatGPT

Usa la skill PopNow “Sezione prezzi disegnata a mano” (pricing-page-section) per questo: Prezzi per Brewlog, un diario di degustazioni di caffè: Free, Barista 4 $ al mese o 40 $ all’anno, Roastery 12 $ al mese o 120 $ all’anno per i bar. Consiglia Barista.

In un agente di programmazione

/popnow-pricing-page-section Prezzi per Brewlog, un diario di degustazioni di caffè: Free, Barista 4 $ al mese o 40 $ all’anno, Roastery 12 $ al mese o 120 $ all’anno per i bar. Consiglia Barista.

Poi prova

Preventiva un adesivo di un bollitore per pour-over nei nostri colori d’accento e ritaglialo.

Trasformalo in un componente Svelte e lascia che il tema del sito controlli la modalità scura.

Cosa tenere pronto

  • Nomi dei piani, prezzi mensili e annuali, limiti e funzionalità
  • Quale piano consigli e dove porta ogni pulsante
  • Una riga onesta su prove gratuite, rimborsi o disdette
  • Facoltativo: una chiave API PopNow per l’illustrazione adesivo

Guida: Come creare una landing page con l'IA

Skill simili

Vedi tutte →

Valutazioni

Ancora nessuna valutazione. L’hai installata? Lascia la prima valutazione.

Valuta questa skill

Domande

L’interruttore annuale funziona senza un framework?

Sì. Ogni prezzo porta il valore mensile e quello annuale come attributi dati, e poche righe di JavaScript semplice li scambiano; elimina l’interruttore se vendi un solo ciclo di fatturazione.

Il carattere scritto a mano si caricherà su ogni dispositivo?

Usa caratteri manoscritti già installati nel sistema, con alternative, quindi non viene scaricato nulla e la sezione funziona offline. Il tratto preciso cambia un po’ tra macOS, Windows e Android.

Cosa aggiunge PopNow qui?

Un’illustrazione adesivo facoltativa per il margine: un disegno nello stesso stile di inchiostro e colore piatto, poi un ritaglio pulito con il rimuovi-sfondo di PopNow. Ogni esecuzione viene preventivata prima e parte solo dopo il tuo assenso.

Posso usarla dentro un sito esistente?

Sì. Tutti gli stili sono limitati alle classi con prefisso .skp-, e la skill ricostruisce la sezione come componente per React, Vue, Svelte o Astro, lasciando che sia la pagina ospitante a gestire il tema.

Funziona come modello di prezzi per un SaaS?

Sì. Piani, prezzi mensili e annuali, righe delle funzionalità e il badge «più scelto» arrivano tutti da un unico blocco di dati, come la maggior parte delle pagine prezzi SaaS. Usala come intero modello di pagina prezzi oppure inserisci la tabella in una pagina esistente.