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

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

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

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

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

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

步驟:

PC:

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

  1. 點擊查看您的商店。

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

  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 重新加載頁面。根據(jù)您添加到 URL 的字符串,您可以看到有品牌或無品牌動態(tài)結賬按鈕。

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

蘋果系統(tǒng):

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

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

  3. 輕觸管理模板。

  1. 點擊查看您的商店。

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

  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 重新加載頁面。根據(jù)您添加到 URL 的字符串,您可以看到有品牌或無品牌動態(tài)結賬按鈕。

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

安卓系統(tǒng):

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

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

  3. 輕觸管理模板。

  1. 點擊查看您的商店。

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

  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 重新加載頁面。根據(jù)您添加到 URL 的字符串,您可以看到有品牌或無品牌動態(tài)結賬按鈕。

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

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

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

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

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

步驟:

PC:

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

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

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

  3. 點擊 產(chǎn)品頁面 或 產(chǎn)品 部分。

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

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

蘋果系統(tǒng):

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

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

  3. 輕觸管理模板。

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

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

  3. 點擊 產(chǎn)品頁面 或 產(chǎn)品 部分。

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

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

安卓系統(tǒng):

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

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

  3. 輕觸管理模板。

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

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

  3. 點擊 頁面 或 產(chǎn)品 部分。

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

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

Shopify商戶官網(wǎng)原文詳情:

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跨境電商聯(lián)系。

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

立即登記,定期獲得更多資訊

訂閱
聯(lián)系顧問

平臺顧問

平臺顧問 平臺顧問

微信掃一掃
馬上聯(lián)系在線顧問

icon icon

小程序

微信小程序

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

icon icon

返回頂部