shopify商店測試和顯示模板上的動態(tài)結賬按鈕步驟-ESG跨境

shopify商店測試和顯示模板上的動態(tài)結賬按鈕步驟

shopify新聞
shopify新聞
2022-03-28
點贊icon 0
查看icon 881

由于模板上顯示的動態(tài)結賬按鈕類型取決于多種因素,因此您可以運行測試以便查看所有組合。在測試模板上的動態(tài)結賬按鈕之前,請確保已顯示按鈕。

測試模板上的動態(tài)結賬按鈕

由于模板上顯示的動態(tài)結賬按鈕類型取決于多種因素,因此您可以運行測試以便查看所有組合。在測試模板上的動態(tài)結賬按鈕之前,請確保已顯示按鈕。

步驟:

PC:

  1. 在 后臺中,轉到在線商店 > 模板。

  1. 點擊查看您的商店。

  2. 若要測試產品頁面上的按鈕,請轉至產品頁面。若要測試特色產品部分中的按鈕,請停留在主頁。

  3. 在的地址欄中,將下列字符串之一添加到當前 URL 的末尾:

    • 要顯示 Amazon 的品牌按鈕,請?zhí)砑?nbsp;?shopify-debug=true&show=Amazon

    • 若要顯示 Apple Pay 的有品牌按鈕,請?zhí)砑?nbsp;?shopify-debug=true&show=ApplePay(Apple Pay 僅適用于 Safari)。

    • 要顯示 Google Pay 的品牌按鈕,請?zhí)砑?nbsp;add ?shopify-debug=true&show=Google。

    • 要顯示 PayPal 的品牌按鈕,請?zhí)砑?nbsp;?shopify-debug=true&show=PayPal

    • 要顯示 Venmo 的品牌按鈕,請?zhí)砑?nbsp;?shopify-debug=true&show=Venmo

    • 要顯示無品牌按鈕,請?zhí)砑?nbsp;?shopify-debug=true&show=checkout。

  4. 按 Enter 重新加載頁面。根據您添加到 URL 的字符串,您可以看到有品牌或無品牌動態(tài)結賬按鈕。

  5. 使用其他字符串重復此步驟,以查看不同類型的動態(tài)結賬按鈕。

蘋果系統(tǒng):

  1. 在 Shopify 應用中,輕觸商店

  2. 銷售渠道部分,輕觸在線商店

  3. 輕觸管理模板。

  1. 點擊查看您的商店。

  2. 若要測試產品頁面上的按鈕,請轉至產品頁面。若要測試特色產品部分中的按鈕,請停留在主頁。

  3. 在瀏覽器的地址欄中,將下列字符串之一添加到當前 URL 的末尾:

    • 要顯示 Amazon 的品牌按鈕,請?zhí)砑?nbsp;?shopify-debug=true&show=Amazon。

    • 若要顯示 Apple Pay 的有品牌按鈕,請?zhí)砑?nbsp;?shopify-debug=true&show=ApplePay(Apple Pay 僅適用于 Safari)。

    • 要顯示 Google Pay 的品牌按鈕,請?zhí)砑?nbsp;add ?shopify-debug=true&show=Google。

    • 要顯示 PayPal 的品牌按鈕,請?zhí)砑?nbsp;?shopify-debug=true&show=PayPal

    • 要顯示 Venmo 的品牌按鈕,請?zhí)砑?nbsp;?shopify-debug=true&show=Venmo。

    • 要顯示無品牌按鈕,請?zhí)砑?nbsp;?shopify-debug=true&show=checkout

  4. 按 Enter 重新加載頁面。根據您添加到 URL 的字符串,您可以看到有品牌或無品牌動態(tài)結賬按鈕。

  5. 使用其他字符串重復此步驟,以查看不同類型的動態(tài)結賬按鈕。

