ES ACADEMY × ANDY MARKETING

ChatGPT × LINE 導流網站實戰

把你的專業，
寫成自己的網站。

從第一段文案，到可以分享的網站。
四組課堂提示詞，陪你一步一步完成。

選擇課堂提示詞

複製提示詞 · 換上店家資料 · 開始實作

LEARN. CREATE. CONNECT.把學到的，做成自己的。

04組實作提示詞

YOUR CLASSROOM TOOLKIT

跟著課堂，完成每一步。

點選「複製完整提示詞」，貼到你慣用的編輯工具。把【貼上資料】換成自己的內容，再交給 ChatGPT。

01簡報第 12 頁

COPYWRITING

網站文案生成

課堂實作

把店家的專業，整理成客人看得懂的介紹。

先準備

貼上店家資料底稿

完成後

產出六個區塊的網站文案

複製後，再換成自己的內容

閱讀完整提示詞

請協助我撰寫美業一頁式網站文案，目的是讓有興趣的顧客透過 LINE 詢問服務與預約。

店家資料：
【在這裡貼上店家資料底稿】

請依序整理：首屏介紹、主打服務、店家或服務者介紹、服務流程或真實回饋、五個常見問題、LINE 與交通資訊。
使用台灣繁體中文，語氣親切、具體，適合手機閱讀。
不得編造價格、資格、評論、優惠、效果或地址。
資料不足時列出待確認事項。不要做疾病診斷或保證療效。

也可以選取上方文字，手動複製。

02簡報第 15 頁

BRAND VOICE

讓文案更像自己

課堂實作

留住你的語氣，讓每一句介紹都自然、親切。

先準備

選一段想修改的文案

完成後

保留事實，調整為三句介紹

複製後，再換成自己的內容

閱讀完整提示詞

這段文字太像廣告，請改成我在 LINE 向新客介紹服務的口吻。
保留價格、服務時間與限制條件。
縮短為三句，不新增任何事實。

要修改的文字：
【在這裡貼上要修改的文字】

也可以選取上方文字，手動複製。

03簡報第 17 頁

WEBSITE BUILDER

製作自己的網站

新版完整提示詞

讓服務、照片與 LINE，成為一個完整的預約入口。

先準備

準備文案、Logo、照片及 LINE 連結

完成後

建立可預覽的一頁式導流網站

複製後，再換成自己的內容

閱讀完整提示詞

請幫我製作一個美業店家的一頁式網站，目的是讓顧客了解我的服務、建立信任，再透過 LINE 官方帳號詢問與預約。

請實際製作可以預覽、操作的網站，不要只提供架構建議或文案。如果目前環境無法製作或預覽，請直接說明可以完成到哪一步。

【一、網站內容】
請依序安排以下區塊：

1. 頂部導覽
放置店家 Logo 或店名，以及「服務介紹」「關於我們」「常見問題」「LINE 諮詢」等入口。點擊導覽可以移動到對應區塊。

2. 首頁主視覺
包含一句清楚的主標題、簡短介紹與品牌照片。讓顧客快速知道：我在哪裡、提供什麼服務、適合哪些人。放置「查看服務」與「LINE 諮詢」兩個按鈕。

3. 三項店家特色
根據我提供的資料，整理三項值得顧客了解的特色。沒有實際數據時就使用文字，不要編造年資、服務人數或滿意度。

4. 主打服務
依我提供的服務數量製作介紹卡片，每項包含：服務照片、名稱、適合對象、簡短內容，以及已提供的時間與價格。每張卡片都要有「詢問這項服務」按鈕。

5. 關於我們
介紹店家或服務者，搭配照片、真實經歷與服務理念。不要編造證照或專業資格。

6. 服務流程與照片
用三個步驟說明顧客如何從諮詢、預約到到店。搭配我提供的環境、服務或產品照片。沒有提供的流程與照片，請先向我確認。

7. 常見問題
整理五個顧客預約前會想知道的問題，使用可展開、收合的形式。例如價格、時間、預約方式、到店準備與改期規則。回答只能使用我提供的資訊，不確定的部分先詢問我。

8. 聯絡與 LINE 諮詢
放置已提供的地址、營業時間、交通與社群連結。加入下面指定的「諮詢訊息準備功能」。

【二、諮詢訊息準備功能】
請製作以下可操作的功能：

①「我想了解的服務」下拉選單
選項必須與網站上的服務名稱一致。另外提供「想請店家協助推薦」。

