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

shopify商店測(cè)試和顯示模板上的動(dòng)態(tài)結(jié)賬按鈕步驟

shopify新聞
shopify新聞
2022-03-28
點(diǎn)贊icon 0
查看icon 759

由于模板上顯示的動(dòng)態(tài)結(jié)賬按鈕類(lèi)型取決于多種因素,因此您可以運(yùn)行測(cè)試以便查看所有組合。在測(cè)試模板上的動(dòng)態(tài)結(jié)賬按鈕之前,請(qǐng)確保已顯示按鈕。

測(cè)試模板上的動(dòng)態(tài)結(jié)賬按鈕

由于模板上顯示的動(dòng)態(tài)結(jié)賬按鈕類(lèi)型取決于多種因素,因此您可以運(yùn)行測(cè)試以便查看所有組合。在測(cè)試模板上的動(dòng)態(tài)結(jié)賬按鈕之前,請(qǐng)確保已顯示按鈕。

步驟:

PC:

  1. 在 后臺(tái)中,轉(zhuǎn)到在線商店 > 模板

  1. 點(diǎn)擊查看您的商店。

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

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

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

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

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

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

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

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

  4. 按 Enter 重新加載頁(yè)面。根據(jù)您添加到 URL 的字符串,您可以看到有品牌或無(wú)品牌動(dòng)態(tài)結(jié)賬按鈕。

  5. 使用其他字符串重復(fù)此步驟,以查看不同類(lèi)型的動(dòng)態(tài)結(jié)賬按鈕。

蘋(píng)果系統(tǒng):

  1. 在 Shopify 應(yīng)用中,輕觸商店

  2. 銷(xiāo)售渠道部分,輕觸在線商店

  3. 輕觸管理模板。

  1. 點(diǎn)擊查看您的商店。

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

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

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

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

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

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

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

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

  4. 按 Enter 重新加載頁(yè)面。根據(jù)您添加到 URL 的字符串,您可以看到有品牌或無(wú)品牌動(dòng)態(tài)結(jié)賬按鈕。

  5. 使用其他字符串重復(fù)此步驟,以查看不同類(lèi)型的動(dòng)態(tài)結(jié)賬按鈕。

安卓系統(tǒng):

  1. 在 Shopify 應(yīng)用中,輕觸商店。

  2. 銷(xiāo)售渠道部分,輕觸在線商店。

  3. 輕觸管理模板。

  1. 點(diǎn)擊查看您的商店

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

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

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

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

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

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

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

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

  4. 按 Enter 重新加載頁(yè)面。根據(jù)您添加到 URL 的字符串,您可以看到有品牌或無(wú)品牌動(dòng)態(tài)結(jié)賬按鈕。

  5. 使用其他字符串重復(fù)此步驟,以查看不同類(lèi)型的動(dòng)態(tài)結(jié)賬按鈕。

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

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

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

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

步驟:

PC:

  1. 在 Shopify 后臺(tái)中,轉(zhuǎn)到在線商店 > 模板

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

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

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

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

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

蘋(píng)果系統(tǒng):

  1. 在 Shopify 應(yīng)用中,輕觸商店。

  2. 銷(xiāo)售渠道部分,輕觸在線商店。

  3. 輕觸管理模板

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

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

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

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

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

安卓系統(tǒng):

  1. 在 Shopify 應(yīng)用中,輕觸商店。

  2. 銷(xiāo)售渠道部分,輕觸在線商店

  3. 輕觸管理模板。

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

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

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

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

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

