添加嵌入代碼

在Shopify管理員中創(chuàng)建購(gòu)買按鈕后，您就可以將其添加到您自己的網(wǎng)站或博客中。

將嵌入代碼添加到您網(wǎng)站的源HTML的過(guò)程有所不同，具體取決于您希望購(gòu)買按鈕和購(gòu)物車在您的發(fā)布平臺(tái)上顯示的方式和位置，以及有時(shí)您在該平臺(tái)上使用的主題。

注意

如果您需要幫助將嵌入代碼添加到Shopify之外的發(fā)布平臺(tái)(例如Squarespace或WordPress.org博客)，請(qǐng)直接與您的網(wǎng)站提供商或發(fā)布平臺(tái)聯(lián)系以獲取支持。

相關(guān)主題

將嵌入代碼添加到WordPress.org博客

將嵌入代碼添加到Shopify博客

將嵌入代碼添加到Squarespace

將嵌入代碼添加到Wix

單獨(dú)添加腳本標(biāo)記

將嵌入代碼添加到WordPress.org博客

您可以將嵌入代碼添加到單個(gè)帖子和WordPress.org博客主頁(yè)上的菜單中。

注意

嵌入式購(gòu)買按鈕與WordPress.org平臺(tái)兼容，但與WordPress.com不兼容。 本文檔描述了WordPress 4.2.2。 您的版本可能會(huì)有所不同。 您可以在WordPress支持網(wǎng)站上了解有關(guān)WordPress版本的更多信息。

將嵌入代碼添加到WordPress帖子

要將嵌入代碼添加到單個(gè)帖子， 請(qǐng)執(zhí)行以下操作：

在Shopify中，創(chuàng)建一個(gè)購(gòu)買按鈕并從“嵌入代碼”對(duì)話框中復(fù)制其嵌入代碼(或單擊“將嵌入代碼復(fù)制到剪貼板”)。

在WordPress儀表板中，單擊“帖子”。

單擊“添加”以創(chuàng)建新帖子，或單擊要顯示“購(gòu)買”按鈕的現(xiàn)有帖子的名稱。

從“添加新帖子”或“編輯帖子”頁(yè)面，將文本編輯器從“可視”更改為“文本”模式。

將嵌入代碼粘貼到您希望顯示“購(gòu)買”按鈕或分類位置的編輯器主文本字段中。

完成后，單擊“保存草稿”，“預(yù)覽”或“發(fā)布”。

將嵌入代碼添加到Wordpress菜單

要將嵌入代碼添加到主頁(yè)上的菜單， 請(qǐng)執(zhí)行以下操作：

在WordPress儀表板中，單擊“外觀”。

單擊“自定義”以打開主題編輯器，然后單擊“窗口小部件”。

單擊要添加“購(gòu)買”按鈕或自定義購(gòu)物車代碼的區(qū)域的名稱。

打開現(xiàn)有的“文本”小部件，或單擊“添加小組件”，然后單擊“文本”。

將嵌入代碼粘貼到“文本”小部件的主文本字段中。

保存更改。

注意

如果您想更改網(wǎng)站購(gòu)物車的行為或外觀，則可以將自定義購(gòu)物車代碼添加到WordPress.org博客主頁(yè)上的菜單中。

將嵌入代碼添加到Shopify博客

您可以在Shopify博客上的個(gè)別帖子中添加嵌入代碼：

注意

“購(gòu)買”按鈕可創(chuàng)建單獨(dú)的購(gòu)物車。 如果您的客戶移動(dòng)到在線商店中的其他頁(yè)面，則該商品將不再顯示在購(gòu)物車中。 您可以編輯“購(gòu)買”按鈕直接進(jìn)入結(jié)帳頁(yè)面。

在Shopify管理員中，單擊“在線商店”。

單擊博客帖子。

在“博客帖子”頁(yè)面中，單擊要編輯的博客文章的標(biāo)題，或單擊“添加博客帖子”以創(chuàng)建新博客文章。

在“編寫博客文章”部分中，單擊多文本編輯器中的“顯示HTML”。

將您的嵌入代碼粘貼到主文本字段中。

單擊保存。

將嵌入代碼添加到Squarespace

警告

Squarespace上的一些高級(jí)自定義是僅限于主題的。 Shopify使用不支持這些自定義，風(fēng)險(xiǎn)自負(fù)！

您可以將嵌入代碼添加到Squarespace中的各個(gè)帖子以及主頁(yè)上的菜單中。在某些情況下，您可能希望同時(shí)執(zhí)行這兩項(xiàng)操作。例如，您可以在主頁(yè)上嵌入購(gòu)物車，以便從嵌入單個(gè)帖子的“購(gòu)買按鈕”中接收購(gòu)買。

要向Squarespace中的頁(yè)面元素添加嵌入代碼， 請(qǐng)執(zhí)行以下操作：

在Squarespace儀表板中，打開要添加嵌入代碼的網(wǎng)頁(yè)。

在頁(yè)面上找到要顯示“購(gòu)買”按鈕或嵌入式購(gòu)物車的元素，將光標(biāo)移到“頁(yè)面內(nèi)容”區(qū)域上，然后單擊“編輯”。

單擊要添加嵌入代碼的插入點(diǎn)。

在“內(nèi)容塊”對(duì)話框的“更多”部分中，單擊“代碼”。

從Shopify管理員處，從“嵌入代碼”對(duì)話框中復(fù)制嵌入代碼。