②「我的到店狀態」下拉選單
選項為：第一次了解、曾經到店、想先詢問再決定。

③ 自動產生可編輯的諮詢文字
依照訪客選項產生：
「您好，我從【店家名稱】網站看到服務資訊。
我想了解：【選擇的服務】
我的到店狀態：【選擇的狀態】
想請問服務內容、費用及可預約時段，謝謝！」
訪客可以自行修改這段文字。

④「複製諮詢文字」按鈕
點擊後複製完整文字，顯示：「已複製，請開啟 LINE，貼上並傳送。」
若瀏覽器無法複製，讓訪客可以手動選取文字，並顯示操作提示。

⑤「開啟 LINE 諮詢」按鈕
連到我提供的 LINE 官方帳號完整網址。
旁邊清楚註明：「先複製文字，再開啟 LINE 貼上並傳送。」
不要宣稱已自動傳送訊息，也不要宣稱已完成預約。

⑥ 服務卡片連動
訪客點擊某項服務的「詢問這項服務」後：自動移動到諮詢區、選中對應服務，並更新諮詢文字。

⑦ 手機固定按鈕
手機畫面底部固定顯示「LINE 諮詢」入口，點擊後移動到諮詢區。按鈕不得遮住內容或其他操作。

【三、視覺設計】
請以我提供的 Logo 主色設計整體配色。
如果沒有 Logo，使用我指定的品牌色，並以店名作為文字標誌。
整體風格乾淨、專業、有質感，適合我的客群。
優先考慮手機閱讀，也要適合電腦瀏覽。
文字清楚、按鈕容易點擊、圖片不變形，避免裁掉人物臉部。
適度留白，不需要大量動畫。

【四、資料與功能限制】
使用台灣繁體中文。
只能採用我提供的真實資料。
不得編造價格、優惠、顧客評論、效果、資歷、地址或營業時間。
不做疾病診斷或保證療效。
這個網站不需要會員登入、線上付款、資料庫或後台。
諮詢選項與草稿只在訪客的頁面內處理，不另外收集或儲存顧客資料。
不要串接 OpenAI API，也不要加入需要持續使用 AI 才能運作的功能。

【五、製作與驗收】
開始前先檢查我的資料與照片。
有缺少的重要資料，請集中列出問題讓我一次補齊。
資料齊全後就開始製作。

完成後請確認：
• 導覽可以移動到正確區塊。
• 每項服務按鈕能選中正確的諮詢選項。
• 變更選項會更新諮詢文字。
• 諮詢文字可編輯、可複製。
• FAQ 可以展開與收合。
• LINE 按鈕連到我提供的正確帳號。
• 手機版沒有文字重疊、內容被遮住或橫向捲動。
請區分你實際測試過的項目，以及仍需要我手動確認的項目。

最後清楚告訴我：目前完成的是網站檔案、可操作預覽，還是已公開發布的網站。
如果尚未公開，請說明如何取得其他人可以開啟的網址。

【我的店家資料與已確認文案】
以下是我前面整理好的店家資訊與網站文案。
請以這些資料為準，安排到適合的網站區塊。
可以調整段落與精簡文字，但不要更改事實、價格或優惠條件。
缺少重要資訊時，請先問我。

【在這裡貼上整理好的店家資料與文案】

【聯絡連結】
LINE 官方帳號完整網址：
Instagram 網址（沒有可填無）：

【圖片用途】
我會隨這則訊息附上圖片，對應用途如下：
圖一：店家 Logo
圖二：首頁主視覺
圖三：店家／服務者介紹照
圖四：第一項服務照片
圖五：第二項服務照片
圖六：第三項服務照片
請以我實際提供的圖片數量與用途為準。

也可以選取上方文字，手動複製。

04簡報第 19 頁

REFINEMENT

把細節調整到位

課堂實作

從手機上的一個小問題開始，讓網站更好用。

先準備

指出想修改的位置與問題

完成後

完成一次具體的局部修改

複製後，再換成自己的內容

閱讀完整提示詞

請修改手機版首屏：標題目前太長，請調整為兩至三行。
保留店家名稱、服務定位與 LINE 按鈕。
不要改動服務價格，也不要新增宣傳內容。

也可以選取上方文字，手動複製。

把你的專業，寫成自己的網站。

跟著課堂，完成每一步。

網站文案生成

讓文案更像自己

製作自己的網站

把細節調整到位

把你的專業，
寫成自己的網站。