新品上市、檔期促銷、課程介紹等不同情境,都可能需要專屬的行銷網頁。

從主視覺、商品介紹到優惠資訊,每個環節都需要花時間規劃與製作。尤其遇上雙 11 這類大型促銷檔期,多項行銷任務同時進行,常讓行銷人員忙得不可開交。

電子豹的 AI 生成網頁功能只要用一句話描述活動需求,就能在短短幾分鐘內生成行銷網頁初稿,並依照事先完成的品牌設定呈現內容與視覺風格,讓網頁符合品牌形象。

本篇將以服飾品牌為例,示範如何使用 AI 生成雙 11 活動行銷網頁。

一頁式網頁設定流程,可參考一頁式網頁設定教學,了解基本的編輯與設定方式。
AI 生成網頁和 AI 生成 EDM 共用同一套品牌設定,還沒設定過的話,可參考 AI 生成 EDM 教學:節慶行銷範例,先完成 AI 品牌設定。

AI 生成行銷網頁範例:雙 11 活動行銷網頁
AI 生成行銷網頁範例:雙 11 活動行銷網頁

第一步:用 AI 生成行銷網頁

1.1 建立行銷網頁

在電子豹後台選擇一頁式網頁 → 行銷網頁,點選「新增網頁」。

新增網頁後,可輸入行銷網頁名稱,方便在後台辨識與管理。此名稱不會顯示於實際網頁上,發佈後也可以再修改。

AI 生成行銷網頁:建立行銷網頁畫面
AI 生成行銷網頁:建立行銷網頁畫面

1.2 設定活動描述與進階提示詞

進入設定頁面後,選擇已建立的品牌,自行輸入活動描述或點選範本快速帶入。

描述時盡量提供完整的活動資訊,例如活動名稱、活動日期與時間、商品名稱與價格,AI 就能直接帶入正確文案,減少生成後的修改時間。

若選擇範本,需依實際活動修改描述中的括號標示,例如將【限時折扣名稱】替換為「雙 11 限時優惠」,讓 AI 能帶入正確的活動資訊。

網頁用途可選擇活動報名頁、產品介紹頁或案例分享頁。

完成後可點選「✦ 生成」,或點選「進階提示」增加更多的設定。

AI 生成行銷網頁:活動描述設定畫面
AI 生成行銷網頁:活動描述設定畫面

在「進階提示」頁面中,可以設定語氣與風格、網頁目標、目標受眾、配色來源、行動按鈕文字及必含重點,讓生成內容更貼近這次的活動需求。

按下「✦ 生成」即可開始生成網頁,並扣 1 點。

AI 生成行銷網頁:進階提示設定畫面
AI 生成行銷網頁:進階提示設定畫面

第二步:調整內容與圖片

2.1 修改文案與按鈕連結

生成完成後,在拖放式編輯器中可以看到 AI 生成的導覽列、主視覺及主打商品區,點選各區塊可手動修改文案。

檢查行動按鈕,確認「點擊目的地」要導向的外部連結或錨點,確保點擊後能前往正確的位置。

拖放式編輯器操作請參考:一頁式網頁編輯器說明。

AI 生成行銷網頁:按鈕連結設定畫面
AI 生成行銷網頁:按鈕連結設定畫面

若活動描述中未提供具體資訊,生成的文案會以(需補充)標示,提醒你手動補上。請逐一檢查各區塊,確認活動內容完整且正確。

AI 生成行銷網頁:需補充標示畫面
AI 生成行銷網頁:需補充標示畫面

2.2 生成圖片

請先瀏覽版面,確認整體網頁的視覺與排版,不需要的圖片區塊可刪除。

圖片可以自行上傳、使用預設的提示詞或是自行修改提示詞,點擊「✦ 生成」即可產生圖片,並扣 1 點。

AI 生成行銷網頁:單張圖片生成畫面
AI 生成行銷網頁:單張圖片生成畫面

點擊「✦ 生成多張圖片」會一次產生網頁內所有圖片,並扣除對應的點數(例如生成 3 張即扣 3 點)。

AI 生成行銷網頁:一次生成多張圖片畫面
AI 生成行銷網頁:一次生成多張圖片畫面

2.3 預覽電腦版與手機版

點選「預覽」可切換電腦版與手機版檢視,檢查以下項目:

  • 版面配置:各區塊的排列與間距是否符合預期。
  • 文字內容:文案是否完整,有無遺漏或錯字。
  • 圖片呈現:圖片是否正確、顯示是否正常。

確認沒問題後關閉頁面,回到編輯器畫面,點選右上角「完成」,再選擇「下一步」到設定頁。

AI 生成行銷網頁:電腦版與手機版預覽畫面
AI 生成行銷網頁:電腦版與手機版預覽畫面

第三步:完成網頁設定,正式發佈

進入網頁設定頁面後,填寫網頁標題與網頁描述,這兩項會顯示在搜尋結果和社群分享中;頁籤縮圖、下架時間等其他設定,可依需求調整。

完成後點選「建立網址」,設定子網域與網址名稱,再點選「發佈」即可上線。

注意:網址發佈後無法修改,請確認名稱無誤再發佈;網頁內容與其他設定,發佈後仍可隨時修改。

發佈後,就可以將網址分享到社群、官網或 EDM。

用 AI 生成行銷網頁,每一檔活動都能快速上線

面對接連不斷的行銷活動,透過 AI 快速生成網頁初稿,能減少製作時間,將更多心力投入活動創意與溝通策略。

除了本篇示範的雙 11 促銷頁面,行銷網頁也適用各種產業中,需要宣傳活動、引導讀者行動的場景。例如:

  • 電商零售:節慶檔期促銷、週年慶活動、新品上市。
  • 食品餐飲:節慶禮盒預購、季節限定商品推廣。
  • 美妝保養:新品上市、產品試用活動、會員專屬優惠。
  • 教育課程:課程介紹、講師介紹、招生說明。

如果需要讓讀者直接報名,可以改用表單網頁,操作方式請參考用 AI 生成報名頁:不會設計也能打造收集名單的表單網頁。

網頁發佈後,可搭配 EDM 或社群貼文導流,讓讀者點擊後瀏覽完整活動資訊。電子豹的 AI 生成 EDM 與 AI 生成網頁共用同一套品牌設定,讓 EDM 與網頁維持一致的品牌風格。

現在就體驗 AI 生成網頁,讓下一檔活動更快上線。

延伸閱讀: