添加嵌入代碼

在Shopify管理員中創建購買按鈕后，您就可以將其添加到您自己的網站或博客中。

將嵌入代碼添加到您網站的源HTML的過程有所不同，具體取決于您希望購買按鈕和購物車在您的發布平臺上顯示的方式和位置，以及有時您在該平臺上使用的主題。

注意

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

相關主題

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

將嵌入代碼添加到Shopify博客

將嵌入代碼添加到Squarespace

將嵌入代碼添加到Wix

單獨添加腳本標記

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

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

注意

嵌入式購買按鈕與WordPress.org平臺兼容，但與WordPress.com不兼容。 本文檔描述了WordPress 4.2.2。 您的版本可能會有所不同。 您可以在WordPress支持網站上了解有關WordPress版本的更多信息。

將嵌入代碼添加到WordPress帖子

要將嵌入代碼添加到單個帖子， 請執行以下操作：

在Shopify中，創建一個購買按鈕并從“嵌入代碼”對話框中復制其嵌入代碼(或單擊“將嵌入代碼復制到剪貼板”)。

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

單擊“添加”以創建新帖子，或單擊要顯示“購買”按鈕的現有帖子的名稱。

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

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

完成后，單擊“保存草稿”，“預覽”或“發布”。

將嵌入代碼添加到Wordpress菜單

要將嵌入代碼添加到主頁上的菜單， 請執行以下操作：

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

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

單擊要添加“購買”按鈕或自定義購物車代碼的區域的名稱。

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

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

保存更改。

注意

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

將嵌入代碼添加到Shopify博客

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

注意

“購買”按鈕可創建單獨的購物車。 如果您的客戶移動到在線商店中的其他頁面，則該商品將不再顯示在購物車中。 您可以編輯“購買”按鈕直接進入結帳頁面。

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

單擊博客帖子。

在“博客帖子”頁面中，單擊要編輯的博客文章的標題，或單擊“添加博客帖子”以創建新博客文章。

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

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

單擊保存。

將嵌入代碼添加到Squarespace

警告

Squarespace上的一些高級自定義是僅限于主題的。 Shopify使用不支持這些自定義，風險自負！

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

要向Squarespace中的頁面元素添加嵌入代碼， 請執行以下操作：

在Squarespace儀表板中，打開要添加嵌入代碼的網頁。

在頁面上找到要顯示“購買”按鈕或嵌入式購物車的元素，將光標移到“頁面內容”區域上，然后單擊“編輯”。

單擊要添加嵌入代碼的插入點。

在“內容塊”對話框的“更多”部分中，單擊“代碼”。

從Shopify管理員處，從“嵌入代碼”對話框中復制嵌入代碼。

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

在EDIT CODE對話框中單擊APPLY。

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

注意

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

將嵌入代碼添加到Wix

在Shopify管理員中創建購買按鈕或分類后，您可以使用Wix網站編輯器將其添加到您的Wix網站。

警告

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

如果要在Wix網站上顯示多個產品而不編輯嵌入代碼，則可以嵌入一個分類。您可以在Shopify管理員中為要在Wix上顯示的產品創建新分類。

要在Wix網站上為產品或分類嵌入單個“購買”按鈕， 請執行以下操作：

從Shopify管理員處為產品或分類創建購買按鈕，然后復制其嵌入代碼。

在您的Wix帳戶中，在“我的網站”部分中找到要編輯的站點，然后單擊“編輯站點”。

在Wix網站編輯器中，單擊+按鈕，然后單擊更多。

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

單擊輸入代碼。

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

調整HTML代碼小部件的大小以適應其內容。如果要使用購物車創建嵌入，請確保購物車選項卡顯示在正確的位置。

完成后，單擊“保存”。

嵌入多個產品或分類

要在您的Wix網站上嵌入多個產品或分類， 請執行以下操作：

從Shopify管理員處為產品或分類創建購買按鈕，然后復制其嵌入代碼。

將代碼粘貼到代碼編輯器或Wix網站構建器中。重復前兩步，直到創建了所需的“購買按鈕”。

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

在您的Wix帳戶中，在“我的網站”部分中找到要編輯的站點，然后單擊“編輯站點”。

在Wix網站編輯器中，單擊+按鈕，然后單擊更多。

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

單擊輸入代碼。

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

調整HTML代碼小部件的大小以適應其內容。如果要使用購物車創建嵌入，請確保購物車選項卡顯示在正確的位置。

完成后，單擊“保存”。

注意

如果您需要幫助使用Wix編輯器，請聯系Wix支持。

單獨添加腳本標記

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

要單獨添加腳本標記， 請執行以下操作：

從創建購買按鈕時生成的嵌入代碼中，復制

元素和

打開要嵌入“購買”按鈕的網站的頁眉。

將整個

保存更改。

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

元素。 例如：

打開您要在其中嵌入“購買”按鈕的網站頁面。

將

代碼段粘貼到頁面中。

保存更改。

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。