你會得到

  • 一個可離線運作、也能放入 iframe 的獨立定價區塊
  • 兩到四張方案卡片,附標章、功能清單、推薦方案緞帶與各方案按鈕
  • 月付與年付切換,附省錢提示與年付計費說明
  • 亮色與深色主題,以及針對完成檔案的靜態檢查工具
  • 可選:報價後由 PopNow 製作並去背的貼紙插圖

適合

  • 獨立應用程式、創作者工具與小型 SaaS 產品
  • 會員制、課程或電子報的方案
  • 希望語氣親切、不拘泥的發表頁

不適合

  • 功能比較表很長的企業價目表
  • 語氣正式或極簡嚴謹的品牌

怎麼用

在 Claude 或 ChatGPT 裡

用 PopNow 的技能「手繪風定價區塊」(pricing-page-section)幫我做這件事:為 Brewlog(一款咖啡品飲日誌)做定價:免費版、Barista 每月 4 美元或每年 40 美元,給咖啡館的 Roastery 每月 12 美元或每年 120 美元。推薦 Barista。

在程式 Agent 裡

/popnow-pricing-page-section 為 Brewlog(一款咖啡品飲日誌)做定價:免費版、Barista 每月 4 美元或每年 40 美元,給咖啡館的 Roastery 每月 12 美元或每年 120 美元。推薦 Barista。

接著試試

報價一張用我們強調色繪製的手沖壺貼紙,並將它去背。

改成 Svelte 元件,並讓網站本身的主題切換控制深色模式。

需要準備

  • 方案名稱、月付與年付價格、限制與功能
  • 你推薦哪個方案,以及每個按鈕要連到哪裡
  • 關於試用、退款或取消的一句誠實說明
  • 可選:貼紙插圖用的 PopNow API 金鑰

類似技能

查看全部 →

評分

還沒有評分。已經安裝了?來打第一個分數吧。

為這個技能評分

常見問題

年付切換不靠框架也能運作嗎?

可以。每個價格都以資料屬性帶著月付與年付的數值,幾行純 JavaScript 就能切換;若你只販售一種計費週期,直接刪掉切換即可。

手寫字型在每台裝置上都載得到嗎?

它使用系統上已安裝的手寫字型,並有備用字型,因此不需下載任何東西,區塊也能離線運作。確切字形在 macOS、Windows 與 Android 之間會略有不同。

PopNow 在這裡會加上什麼?

頁邊的選用貼紙插圖:以墨水與平塗色彩風格畫一張圖,再用 PopNow 的背景移除工具乾淨地去背。每次執行前都會先報價,並且只有在你同意後才開始。

可以放進既有網站裡使用嗎?

可以。所有樣式都限定在 .skp- 類別名稱之下,技能會把區塊重建為 React、Vue、Svelte 或 Astro 的元件,主題則由宿主頁面決定。

能當 SaaS 定價範本嗎?

可以。方案、月付與年付價格、功能列與「最熱門」標章都來自同一組資料,就像大多數 SaaS 定價頁的做法。可以整頁當作定價頁範本,也可以把定價表範本放進既有頁面。