>整合Shopify和WordPress：綜合指南

許多小型企業(yè)依靠WordPress，但是Shopify越來越流行于基于產(chǎn)品的電子商務(wù)。 本教程演示了如何將您的Shopify商店無縫集成到現(xiàn)有的WordPress網(wǎng)站中，在不放棄當(dāng)前平臺(tái)的情況下顯示您的產(chǎn)品。 我們將利用Shopify API和自定義WordPress頁(yè)面模板。 可以使用該集成的工作演示[此處]（如果可用，請(qǐng)插入演示鏈接）。 最終結(jié)果看起來像：

密鑰概念：

• shopify api集成：>將shopify的電子商務(wù)功能與您的WordPress網(wǎng)站連接到WordPress中直接顯示和管理Shopify產(chǎn)品。
• shopify私人應(yīng)用：創(chuàng)建一個(gè)私人應(yīng)用程序以獲取API密鑰，對(duì)于與Shopify API的安全通信至關(guān)重要。
• 自定義WordPress頁(yè)面模板：
使用PHP和HTML開發(fā)自定義頁(yè)面模板以嵌入并顯示您的Shopify產(chǎn)品集合。>高級(jí)自定義字段（ACF）：>使用ACF（或類似的插件）動(dòng)態(tài)管理Shopify數(shù)據(jù)，簡(jiǎn)化了收集ID和API URL的更新，而無需修改代碼。
• > WordPress瞬變（緩存）：實(shí)現(xiàn)緩存以優(yōu)化性能并最小化API呼叫限制，從而確保有效的數(shù)據(jù)檢索。 使用自定義循環(huán)和API呼叫在WordPress頁(yè)面上顯示單個(gè)Shopify產(chǎn)品的單個(gè)產(chǎn)品顯示：使用自定義循環(huán)和API呼叫顯示，對(duì)顯示的產(chǎn)品信息（圖像，標(biāo)題，變體，價(jià)格）提供了顆粒狀的控制。
>
• shopify設(shè)置：

>

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

   是ID）。確保收藏包含產(chǎn)品。 /admin/collections/123456789 123456789

   >

   >創(chuàng)建一個(gè)私有應(yīng)用：
在您的shopify管理員中，轉(zhuǎn)到apps＆gt;私人應(yīng)用。單擊“創(chuàng)建私有應(yīng)用程序”，提供標(biāo)題（以及可選的聯(lián)系電子郵件），然后保存。注意創(chuàng)建后提供的API URL。 此URL包含您的API密鑰和密碼，對(duì)于API身份驗(yàn)證至關(guān)重要。
2. >

   

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

WordPress設(shè)置：

1. >

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

2. 創(chuàng)建一個(gè)自定義頁(yè)面模板（）：page-shopify.php在主題目錄中創(chuàng)建一個(gè)名為的新文件。 該文件將包含代碼以獲取和顯示您的Shopify產(chǎn)品。 下面提供了基本結(jié)構(gòu)：page-shopify.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(); ?>" <?php 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(); ?>

3. >創(chuàng)建一個(gè)新頁(yè)面并分配模板：在WordPress管理中創(chuàng)建一個(gè)新頁(yè)面，然后選擇“ Shopify Product feed”模板。

   

   （可選）使用ACF來管理Shopify數(shù)據(jù)：
4. （可選）：安裝并激活高級(jí)自定義字段插件。創(chuàng)建自定義字段來存儲(chǔ)您的Shopify API URL和Collection ID。這允許在不更改代碼的情況下輕松修改這些值。

   >

   

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

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

   >樣式的輸出（CSS）：添加CSS以樣式顯示產(chǎn)品顯示以匹配您的網(wǎng)站的設(shè)計(jì)。

6. 結(jié)論：

   >本指南提供了一個(gè)將您的Shopify商店與WordPress集成的框架。 請(qǐng)記住，在GitHub Gist中咨詢完整的代碼示例，以進(jìn)行功能齊全的實(shí)現(xiàn)。 這種集成釋放了強(qiáng)大的可能性，使您能夠利用兩個(gè)平臺(tái)的優(yōu)勢(shì)來實(shí)現(xiàn)強(qiáng)大而靈活的電子商務(wù)解決方案。 切記用實(shí)際的Shopify數(shù)據(jù)替換占位符值。 根據(jù)您的特定需求，可能會(huì)進(jìn)行進(jìn)一步的自定義和擴(kuò)展。
>

以上是將Shopify API與WordPress一起使用的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！