從Squarespace儀表板中，將嵌入代碼粘貼到CODE對(duì)話框中。確保將文本字段設(shè)置為接收HTML。

在EDIT CODE對(duì)話框中單擊APPLY。

在頁(yè)面編輯器上再次單擊“保存”。由于Squarespace在其信息中心中禁用JavaScript，因此您需要單獨(dú)預(yù)覽頁(yè)面以查看已添加的購(gòu)買按鈕或嵌入式購(gòu)物車。

注意

如果您將嵌入式購(gòu)物車添加到Squarespace主頁(yè)的菜單中，它將從您嵌入單個(gè)帖子的購(gòu)買按鈕接收訂單。

將嵌入代碼添加到Wix

在Shopify管理員中創(chuàng)建購(gòu)買按鈕或分類后，您可以使用Wix網(wǎng)站編輯器將其添加到您的Wix網(wǎng)站。

警告

如果要為多個(gè)產(chǎn)品或分類嵌入“購(gòu)買按鈕”，則需要先編輯嵌入代碼，然后再將其添加到Wix HTML代碼窗口小部件中。如果您在不編輯嵌入代碼的情況下將多個(gè)購(gòu)買按鈕嵌入到Wix網(wǎng)站中，那么嘗試購(gòu)買多個(gè)產(chǎn)品的客戶將會(huì)看到每個(gè)產(chǎn)品的單獨(dú)購(gòu)物車。

如果要在Wix網(wǎng)站上顯示多個(gè)產(chǎn)品而不編輯嵌入代碼，則可以嵌入一個(gè)分類。您可以在Shopify管理員中為要在Wix上顯示的產(chǎn)品創(chuàng)建新分類。

要在Wix網(wǎng)站上為產(chǎn)品或分類嵌入單個(gè)“購(gòu)買”按鈕， 請(qǐng)執(zhí)行以下操作：

從Shopify管理員處為產(chǎn)品或分類創(chuàng)建購(gòu)買按鈕，然后復(fù)制其嵌入代碼。

在您的Wix帳戶中，在“我的網(wǎng)站”部分中找到要編輯的站點(diǎn)，然后單擊“編輯站點(diǎn)”。

在Wix網(wǎng)站編輯器中，單擊+按鈕，然后單擊更多。

單擊HTML代碼以向頁(yè)面添加HTML代碼窗口小部件。

單擊輸入代碼。

在“HTML設(shè)置”對(duì)話框中，在“在此處添加代碼”字段中粘貼“購(gòu)買按鈕”或“分類”的嵌入代碼，然后單擊“更新”。

調(diào)整HTML代碼小部件的大小以適應(yīng)其內(nèi)容。如果要使用購(gòu)物車創(chuàng)建嵌入，請(qǐng)確保購(gòu)物車選項(xiàng)卡顯示在正確的位置。

完成后，單擊“保存”。

嵌入多個(gè)產(chǎn)品或分類

要在您的Wix網(wǎng)站上嵌入多個(gè)產(chǎn)品或分類， 請(qǐng)執(zhí)行以下操作：

從Shopify管理員處為產(chǎn)品或分類創(chuàng)建購(gòu)買按鈕，然后復(fù)制其嵌入代碼。

將代碼粘貼到代碼編輯器或Wix網(wǎng)站構(gòu)建器中。重復(fù)前兩步，直到創(chuàng)建了所需的“購(gòu)買按鈕”。

編輯嵌入代碼以確保它們以正確的對(duì)齊方式顯示。

在您的Wix帳戶中，在“我的網(wǎng)站”部分中找到要編輯的站點(diǎn)，然后單擊“編輯站點(diǎn)”。

在Wix網(wǎng)站編輯器中，單擊+按鈕，然后單擊更多。

單擊HTML代碼以向頁(yè)面添加HTML代碼窗口小部件。

單擊輸入代碼。

在“HTML設(shè)置”對(duì)話框中，在“在此處添加代碼”字段中粘貼已購(gòu)買按鈕的已編輯代碼，然后單擊“更新”。

調(diào)整HTML代碼小部件的大小以適應(yīng)其內(nèi)容。如果要使用購(gòu)物車創(chuàng)建嵌入，請(qǐng)確保購(gòu)物車選項(xiàng)卡顯示在正確的位置。

完成后，單擊“保存”。

注意

如果您需要幫助使用Wix編輯器，請(qǐng)聯(lián)系Wix支持。

單獨(dú)添加腳本標(biāo)記

某些平臺(tái)(如Unbounce)要求您將嵌入代碼的

要單獨(dú)添加腳本標(biāo)記， 請(qǐng)執(zhí)行以下操作：

從創(chuàng)建購(gòu)買按鈕時(shí)生成的嵌入代碼中，復(fù)制

元素和

打開要嵌入“購(gòu)買”按鈕的網(wǎng)站的頁(yè)眉。

將整個(gè)

保存更改。

從Shopify管理員中的原始嵌入代碼中，僅復(fù)制

元素。 例如：

打開您要在其中嵌入“購(gòu)買”按鈕的網(wǎng)站頁(yè)面。

將

代碼段粘貼到頁(yè)面中。

保存更改。

[Shopify開店教程]添加嵌入代碼 was last modified: 9月 10th, 2018 by hosimon

總結(jié)

以上是生活随笔為你收集整理的shopify在哪里填写html,[Shopify开店教程]添加嵌入代码的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。