商品頁轉 HTML版面轉 HTML

將您的商品頁設計製作成 HTML 與 CSS:圖庫、商品詳情與訂購按鈕,並附手機版

通常 15 分鐘內完成含修改次數品質檢查
方案
付款保障詳細資訊
  • 方案內的修改免費。
  • 若您在交付後 3 天內未回應,成果將自動驗收。

付款時款項會先保留,在您驗收後才會撥付。

將您的商品頁設計製作成 HTML 與 CSS:圖庫、商品詳情與訂購按鈕,並附手機版

成果範例

標準版方案範例

Dental clinic home page built from its design

Before: the design the client sent

The home page design

After: the working page

Files: a ZIP archive with index.html, the styles and 2 pictures for the page, ready to upload to the client's hosting. The pictures here are screenshots of the page.

Client: Bright Smile Dental. Task: turn the home page design into a working HTML page with the same layout, colours and texts, and booking buttons that call the clinic.

客戶與所有細節皆為虛構。

關於此服務

商品頁只有一個任務:把商品呈現得好,並讓下一步一目了然。請將商品頁設計稿以圖片上傳,我們會用 HTML 與 CSS 依您的版面製作:照片圖庫、名稱、價格、選項、特色、規格與常見問題,並附手機版。頁面負責展示商品,但不負責販售:沒有購物車、庫存數量、結帳或付款功能。訂購按鈕會連到您現有的商店或市集商品頁、通訊軟體或電子郵件。商品照片應是您自己拍攝並另外上傳的檔案,因為繪製的圖片無法呈現真實的商品。不含後端、CMS 或主機服務。

包含內容

  • 您會拿到什麼一個 ZIP 壓縮檔,內含頁面、樣式與圖片,可直接上傳到您的主機;訂單頁面上也能預覽每一頁。
  • 照片圖庫您的商品照片,並依設計稿搭配縮圖
  • 依您的版面呈現商品詳情依據設計稿或需求說明,呈現特色、規格表與常見問題
  • 明確的訂購按鈕連到您的商店頁面、通訊軟體或電子郵件
  • 手機版若您沒有手機版設計,則由桌面版設計製作
  • 乾淨的程式碼純 HTML 與 CSS,沒有框架,也不會從其他網站載入任何內容

服務流程

  1. 1
    上傳您上傳設計稿與商品照片,並提供商品資訊
  2. 2
    製作我們建置頁面,並把您的照片放進圖庫
  3. 3
    預覽與壓縮檔您在電腦和手機上將頁面與設計稿比對,下載壓縮檔,並可在方案範圍內提出修改

需要您提供的資料

最多 5 張 PNG、JPEG 或 WebP 圖片:商品頁設計稿、如有手機版也請提供,以及另外上傳的真實商品照片。請提供確切要顯示的商品名稱、價格與規格、訂購按鈕要連到的連結或聯絡方式;若選 3 頁方案,還需提供每項商品的文字。評價僅限真實且您有權展示者。

我們會詢問您:

  • 哪個檔案是哪一個?
  • 商品資訊
  • 訂購按鈕要連到哪裡?
  • 設計是您的嗎?

比較方案

方案基本版1 個商品頁,最多 5 個區塊US$21標準版1 個商品頁,最多 10 個區塊US$39進階版最多 3 個商品頁US$67
交付期限1 天2 天3 天
修改次數123
頁數113
區塊最多 5 個最多 10 個每頁最多 8 個
為頁面繪製的圖片246
手機版有有有
訂購按鈕連到您的商店、通訊軟體或電子郵件連到您的商店、通訊軟體或電子郵件連到您的商店、通訊軟體或電子郵件
訂購 基本版訂購 標準版訂購 進階版

付款保障

下單時付款,但只有在驗收成果後,款項才會撥付。

  • 固定價格付款後,方案價格不會變動。
  • 款項先行保留付款時,金額只會先保留,在您驗收後才會撥付給服務。
  • 交付前檢查每份成果在交到您手上之前都會經過品質檢查,您也可以在驗收前於訂單頁面查看成果。
  • 免費修改在需求說明範圍內,可依方案允許的次數提出修改。
  • 3 天後自動驗收若您在交付後 3 天內未驗收也未提出修改,成果將自動驗收。若您在交付後於訂單聊天室留言,訂單會暫停自動驗收;我們回覆後,可能會重新起算 3 天,並會在聊天室中告知。
  • 重新製作或全額退款若成果不符合您的需求說明且修改後仍未改善,或製作時間超過交付期限的兩倍,請在訂單聊天室留言:我們將重新製作,或全額退還款項。
運作方式 →

常見問題

大家可以直接在頁面上購買嗎?

沒有購物車、結帳或付款功能:訂購按鈕會連到您現有的商店或市集頁面、開啟通訊軟體,或寫一封帶有商品名稱的電子郵件。

你們會繪製商品照片嗎?

最好不要:繪製的圖片無法呈現您的真實商品。請上傳您自己的照片;若沒有,圖庫會先放上中性的佔位圖,之後再替換。

三項商品,但只能上傳 5 個檔案?

三個頁面共用一張設計稿,其餘檔案則放商品照片,每項商品一兩張。更多照片之後可在 HTML 中加入。

可以顯示評分與評價嗎?

僅限您提供且有權公開的真實評價。我們絕不會編造星等、評價數、「暢銷」標籤或折扣。

價格和庫存會自動更新嗎?

不會,頁面是純 HTML,與您商店的資料沒有連結。價格與庫存需在程式碼中手動修改,或透過修改請求處理。

沒有找到您要的答案?

方案