安卓系統(tǒng):

  1. 在 Shopify 應用中,輕觸商店

  2. 銷售渠道部分,輕觸在線商店

  3. 輕觸管理模板。

  1. 點擊查看您的商店

  2. 若要測試產品頁面上的按鈕,請轉至產品頁面。若要測試特色產品部分中的按鈕,請停留在主頁。

  3. 在瀏覽器的地址欄中,將下列字符串之一添加到當前 URL 的末尾:

    • 要顯示 Amazon 的品牌按鈕,請?zhí)砑?nbsp;?shopify-debug=true&show=Amazon

    • 若要顯示 Apple Pay 的有品牌按鈕,請?zhí)砑?nbsp;?shopify-debug=true&show=ApplePay(Apple Pay 僅適用于 Safari)。

    • 要顯示 Google Pay 的品牌按鈕,請?zhí)砑?nbsp;add ?shopify-debug=true&show=Google。

    • 要顯示 PayPal 的品牌按鈕,請?zhí)砑?nbsp;?shopify-debug=true&show=PayPal

    • 要顯示 Venmo 的品牌按鈕,請?zhí)砑?nbsp;?shopify-debug=true&show=Venmo。

    • 要顯示無品牌按鈕,請?zhí)砑?nbsp;?shopify-debug=true&show=checkout。

  4. 按 Enter 重新加載頁面。根據您添加到 URL 的字符串,您可以看到有品牌或無品牌動態(tài)結賬按鈕。

  5. 使用其他字符串重復此步驟,以查看不同類型的動態(tài)結賬按鈕。

顯示某些產品的動態(tài)結賬按鈕,但不顯示其他產品的動態(tài)結賬按鈕

如果您想要顯示某些產品的動態(tài)結賬按鈕,但不顯示其他產品的動態(tài)結賬按鈕,則可以創(chuàng)建替代模板。替代模板是復制的模板代碼模板,您可以對其進行編輯,而不會影響原始模板。通過使用替代產品模板,您可以顯示使用某一模板的產品的動態(tài)結賬按鈕,并隱藏使用其他模板的產品的動態(tài)結賬按鈕。

若要創(chuàng)建替代產品模板,請參閱創(chuàng)建新模板。

在創(chuàng)建替代產品模板并將替代產品模板分配給產品之后,您可顯示或隱藏該產品的動態(tài)結賬按鈕。

步驟:

PC:

  1. 在 Shopify 后臺中,轉到在線商店 > 模板。

  1. 找到已為其創(chuàng)建替代模板的模板,然后點擊自定義。

  2. 在模板編輯器中,轉到已為其分配替代模板的產品的產品頁面。

  3. 點擊 產品頁面 或 產品 部分。

  4. 要顯示使用替代模板的產品的動態(tài)結賬按鈕,請選中 Show dynamic checkout button(顯示動態(tài)結賬按鈕)。要隱藏使用替代模板的產品的動態(tài)結賬按鈕,請取消選中 Show dynamic checkout button(顯示動態(tài)結賬按鈕)。

  5. 點擊保存。 這些更改將應用于使用替代模板的任何產品。

蘋果系統(tǒng):

  1. 在 Shopify 應用中,輕觸商店。

  2. 銷售渠道部分,輕觸在線商店。

  3. 輕觸管理模板

  1. 找到已為其創(chuàng)建替代模板的模板,然后點擊自定義。

  2. 在模板編輯器中,轉到已為其分配替代模板的產品的產品頁面。

  3. 點擊 產品頁面 或 產品 部分。

  4. 要顯示使用替代模板的產品的動態(tài)結賬按鈕,請選中 Show dynamic checkout button(顯示動態(tài)結賬按鈕)。要隱藏使用替代模板的產品的動態(tài)結賬按鈕,請取消選中 Show dynamic checkout button(顯示動態(tài)結賬按鈕)。

  5. 點擊保存。 這些更改將應用于使用替代模板的任何產品。

安卓系統(tǒng):

  1. 在 Shopify 應用中,輕觸商店。

  2. 銷售渠道部分,輕觸在線商店。

  3. 輕觸管理模板。

  1. 找到已為其創(chuàng)建替代模板的模板,然后點擊自定義。

  2. 在模板編輯器中,轉到已為其分配替代模板的產品的產品頁面。

  3. 點擊 頁面 或 產品 部分。

  4. 要顯示使用替代模板的產品的動態(tài)結賬按鈕,請選中 Show dynamic checkout button(顯示動態(tài)結賬按鈕)。要隱藏使用替代模板的產品的動態(tài)結賬按鈕,請取消選中 Show dynamic checkout button(顯示動態(tài)結賬按鈕)。

  5. 點擊保存。 這些更改將應用于使用替代模板的任何產品。

Shopify商戶官網原文詳情:

Test dynamic checkout buttons on your theme

