Verwenden der Shopify -API mit WordPress

Integrieren von Shopify und WordPress: Ein umfassender Leitfaden

Viele kleine Unternehmen verlassen sich auf WordPress, aber Shopify ist immer beliebter für produktbasierte E-Commerce. In diesem Tutorial wird gezeigt, wie Sie Ihren Shopify -Geschäft nahtlos in Ihre vorhandene WordPress -Site integrieren und Ihre Produkte angezeigt haben, ohne Ihre aktuelle Plattform aufzugeben. Wir nutzen die Shopify -API und eine benutzerdefinierte WordPress -Seitenvorlage. Eine funktionierende Demo, die diese Integration präsentiert, ist verfügbar [hier] (fügen Sie den Demo -Link ein, falls verfügbar). Das Endergebnis sieht so aus:

Schlüsselkonzepte:

• Shopify-API-Integration: ENCORDS-E-Commerce-Funktionalität von Connect Shopify mit Ihrer WordPress-Site zum Anzeigen und Verwalten von Shopify-Produkten direkt in WordPress.
• Shopify Private App: Erstellen Sie eine private App, um einen API -Schlüssel zu erhalten, der für die sichere Kommunikation mit der Shopify -API unerlässlich ist.
• benutzerdefinierte WordPress -Seitenvorlage: Entwickeln Sie eine benutzerdefinierte Seitenvorlage mit PHP und HTML, um Ihre Shopify -Produktsammlung einzubetten und anzuzeigen.
• Erweiterte benutzerdefinierte Felder (ACF): Verwenden Sie ACF (oder ein ähnliches Plugin), um Shopify -Daten dynamisch zu verwalten, und vereinfachen Sie die Aktualisierungen für Sammel -IDs und API -URLs ohne Code -Änderung.
• WordPress -Transienten (Caching): Implementieren Sie das Caching, um die Leistung zu optimieren und die API -Aufrufgrenzwerte zu minimieren, wodurch ein effizientes Datenabruf gewährleistet wird.
• individuelle Produktanzeige: Zeigen Sie einzelne Shopify -Produkte auf WordPress -Seiten mit benutzerdefinierten Schleifen und API -Aufrufen an, die eine granulare Steuerung über angezeigte Produktinformationen (Bilder, Titel, Varianten, Preisgestaltung) bieten.
.

Shopify Setup:

1. Identifizieren Sie Ihre Sammel -ID: /admin/collections/123456789 Navigieren Sie zu Ihrem Shopify -Administrator, bearbeiten Sie die gewünschte Sammlung und suchen Sie die Sammel -ID in der URL. (Beispiel: 123456789, wobei

   die ID ist). Stellen Sie sicher, dass die Sammlung Produkte enthält.

   

2. Erstellen Sie eine private App:

   In Ihrem Shopify -Administrator gehen Sie zu Apps & GT; Private Apps. Klicken Sie auf "Erstellen Sie eine private App", geben Sie einen Titel (und optionale Kontakt -E -Mail) an und speichern Sie. Beachten Sie die API -URL nach der Erstellung. Diese URL enthält Ihren API -Schlüssel und Ihr Passwort, entscheidend für die API -Authentifizierung.

   

   

   Wichtig: Die gezeigte Beispiel -API -URL ist nicht funktional. Verwenden Sie Ihre eigene generierte URL.

WordPress -Setup:

1. Erstellen Sie ein untergeordnetes Thema (empfohlen): Arbeiten Sie immer in einem Kinderthema, um das Überschreiben Ihres Themas während der Updates zu verhindern.

2. Erstellen Sie eine benutzerdefinierte Seitenvorlage (page-shopify.php): Erstellen Sie eine neue Datei mit dem Namen page-shopify.php im Verzeichnis Ihres Themas. Diese Datei enthält den Code, um Ihre Shopify -Produkte abzurufen und anzuzeigen. Eine Grundstruktur ist unten bereitgestellt:

   <?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 id="lt-php-the-title-gt"><?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. Erstellen Sie eine neue Seite und weisen Sie die Vorlage zu: Erstellen Sie eine neue Seite in Ihrem WordPress -Administrator und wählen Sie die Vorlage "Shopify Product Feed".

   

4. (optional) Verwalten Sie mit ACF die Shopify -Daten: das Advanced Custom Fields -Plugin installieren und aktivieren. Erstellen Sie benutzerdefinierte Felder, um Ihre Shopify -API -URL und Ihre Sammel -ID zu speichern. Dies ermöglicht eine einfache Änderung dieser Werte, ohne den Code zu ändern.

   

5. Einbetten Sie die Sammlung (PHP -Code) ein: Fügen Sie den folgenden PHP -Code in den Abschnitt <div class="row product-feed"></div> Ihrer page-shopify.php -Datei hinzu. Dieser Code holt Produktdaten aus der Shopify -API ab, behandelt das Caching und zeigt die Produkte an. (Hinweis: Dies ist ein vereinfachtes Beispiel. Siehe den bereitgestellten Github -GIST für den vollständigen Funktionscode).

   (Dieser Abschnitt erfordert eine erhebliche Menge an PHP -Code, um Produkte abzurufen und anzuzeigen. Aufgrund von Längenbeschränkungen kann ich den vollständigen Code hier nicht einfügen. Siehe den im Originaltext erwähnten Github -GIST für den vollständigen Code .)

6. Style the Output (CSS): Fügen Sie CSS hinzu, um das Produktdisplay für das Design Ihrer Website zu stylen.

Schlussfolgerung:

Dieser Leitfaden bietet einen Rahmen für die Integration Ihres Shopify -Geschäfts in WordPress. Denken Sie daran, das vollständige Codebeispiel im Github -GIST für eine voll funktionsfähige Implementierung zu konsultieren. Diese Integration ermöglicht leistungsstarke Möglichkeiten und ermöglicht es Ihnen, die Stärken beider Plattformen für eine robuste und flexible E-Commerce-Lösung zu nutzen. Denken Sie daran, Platzhalterwerte durch Ihre tatsächlichen Shopify -Daten zu ersetzen. Weitere Anpassungen und Erweiterungen dieser Integration sind abhängig von Ihren spezifischen Anforderungen möglich.

Das obige ist der detaillierte Inhalt vonVerwenden der Shopify -API mit WordPress. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!