將Shopify API與WordPress一起使用

>整合Shopify和WordPress：綜合指南

許多小型企業依靠WordPress，但是Shopify越來越流行於基於產品的電子商務。 本教程演示瞭如何將您的Shopify商店無縫集成到現有的WordPress網站中，在不放棄當前平台的情況下顯示您的產品。 我們將利用Shopify API和自定義WordPress頁面模板。 可以使用該集成的工作演示[此處]（如果可用，請插入演示鏈接）。 最終結果看起來像：

密鑰概念：

• shopify api集成：>將shopify的電子商務功能與您的WordPress網站連接到WordPress中直接顯示和管理Shopify產品。
• shopify私人應用：創建一個私人應用程序以獲取API密鑰，對於與Shopify API的安全通信至關重要。
• 自定義WordPress頁面模板：
使用PHP和HTML開發自定義頁面模板以嵌入並顯示您的Shopify產品集合。 >高級自定義字段（ACF）：>使用ACF（或類似的插件）動態管理Shopify數據，簡化了收集ID和API URL的更新，而無需修改代碼。
• > WordPress瞬變（緩存）：實現緩存以優化性能並最小化API呼叫限制，從而確保有效的數據檢索。 使用自定義循環和API呼叫在WordPress頁面上顯示單個Shopify產品的單個產品顯示：使用自定義循環和API呼叫顯示，對顯示的產品信息（圖像，標題，變體，價格）提供了顆粒狀的控制。
>
• shopify設置：

>

>標識您的收藏ID：

導航到您的Shopify管理員，編輯所需的集合，然後在URL中找到集合ID。 （示例：
1. ，其中

   是ID）。確保收藏包含產品。 /admin/collections/123456789 123456789

   >

   >創建一個私有應用：
在您的shopify管理員中，轉到apps＆gt;私人應用。單擊“創建私有應用程序”，提供標題（以及可選的聯繫電子郵件），然後保存。注意創建後提供的API URL。 此URL包含您的API密鑰和密碼，對於API身份驗證至關重要。
2. >

   

   重要：所示的示例API URL不起作用。 使用自己生成的URL。

WordPress設置：

1. >

   創建一個子主題（推薦）：始終在兒童主題中工作，以防止更新期間覆蓋主題。

2. 創建一個自定義頁面模板（）：page-shopify.php在主題目錄中創建一個名為的新文件。 該文件將包含代碼以獲取和顯示您的Shopify產品。 下面提供了基本結構：page-shopify.php

   <code class="language-php"><?php
   /**
    * Template Name: Shopify Product Feed
    */
   get_header(); ?>
   
   <div id="primary" class="full-width">
       <?php while ( have_posts() ) : the_post(); ?>
           <div id="post-<?php the_ID(); ?>" post_class>>
               <div class="entry-header">
                   <h1 class="page-title"><?php the_title(); ?></h1>
               </div>
               <div class="entry-content">
                   <?php the_content(); ?>
                   <div class="row product-feed"></div> </div>
           </div>
       <?php endwhile; ?>
   </div>
   <?php get_footer(); ?></code>

3. >創建一個新頁面並分配模板：在WordPress管理中創建一個新頁面，然後選擇“ Shopify Product feed”模板。

   

   （可選）使用ACF來管理Shopify數據：
4. （可選）：安裝並激活高級自定義字段插件。創建自定義字段來存儲您的Shopify API URL和Collection ID。這允許在不更改代碼的情況下輕鬆修改這些值。

   >

   

嵌入集合（PHP代碼）：在您的
5. >文件的

   部分中添加以下PHP代碼。 該代碼從Shopify API獲取產品數據，處理緩存並顯示產品。 （注意：這是一個簡化的示例。請參閱提供的完整功能代碼的github Gist）。 ><div class="row product-feed"></div>（本節需要大量的php代碼來獲取和顯示產品。由於長度約束，我不能在此處包含完整的代碼。請參閱原始文本中的GitHub GIST，以獲取完整代碼） page-shopify.php

   >樣式的輸出（CSS）：添加CSS以樣式顯示產品顯示以匹配您的網站的設計。

6. 結論：

   >本指南提供了一個將您的Shopify商店與WordPress集成的框架。 請記住，在GitHub Gist中諮詢完整的代碼示例，以進行功能齊全的實現。 這種集成釋放了強大的可能性，使您能夠利用兩個平台的優勢來實現強大而靈活的電子商務解決方案。 切記用實際的Shopify數據替換佔位符值。 根據您的特定需求，可能會進行進一步的自定義和擴展。
>

以上是將Shopify API與WordPress一起使用的詳細內容。更多資訊請關注PHP中文網其他相關文章！