將「聯絡我們」頁面新增至您的商店

備註

如果您用的是 Shopify 的免費佈景主題，則可以聯絡 Shopify 支援服務協助您瞭解此教學課程。需要 15 分鐘的設計時間。深入瞭解 Shopify 設計政策。

您可以為網路商店新增聯絡頁面，協助顧客就產品、政策或訂單相關問題與您聯絡。所有 Shopify 佈景主題都具有內建聯絡表單，您可以將其套用至您建立的頁面。

建立聯絡頁面

若要新增聯絡表單，請建立包含 page.contact 範本的新頁面。若要在聯絡表單上方顯示資訊 (例如回應時間軸或品牌資訊)，請使用 RTF 文字編輯器新增文字、圖片或影片。

您也可以在「內容」方塊中納入以下資訊：

• 如「我們會盡快回覆您」這類簡短訊息
• 您的商店地址，以及實體店面的圖片 (若您有零售地點的話)
• 電話號碼 (若您想讓顧客透過電話聯絡您)

如果您在建立聯絡頁面時未新增其他內容，則系統僅會向顧客顯示聯絡表單。

備註

您可以在任何包含「聯絡表單區段」的頁面上新增聯絡表單。請與您的佈景主題開發人員確認您的佈景主題是否支援「聯絡表單」區段。

步驟：

電腦版

1. 從 Shopify 管理介面 中，前往「線上商店 > 頁面」。
2. 按一下「新增頁面」。
3. 在「標題」中，為您的聯絡頁面輸入一個標題，例如「聯絡我們」或「與我們聯絡」。
4. 在內容方塊中，使用 RTF 文字編輯器新增要顯示在聯絡表單上方的任何文字、圖片或影片。您可以將此區段留白。
5. 在「網路商店」區段中，從「佈景主題範本」下拉式選單中選取「contact」。
6. 點擊「儲存」。

iPhone

1. 在 Shopify 應用程式中，點選「…」按鈕。
2. 在銷售管道畫面上，點一下「線上商店」。
3. 點一下「頁面」。
4. 按一下「新增頁面」。
5. 在「標題」中，為您的聯絡頁面輸入一個標題，例如「聯絡我們」或「與我們聯絡」。
6. 在內容方塊中，使用 RTF 文字編輯器新增要顯示在聯絡表單上方的任何文字、圖片或影片。您可以將此區段留白。
7. 在「網路商店」區段中，從「佈景主題範本」下拉式選單中選取「contact」。
8. 點擊「儲存」。

Android

1. 在 Shopify 應用程式中，點選「…」按鈕。
2. 在銷售管道畫面上，點一下「線上商店」。
3. 點一下「頁面」。
4. 按一下「新增頁面」。
5. 在「標題」中，為您的聯絡頁面輸入一個標題，例如「聯絡我們」或「與我們聯絡」。
6. 在內容方塊中，使用 RTF 文字編輯器新增要顯示在聯絡表單上方的任何文字、圖片或影片。您可以將此區段留白。
7. 在「網路商店」區段中，從「佈景主題範本」下拉式選單中選取「contact」。
8. 點擊「儲存」。

在您建立聯絡頁面後，必須將聯絡頁面新增至導覽選單，以在網路商店中顯示。

自訂聯絡頁面

聯絡頁面是您可以在佈景主題編輯器中自訂的範本。您可以在聯絡頁面範本中新增區段，以包含其他資訊，例如精選商品系列、網誌文章或圖片。

備註

如果螢幕寬大於 1600 像素，則自訂和編輯選項會顯示於螢幕右側；如果螢幕小於 1600 像素，則會顯示於左側。

步驟：

電腦版

1. 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
2. 尋找要編輯的佈景主題，然後點擊「自訂」。
3. 在下拉式選單中，點擊「頁面」>「聯絡」以載入聯絡頁面範本。

4. 點擊「+ 新增區段」，然後選取要插入聯絡頁面的區段。

   • 您新增的區段設定與選項將在側邊欄中開啟。
   • 編輯新區段後，請點擊返回按鈕以返回範本。
   • 重複上述步驟，以在聯絡頁面範本中新增其他區段。

5. 點擊並拖曳 ⋮⋮ 圖示，即可在聯絡頁面中上下移動區段。

6. 如果您滿意頁面的版面配置，請點擊「儲存」。

iPhone

1. 在 Shopify 應用程式中，點選「…」按鈕。
2. 在銷售管道畫面上，點一下「線上商店」。
3. 點選「管理所有佈景主題」。
4. 尋找要編輯的佈景主題，然後點選「自訂」。
5. 點一下「編輯」。
6. 在下拉式選單中，點擊「頁面」>「聯絡」以載入聯絡頁面範本。

7. 點擊「+ 新增區段」，然後選取要插入聯絡頁面的區段。

   • 您新增的區段設定與選項將在側邊欄中開啟。
   • 編輯新區段後，請點擊返回按鈕以返回範本。
   • 重複上述步驟，以在聯絡頁面範本中新增其他區段。

8. 點擊並拖曳 ⋮⋮ 圖示，即可在聯絡頁面中上下移動區段。

9. 如果您滿意頁面的版面配置，請點擊「儲存」。

Android

1. 在 Shopify 應用程式中，點選「…」按鈕。
2. 在銷售管道畫面上，點一下「線上商店」。
3. 點選「管理所有佈景主題」。
4. 尋找要編輯的佈景主題，然後點選「自訂」。
5. 點一下「編輯」。
6. 在下拉式選單中，點擊「頁面」>「聯絡」以載入聯絡頁面範本。

7. 點擊「+ 新增區段」，然後選取要插入聯絡頁面的區段。

   • 您新增的區段設定與選項將在側邊欄中開啟。
   • 編輯新區段後，請點擊返回按鈕以返回範本。
   • 重複上述步驟，以在聯絡頁面範本中新增其他區段。

8. 點擊並拖曳 ⋮⋮ 圖示，即可在聯絡頁面中上下移動區段。

9. 如果您滿意頁面的版面配置，請點擊「儲存」。

檢視提交的聯絡表單

您的聯絡表單會將所有提交的內容傳送至商店的寄件者電子郵件地址。您可以在 Shopify 管理介面的「通知」設定頁面中，變更您的寄件者電子郵件地址。如果您有第三方網域，您可能還需要驗證您的網域。

備註

您無法變更透過 Shopify 商店聯絡表單傳送的電子郵件主旨行。

如果您不想將商店的寄件者電子郵件地址用於聯絡表單，可以使用如 Wufoo 或 Jotform 等免費線上服務來建立自訂聯絡表單，您可以在聯絡頁面上嵌入該表單。

垃圾郵件篩選器

Shopify 的垃圾訊息篩選器會分析您聯絡表單 contact[body] 欄位的內容。如果這筆提交內容遭標記為垃圾訊息，就會在電子郵件主旨加上「[SPAM]」前置碼。您可以建立一個電子郵件篩選條件，用以篩選並另外存放主旨含有「[SPAM]」的電子郵件。

為了確保您不會錯過任何誤標為垃圾郵件的合法訊息，您會收到所有提交的聯絡表單，包含已標記為垃圾郵件的聯絡表單。