Because the kinds of dynamic checkout buttons that show on your theme depend on multiple factors, you can run a test so that you can see all of the combinations. Before you test dynamic checkout buttons on your theme, make sure that the buttons are showing.

Steps:

PC:

  1. From your Shopify admin, go to Online Store > Themes.

  1. Click View your store.

  2. To test the button on a product page, go to a product page. To test the button on a featured product section, stay on the home .

  3. In your browser's address bar, add one of the following strings to the end of the current URL:

    • To show a branded button for Amazon, add ?shopify-debug=true&show=Amazon.

    • To show a branded button for Apple Pay, add ?shopify-debug=true&show=ApplePay (Apple Pay only works on Safari).

    • To show a branded button for Google Pay, add ?shopify-debug=true&show=Google.

    • To show a branded button for PayPal, add ?shopify-debug=true&show=PayPal.

    • To show a branded button for Venmo, add ?shopify-debug=true&show=Venmo.

    • To show an unbranded button, add ?shopify-debug=true&show=checkout.

  4. Press Enter to reload the page. Depending on the string that you added to the URL, you see either a branded or an unbranded dynamic checkout button.

  5. Repeat with the other strings to see the different types of dynamic checkout buttons.

iPhone:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  1. Click View your store.

  2. To test the button on a product page, go to a product page. To test the button on a featured product section, stay on the home page.

  3. In your browser's address bar, add one of the following strings to the end of the current URL:

    • To show a branded button for Amazon, add ?shopify-debug=true&show=Amazon.

    • To show a branded button for Apple Pay, add ?shopify-debug=true&show=ApplePay (Apple Pay only works on Safari).

    • To show a branded button for Google Pay, add ?shofy-debug=true&show=Google.

    • To show a branded button for PayPal, add ?shopify-debug=true&show=PayPal.

    • To show a branded button for Venmo, add ?shopify-debug=true&show=Venmo.

    • To show an unbranded button, add ?shopify-debug=true&show=checkout.

  4. Press Enter to reload the page. Depending on the string that you added to the URL, you see either a branded or an unbranded dynamic checkout button.

  5. Repeat with the other strings to see the different types of dynamic checkout buttons.

Android:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  1. Click View your store.

  2. To test the button on a product page, go to a product page. To test the button on a featured product section, stay on the home page.

  3. In your browser's address bar, add one of the following strings to the end of the current URL:

    • To show a branded button for Amazon, add ?shopify-debug=true&show=Amazon.

    • To show a branded button for Apple Pay, add ?shopify-debug=true&show=ApplePay (Apple Pay only works on Safari).

    • To show a branded button for Google Pay, add ?shopify-debug=true&show=Google.

    • To show a branded button for PayPal, add ?shopify-debug=true&show=PayPal.

    • To show a branded button for Venmo, add ?shopify-debug=true&show=Venmo.

    • To show an unbranded button, add ?shopify-debug=true&show=checkout.

  4. Press Enter to reload the page. Depending on the string that you added to the URL, you see either a branded or an unbranded dynamic checkout button.

  5. Repeat with the other strings to see the different types of dynamic checkout buttons.

Show dynamic checkout buttons for some products but not for others

If you want to show dynamic checkout buttons for some products but not for others, then you can create an alternate template. An alternate template is a duplicate theme code template that you can edit without affecting the original. By using an alternate product template, you can show dynamic checkout buttons for products that use one template and hide them for products that use the other.

To create an alternate product template, refer to Create a new template.

After you create an alternate product template and assign it to a product, you can show or hide dynamic checkout buttons for that product.

Steps:

PC:

  1. From your Shopify admin, go to Online Store > Themes.

  1. Find the theme for which you created an alternate template, and then click Customize.

  2. In the theme editor, go to the product page for a product to which you've assigned the alternate template.

  3. Click the Product pages or Product section.

  4. To show a dynamic checkout button for products that use the alternate template, check Show dynamic checkout button. To hide a dynamic checkout button for products that use the alternate template, uncheck Show dynamic checkout button.

  5. Click Save. The changes are applied to any product that uses the alternate template.

iPhone:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  1. Find the theme for which you created an alternate template, and then click Customize.

  2. In the theme editor, go to the product page for a product to which you've assigned the alternate template.

  3. Click the Product pages or Product section.

  4. To show a dynamic checkout button for products that use the alternate template, check Show dynamic checkout button. To hide a dynamic checkout button for products that use the alternate template, uncheck Show dynamic checkout button.

  5. Click Save. The changes are applied to any product that uses the alternate template.

