你會得到

  • 一個 HTML 檔,字型與圖片都已內嵌,不發出任何網路請求
  • 附電子郵件訂閱的首屏、含即時圖表的產品預覽、方案選擇、定價、FAQ 與結尾的訂閱區
  • 可運作的路由:附付費牆的範例電子報、可搜尋的檔案庫、附席次與禮物的加入頁、登入、法律條款與 404
  • 檢查連結、路由、標籤、玻璃配方與殘留範例文字的驗證工具
  • 可選:報價後由 PopNow 生成的底片、人像、首屏循環與社群卡片

適合

  • 電子報與簡報的訂閱頁面
  • 候補名單、封閉測試與上線活動
  • 販售席位的會員、課程或活動

不適合

  • 淺色、粉彩或彩色的品牌:此頁面只有黑與白
  • 產品眾多的線上商店
  • 需要長篇功能導覽的 SaaS 網站

怎麼用

在 Claude 或 ChatGPT 裡

用 PopNow 的技能「玻璃擬態網站範本」(glassmorphism-website-template)幫我做這件事:為 Tidewatch 做訂閱頁,這是給小船帆船手的週五電子郵件:一張預報圖表、三則港口通知與一篇長文。免費,另有每月 $5 的船員方案。

在程式 Agent 裡

/popnow-glassmorphism-website-template 為 Tidewatch 做訂閱頁,這是給小船帆船手的週五電子郵件:一張預報圖表、三則港口通知與一篇長文。免費,另有每月 $5 的船員方案。

接著試試

生成任何內容前,先報價一張夜間海水的首屏照片,以及用它做的 5 秒循環。

把頁面移植到我的 Astro 網站,做成元件與真正的路由。

需要準備

  • 名稱、訂閱者能得到什麼,以及標題的那一個承諾
  • 三到四個你能站得住腳的事實、方案與價格,以及四到六題 FAQ 的答案
  • 如果品牌有的話,你的 DESIGN.md
  • 可選:PopNow API 金鑰,或你自己的深色照片與影片素材

類似技能

查看全部 →

常見問題

怎麼讓玻璃質感看起來對,而不是一個模糊的方塊?

每個凸起的表面都使用同一個配方:內部只帶極淡的色調並有背景模糊,頂部有柔和的光澤,邊緣則以遮罩漸層環繪製,讓光線落在上下邊緣。驗證工具會對不遵循此配方的頁面報錯。

首屏可以動嗎?

可以。在你核可首屏照片後,PopNow 可以把它動畫化為 5 秒的短片,而內附的循環腳本會把它做成無縫、靜音的循環,並附上海報。減少動態效果的設定與隱藏的分頁會保留靜態圖。

只適合電子報嗎?

不是。範例是晚間的簡報,但調整指南會把同樣的區塊對應到應用程式候補名單、課程、活動與 Podcast:產品預覽變成應用程式畫面,檔案庫變成更新紀錄或場次清單。

需要 PopNow API 金鑰嗎?

不需要。頁面內附中性的底片,並為每個圖片插槽提供 CSS 替代方案。加上金鑰後可以生成新的底片、人像、循環與社群卡片,每項在執行前都會以點數報價。