Menggunakan API Shopify dengan WordPress

Mengintegrasikan Shopify and WordPress: Panduan Komprehensif

Banyak perniagaan kecil bergantung kepada WordPress, tetapi Shopify semakin popular untuk e-dagang berasaskan produk. Tutorial ini menunjukkan bagaimana untuk mengintegrasikan kedai Shopify anda dengan lancar ke laman WordPress anda yang sedia ada, memaparkan produk anda tanpa meninggalkan platform semasa anda. Kami akan memanfaatkan API Shopify dan templat halaman WordPress tersuai. Demo kerja yang mempamerkan integrasi ini tersedia [di sini] (masukkan pautan demo jika tersedia). Hasil akhir kelihatan seperti ini:

Konsep Utama:

• Integrasi API Shopify: Sambungkan fungsi e-dagang Shopify dengan laman WordPress anda untuk memaparkan dan menguruskan produk Shopify secara langsung dalam WordPress.
• Shopify App Private: Buat aplikasi peribadi untuk mendapatkan kunci API, penting untuk komunikasi selamat dengan Api Shopify.
• Template halaman WordPress Custom: Membangunkan templat halaman tersuai menggunakan PHP dan HTML untuk membenamkan dan memaparkan koleksi produk Shopify anda.
• bidang adat maju (ACF): menggunakan ACF (atau plugin yang sama) untuk menguruskan data Shopify secara dinamik, memudahkan kemas kini ke id koleksi dan URL API tanpa pengubahsuaian kod.
• Transients WordPress (caching): Melaksanakan caching untuk mengoptimumkan prestasi dan meminimumkan had panggilan API, memastikan pengambilan data yang cekap. Paparan Produk Individu:
Paparkan produk Shopify Individu pada halaman WordPress menggunakan gelung tersuai dan panggilan API, yang menawarkan kawalan berbutir ke atas maklumat produk yang dipaparkan (imej, tajuk, variasi, harga).
shopify setup:

Kenal pasti ID Koleksi anda:
1. Navigasi ke Admin Shopify anda, edit koleksi yang dikehendaki, dan cari ID Koleksi dalam URL. (Contoh:

   , di mana adalah ID). Pastikan koleksi mengandungi produk. /admin/collections/123456789 123456789

   

   Buat aplikasi peribadi:
di shopify admin anda, pergi ke aplikasi & gt; Aplikasi peribadi. Klik "Buat aplikasi peribadi," berikan tajuk (dan e -mel kenalan pilihan), dan simpan. Perhatikan URL API yang disediakan selepas penciptaan. URL ini mengandungi kunci dan kata laluan API anda, penting untuk pengesahan API.

2. PENTING: Contoh url API yang ditunjukkan tidak berfungsi. Gunakan url yang dihasilkan sendiri.

Persediaan WordPress:

1. Buat tema kanak -kanak (disyorkan): Sentiasa bekerja dalam tema kanak -kanak untuk mengelakkan menimpa tema anda semasa kemas kini.

2. Buat template halaman tersuai (page-shopify.php): Buat fail baru bernama page-shopify.php dalam direktori tema anda. Fail ini akan mengandungi kod untuk mengambil dan memaparkan produk Shopify anda. Struktur asas disediakan di bawah:

   <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. Buat halaman baru dan tetapkan templat: Buat halaman baru di Admin WordPress anda dan pilih templat "Feed Product Shopify".

   

4. (Pilihan) Gunakan ACF untuk menguruskan data Shopify: Pasang dan aktifkan plugin medan adat maju. Buat medan tersuai untuk menyimpan URL API Shopify dan ID Koleksi anda. Ini membolehkan pengubahsuaian mudah nilai -nilai ini tanpa mengubah kod.

   

5. Benamkan koleksi (kod php): Tambahkan kod PHP berikut dalam bahagian fail <div class="row product-feed"></div> anda. Kod ini mengambil data produk dari API Shopify, mengendalikan caching, dan memaparkan produk. (Nota: Ini adalah contoh yang mudah. page-shopify.php (Bahagian ini memerlukan sejumlah besar kod PHP untuk mengambil dan memaparkan produk. Oleh kerana kekangan panjang, saya tidak boleh memasukkan kod penuh di sini. .)

Gaya Output (CSS):
6. Tambah CSS untuk gaya paparan produk untuk menyesuaikan reka bentuk laman web anda.

Kesimpulan:

Panduan ini menyediakan rangka kerja untuk mengintegrasikan kedai Shopify anda dengan WordPress. Ingatlah untuk merujuk contoh kod lengkap dalam inti GitHub untuk pelaksanaan berfungsi sepenuhnya. Integrasi ini membuka peluang yang kuat, membolehkan anda memanfaatkan kekuatan kedua-dua platform untuk penyelesaian e-dagang yang mantap dan fleksibel. Ingatlah untuk menggantikan nilai pemegang tempat dengan data Shopify sebenar anda. Penyesuaian dan pengembangan selanjutnya integrasi ini mungkin bergantung kepada keperluan khusus anda.

Atas ialah kandungan terperinci Menggunakan API Shopify dengan WordPress. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!