Android;

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  1. Find the theme for which you created an alternate template, and then click Customize.

  2. In the theme editor, go to the product page for a product to which you've assigned the alternate template.

  3. Click the Product pages or Product section.

  4. To show a dynamic checkout button for products that use the alternate template, check Show dynamic checkout button. To hide a dynamic checkout button for products that use the alternate template, uncheck Show dynamic checkout button.

  5. Click Save. The changes are applied to any product that uses the alternate template.



特別聲明:以上文章內容僅代表作者本人觀點,不代表ESG跨境電商觀點或立場。如有關于作品內容、版權或其它問題請于作品發(fā)表后的30日內與ESG跨境電商聯系。

搜索 放大鏡
韓國平臺交流群
加入
韓國平臺交流群
掃碼進群
歐洲多平臺交流群
加入
歐洲多平臺交流群
掃碼進群
美國賣家交流群
加入
美國賣家交流群
掃碼進群
ESG跨境專屬福利分享群
加入
ESG跨境專屬福利分享群
掃碼進群
拉美電商交流群
加入
拉美電商交流群
掃碼進群
亞馬遜跨境增長交流群
加入
亞馬遜跨境增長交流群
掃碼進群
亞馬遜跨境增長交流群
加入
亞馬遜跨境增長交流群
掃碼進群
拉美電商交流群
加入
拉美電商交流群
掃碼進群
ESG獨家招商-PHH GROUP賣家交流群
加入
ESG獨家招商-PHH GROUP賣家交流群
掃碼進群
《韓國平臺運營干貨包》
《波蘭allegro知識百科》
《Darty知識百科》
《法國Fnac知識百科》
《PEAKS 出海經營方法論白皮書》
2025跨境電商營銷日歷
《2024年全球消費趨勢白皮書——美國篇》
《2024TikTok出海達人營銷白皮書》
《Coupang自注冊指南》
《eMAG知識百科》
通過ESG入駐平臺,您將解鎖
綠色通道,更高的入駐成功率
專業(yè)1v1客戶經理服務
運營實操指導
運營提效資源福利
平臺官方專屬優(yōu)惠
聯系顧問

平臺顧問

平臺顧問 平臺顧問

微信掃一掃
馬上聯系在線顧問

icon icon

小程序

微信小程序

ESG跨境小程序
手機入駐更便捷

icon icon

返回頂部

【免費領取】全球跨境電商運營干貨 關閉
進行中
進行中
《韓國平臺運營干貨包》
包含四個韓國干貨報告:Coupang自注冊指南、GMK站內推廣指南、韓國大促熱銷品詳細預測、韓國節(jié)日營銷全攻略
免費領取
進行中
進行中
TikTok運營必備干貨包
包含8個TikTok最新運營指南(市場趨勢、運營手冊、節(jié)日攻略等),官方出品,專業(yè)全面!
免費領取
進行中
進行中
韓國電商節(jié)日營銷指南
10+韓國電商重要營銷節(jié)點詳細解讀;全年度各節(jié)日熱度選品助力引爆訂單增長;8大節(jié)日營銷技巧輕松撬動大促流量密碼。
免費領取
進行中
進行中
【平臺干貨】eMAG知識百科
涵蓋從開店到大賣6個板塊:開店、運營、廣告、選品、上架、物流
免費領取
進行中
進行中
全球平臺詳解——全球合集
涵括全球100+個電商平臺的核心信息,包括平臺精煉簡介、競爭優(yōu)勢、熱銷品類、入駐要求以及入駐須知等關鍵內容。
立即領取
進行中
進行中
韓國coupang平臺自注冊指南
韓國Coupang電商平臺從注冊準備、提交申請到完成注冊,開店全流程詳細指引。
免費領取
進行中
進行中
2025跨境電商營銷日歷
包括傳統(tǒng)中、外重要節(jié)日及重點電商營銷節(jié)點還對營銷關鍵市場、選品輔以說明,讓你的365天安排的明明白白!
免費領取
進行中
進行中
全球平臺詳解——歐洲篇
涵蓋20+歐洲電商平臺,詳細解讀優(yōu)勢、入駐條件、熱銷品等
立即領取