您可以在模版中添加地圖分區(qū),以顯示您的營(yíng)業(yè)地點(diǎn)。Shopify 的許多免費(fèi)模版都包含可以添加到主頁(yè)的地圖分區(qū)。
若要顯示地圖,您需要注冊(cè) Google 地圖 API 密鑰并將其包括在模版編輯器的地圖分區(qū)設(shè)置中。
備注:Google 已宣布更改其地圖服務(wù),這些更改于 2018 年 6 月 11 日生效。有關(guān)詳細(xì)信息,請(qǐng)參閱關(guān)于新版 Google 地圖平臺(tái)的博客文章公告。
使用 Google 地圖平臺(tái)
使用 Google API 在您的模版中添加地圖分區(qū)即表示您同意 Google 地圖平臺(tái)服務(wù)條款。
2018 年 6 月 11 日,Google 地圖平臺(tái)針對(duì) Google 地圖 API 的整理和使用方式進(jìn)行了諸多更改。使用這些 API 將需要使用 Google 地圖平臺(tái)設(shè)置計(jì)費(fèi)帳戶。但是,這不一定意味著您將需要按月支付服務(wù)的使用費(fèi)用。您將繼續(xù)獲得每月信用額度,以在閾值范圍內(nèi)涵蓋這些服務(wù)。
有關(guān)定價(jià)的詳細(xì)信息,請(qǐng)參閱 Google 地圖平臺(tái)定價(jià)和計(jì)費(fèi)文檔。
注冊(cè) Google 地圖 API 密鑰
您可以注冊(cè) Google 地圖 API 密鑰。
步驟:
訪問(wèn) Google 地圖平臺(tái)頁(yè)面,并單擊開(kāi)始使用。
選擇地點(diǎn)產(chǎn)品,獲取使用免費(fèi)模版地圖分區(qū)所需的 API。
單擊繼續(xù)。
選擇項(xiàng)目步驟需要您提供一個(gè)名稱才可使用 Google API。創(chuàng)建新名稱或選擇現(xiàn)有項(xiàng)目。
同意服務(wù)條款后,單擊下一步。
通過(guò) Google 地圖平臺(tái)創(chuàng)建計(jì)費(fèi)帳戶。計(jì)費(fèi)帳戶是新版 Google 地圖平臺(tái)的要求。有關(guān)詳細(xì)信息,請(qǐng)參閱 Google 地圖平臺(tái)定價(jià)和計(jì)費(fèi)文檔。
啟用 Google 地圖平臺(tái)后,將新的 Google 地圖 API 密鑰復(fù)制到剪貼板。
將 Google 地圖 API 密鑰添加到您的模版中
您可以將 Google 地圖 API 密鑰添加到您的模版中。
步驟:
在 Shopify 后臺(tái)中,轉(zhuǎn)到在線商店 > 模版。
找到您要編輯的模版,然后點(diǎn)擊自定義。
單擊分區(qū)。
單擊添加分區(qū)。
單擊地圖 > 添加。
輸入地圖信息。在 Google Maps API key(Google 地圖 API 密鑰)字段中粘貼您的 Google 地圖 API 密鑰。
單擊保存。
如果與 Google 地圖平臺(tái)的 API 通信時(shí)出錯(cuò),則地圖將替換為您在模版編輯器中指定的背景圖片或顏色。
將 API 訪問(wèn)權(quán)限限制為僅您的商店
Google 地圖平臺(tái)會(huì)提示您限制對(duì) API 的訪問(wèn)。您的 API 密鑰是地圖分區(qū)的唯一標(biāo)識(shí)符,因此您可以將其訪問(wèn)權(quán)限限制為僅您的域名,以便阻止其他人使用您的 API 密鑰。
步驟:
轉(zhuǎn)到 Google API 憑據(jù)頁(yè)面。
從菜單中選擇您的項(xiàng)目。
選擇您在開(kāi)始編輯時(shí)生成的 API 密鑰。
在應(yīng)用程序限制下,單擊 HTTP referrers (web sites)(HTTP 推薦人 (網(wǎng)站)),并輸入與商店相關(guān)聯(lián)的任何域名,包括 .myshopify.com 域名。例如,如果您具有自定義域名,則輸入 https://myCustomDomain.com/* 和 https://shop1.myshopify.com/*。
單擊保存。
使用 Google 地圖平臺(tái)的替代方案
如果您想要在自己的網(wǎng)站上顯示地圖,但不使用 Google 地圖平臺(tái)的服務(wù),則可以在頁(yè)面上放置嵌入式地圖。
嵌入式地圖使用 HTML <iframe>,這種標(biāo)簽可以放置在提供格式文本輸入字段的任何頁(yè)面或主頁(yè)分區(qū)中。(來(lái)源:Shopify)
以上內(nèi)容屬作者個(gè)人觀點(diǎn),不代表雨果網(wǎng)立場(chǎng)!如有侵權(quán),請(qǐng)聯(lián)系我們。
相關(guān)推薦:Shopify店鋪模板添加網(wǎng)站圖標(biāo)設(shè)置教程