Shopify商戶(hù)官網(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.



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

搜索 放大鏡
韓國(guó)平臺(tái)交流群
加入
韓國(guó)平臺(tái)交流群
掃碼進(jìn)群
歐洲多平臺(tái)交流群
加入
歐洲多平臺(tái)交流群
掃碼進(jìn)群
美國(guó)賣(mài)家交流群
加入
美國(guó)賣(mài)家交流群
掃碼進(jìn)群
ESG跨境專(zhuān)屬福利分享群
加入
ESG跨境專(zhuān)屬福利分享群
掃碼進(jìn)群
拉美電商交流群
加入
拉美電商交流群
掃碼進(jìn)群
亞馬遜跨境增長(zhǎng)交流群
加入
亞馬遜跨境增長(zhǎng)交流群
掃碼進(jìn)群
亞馬遜跨境增長(zhǎng)交流群
加入
亞馬遜跨境增長(zhǎng)交流群
掃碼進(jìn)群
拉美電商交流群
加入
拉美電商交流群
掃碼進(jìn)群
ESG獨(dú)家招商-PHH GROUP賣(mài)家交流群
加入
ESG獨(dú)家招商-PHH GROUP賣(mài)家交流群
掃碼進(jìn)群
《TikTok官方運(yùn)營(yíng)干貨合集》
《TikTok綜合運(yùn)營(yíng)手冊(cè)》
《TikTok短視頻運(yùn)營(yíng)手冊(cè)》
《TikTok直播運(yùn)營(yíng)手冊(cè)》
《TikTok全球趨勢(shì)報(bào)告》
《韓國(guó)節(jié)日營(yíng)銷(xiāo)指南》
《開(kāi)店大全-全球合集》
《開(kāi)店大全-主流平臺(tái)篇》
《開(kāi)店大全-東南亞篇》
《CD平臺(tái)自注冊(cè)指南》
通過(guò)ESG入駐平臺(tái),您將解鎖
綠色通道,更高的入駐成功率
專(zhuān)業(yè)1v1客戶(hù)經(jīng)理服務(wù)
運(yùn)營(yíng)實(shí)操指導(dǎo)
運(yùn)營(yíng)提效資源福利
平臺(tái)官方專(zhuān)屬優(yōu)惠

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

訂閱
聯(lián)系顧問(wèn)

平臺(tái)顧問(wèn)

平臺(tái)顧問(wèn) 平臺(tái)顧問(wèn)

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

icon icon

小程序

微信小程序

ESG跨境小程序
手機(jī)入駐更便捷

icon icon

返回頂部

【免費(fèi)領(lǐng)取】全球跨境電商運(yùn)營(yíng)干貨 關(guān)閉
進(jìn)行中
進(jìn)行中
TikTok運(yùn)營(yíng)必備干貨包
包含8個(gè)TikTok最新運(yùn)營(yíng)指南(市場(chǎng)趨勢(shì)、運(yùn)營(yíng)手冊(cè)、節(jié)日攻略等),官方出品,專(zhuān)業(yè)全面!
免費(fèi)領(lǐng)取
進(jìn)行中
進(jìn)行中
韓國(guó)電商節(jié)日營(yíng)銷(xiāo)指南
10+韓國(guó)電商重要營(yíng)銷(xiāo)節(jié)點(diǎn)詳細(xì)解讀;2024各節(jié)日熱度選品助力引爆訂單增長(zhǎng);8大節(jié)日營(yíng)銷(xiāo)技巧輕松撬動(dòng)大促流量密碼。
免費(fèi)領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺(tái)詳解——全球合集
涵括全球100+個(gè)電商平臺(tái)的核心信息,包括平臺(tái)精煉簡(jiǎn)介、競(jìng)爭(zhēng)優(yōu)勢(shì)、熱銷(xiāo)品類(lèi)、入駐要求以及入駐須知等關(guān)鍵內(nèi)容。
立即領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺(tái)詳解——主流平臺(tái)篇
火爆全球的跨境電商平臺(tái)合集,平臺(tái)優(yōu)勢(shì)、開(kāi)店選品、入駐條件盡在掌握
立即領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺(tái)詳解——拉美篇
涵蓋9大熱門(mén)拉美電商平臺(tái),成熟的市場(chǎng)是跨境賣(mài)家的熱門(mén)選擇!
立即領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺(tái)詳解——日韓篇
涵蓋10+日韓電商平臺(tái),入駐條件一看就懂,優(yōu)勢(shì)熱銷(xiāo)品應(yīng)有盡有
立即領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺(tái)詳解——?dú)W洲篇
涵蓋20+歐洲電商平臺(tái),詳細(xì)解讀優(yōu)勢(shì)、入駐條件、熱銷(xiāo)品等
立即領(lǐng)取