{"id":13797,"date":"2023-08-04T12:13:28","date_gmt":"2023-08-04T12:13:28","guid":{"rendered":"https:\/\/www.bay20.com\/?p=13797"},"modified":"2025-05-14T15:46:46","modified_gmt":"2025-05-14T10:01:46","slug":"so-integrieren-sie-shopify-und-salesforce-mit-shopify-webhook","status":"publish","type":"post","link":"https:\/\/www.bay20.com\/de\/so-integrieren-sie-shopify-und-salesforce-mit-shopify-webhook\/","title":{"rendered":"Wie lassen sich Shopify und Salesforce mit Shopify Webhook integrieren?"},"content":{"rendered":"\n<p>In den meisten F\u00e4llen integrieren wir externe Systeme, um Kunden-, Auftrags- oder Transaktionsdaten zu synchronisieren. F\u00fcr diese Synchronisierung k\u00f6nnen wir die Push-Technologie verwenden, um die Informationen an Salesforce zu senden, wenn ein bestimmtes Ereignis ausgel\u00f6st wird. Wir k\u00f6nnen <strong>Webhook\/Plattformereignis\/API <\/strong>verwenden, um die Informationen an Salesforce zu senden. Wir werden Webhook verwenden, um die Shopify-Kundendaten mit Salesforce zu synchronisieren. In diesem Artikel werden wir Shopify und Salesforce mit Shopify Webhook integrieren.<\/p>\n\n\n\n<p>Webhooks sind die HTTP-basierte R\u00fcckruf-Funktion, die eine ereignisgesteuerte Kommunikation zwischen zwei APIs erm\u00f6glicht. Webhooks werden von verschiedenen Webanwendungen verwendet, um Daten von anderen Anwendungen abzurufen.<\/p>\n\n\n\n<p><strong>Hinweis:<\/strong> <em>Wir verwenden ein Salesforce Developer Edition-Konto. Es kann sich also in vielen Dingen von einem Sandbox-Konto unterscheiden, z. B. Pfade, Org-Instanz, URLs usw. Wenn Sie ein Sandbox-Konto verwenden, m\u00fcssen Sie den relativen Pfad verwenden, um eine Apex-Klasse, eine URL und andere Dinge zu erstellen.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 1: Erstellen eines benutzerdefinierten Objekts zur Integration von Shopify und Salesforce<\/h2>\n\n\n\n<p><strong>1.  <a href=\"https:\/\/login.salesforce.com\/\">Melden Sie sich<\/a><\/strong> zun\u00e4chst bei Ihrem Salesforce-Konto an und navigieren Sie zur Einrichtungsseite. <\/p>\n\n\n\n<p><strong>2.<\/strong> \u00d6ffnen Sie nun den <strong>Objektmanager <\/strong>und erstellen Sie ein neues <strong><a href=\"https:\/\/www.bay20.com\/de\/?s=So+erstellen+Sie+ein+benutzerdefiniertes+Objekt+in+Salesforce+und+passen+es+an\" target=\"_blank\" rel=\"noreferrer noopener\">benutzerdefiniertes Objekt<\/a><\/strong> namens <strong>Shopify Webhook<\/strong>. <\/p>\n\n\n\n<p><strong>3. <\/strong>Erstellen Sie au\u00dferdem die benutzerdefinierten Felder<strong> Vorname<\/strong> (Text), <strong>Nachname <\/strong>(Text), <strong>E-Mail<\/strong> (E-Mail), <strong>Telefon <\/strong>(Telefon) mit dem angegebenen Datentyp.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"449\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2023\/08\/custom-fields-980x449.png\" alt=\"Integrate Shopify and Salesforce\" class=\"wp-image-13806\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/custom-fields-980x449.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/custom-fields-300x138.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/custom-fields-800x367.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/custom-fields-768x352.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/custom-fields-1000x458.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/custom-fields.png 1093w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 2: Apex REST API f\u00fcr Webhook erstellen<\/h2>\n\n\n\n<p>In Salesforce k\u00f6nnen wir Webhooks nicht direkt verwenden. Um die Webhooks in Salesforce zu verwenden, m\u00fcssen wir eine Apex-REST-API erstellen, die HttpPost verwendet. Wir verwenden die @RestResource-Annotation zum Erstellen einer Apex-Klasse, einer Rest-API. Lassen Sie uns also eine Apex-Klasse mit der @RestResource-Annotation erstellen.<\/p>\n\n\n\n<p><strong>1. <\/strong>\u00d6ffnen Sie hier die <strong>Entwicklerkonsole<\/strong> und erstellen Sie eine Apex-Klasse namens <em>ShopifyWebhook<\/em>.<\/p>\n\n\n\n<p><strong>2. <\/strong>Ersetzen Sie den Standardcode durch den folgenden Code.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@RestResource(urlMapping='\/shopify-webhook')\nglobal class ShopifyWebhook {\n    \n    @HttpPost\n    global static responseWrapper webhookHandler(){\n        \n        RestRequest req = RestContext.request;\n        responseWrapper responseJson = new responseWrapper();\n        \n        String jsonBody = req.requestBody.toString();\n        Map&lt;String, Object&gt; body = (Map&lt;String, Object&gt;)JSON.deserializeUntyped(jsonBody);\n        \n        String firstName = (String)body.get('first_name');\n        String lastName = (String)body.get('last_name');\n        String email = (String)body.get('email');\n        String phone = (String)body.get('phone');\n        \n        Shopify_Customer__c newCustomer = new Shopify_Customer__c();\n        newCustomer.First_Name__c=firstName;\n        newCustomer.Last_Name__c=lastName;\n        newCustomer.Email__c=email;\n        newCustomer.Phone__c=phone;\n        Database.SaveResult insertCustomer = Database.insert(newCustomer);\n        return responseJson;\n    }\n    \n    global class responseWrapper{\n        \n        global String first_name{get;set;}\n        global String last_name{get;set;}\n        global String email{get;set;}\n        global String phone{get;set;}\n        \n        global responseWrapper(){\n            \n        }\n    }\n}<\/code><\/pre>\n\n\n\n<p><strong>3. <\/strong>Speichern Sie nun die Apex-Klasse und gehen Sie zum n\u00e4chsten Schritt \u00fcber.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 3: Machen Sie die Apex REST API \u00f6ffentlich zug\u00e4nglich<\/h2>\n\n\n\n<p>Wir m\u00fcssen die Apex Rest API \u00f6ffentlich zug\u00e4nglich machen, um Webhook in Salesforce zu verwenden. Um sie \u00f6ffentlich zug\u00e4nglich zu machen, m\u00fcssen wir eine Salesforce-Site erstellen.<\/p>\n\n\n\n<p><strong>1. <\/strong>Rufen Sie zun\u00e4chst die Einrichtungsseite Ihrer Organisation auf.<\/p>\n\n\n\n<p><strong>2. <\/strong>Navigieren Sie nun zu <strong>Benutzeroberfl\u00e4che &gt; Sites und Domains &gt; Sites<\/strong> und erstellen Sie eine neue Site und aktivieren Sie sie.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"981\" height=\"448\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2023\/08\/new-site.png\" alt=\"Integrate Shopify and Salesforce\" class=\"wp-image-13801\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/new-site.png 981w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/new-site-300x137.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/new-site-800x365.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/new-site-768x351.png 768w\" sizes=\"auto, (max-width: 981px) 100vw, 981px\" \/><\/figure>\n\n\n\n<p><strong>3. <\/strong>Klicken Sie anschlie\u00dfend auf die <strong>Einstellungen f\u00fcr den \u00f6ffentlichen Zugang<\/strong>, um die Rest-API \u00f6ffentlich zug\u00e4nglich zu machen.<\/p>\n\n\n\n<p><strong>4. <\/strong>Bewegen Sie nun den Mauszeiger \u00fcber <em>Enabled Apex Class Access <\/em>und klicken Sie auf <strong>Edit<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"380\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2023\/08\/public-access-1-980x380.png\" alt=\"Integrate Shopify and Salesforce\" class=\"wp-image-13803\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/public-access-1-980x380.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/public-access-1-300x116.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/public-access-1-800x310.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/public-access-1-768x298.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/public-access-1-1000x388.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/public-access-1.png 1054w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<p><strong>5. <\/strong>Verschieben Sie dann die <strong>ShopifyWebhook<\/strong>-Klasse zu <em>Enabled Apex Classes<\/em> und speichern Sie sie.<\/p>\n\n\n\n<p><strong>6. <\/strong>Klicken Sie anschlie\u00dfend auf die Schaltfl\u00e4che <strong>Bearbeiten <\/strong>und gehen Sie zum Abschnitt <em>Benutzerdefinierte Objektberechtigungen<\/em>. Geben Sie dann <strong>Lese<\/strong>&#8211; und <strong>Erstellungszugriff <\/strong>auf das <em>Shopify-Kundenobjekt<\/em> und speichern Sie es.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 3: Konfigurieren Sie den Webhook f\u00fcr die Integration von Shopify und Salesforce<\/h2>\n\n\n\n<p><strong>1. <\/strong>Melden Sie sich zun\u00e4chst bei der Shopify-Verwaltung an, navigieren Sie zu Einstellungen &gt; Benachrichtigungen und scrollen Sie dann zum unteren Ende der Seite.<\/p>\n\n\n\n<p><strong>2.<\/strong> Klicken Sie nun auf die Schaltfl\u00e4che Webhook erstellen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"924\" height=\"363\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2023\/08\/shopify-webhook-1.png\" alt=\"Integrate Shopify and Salesforce\" class=\"wp-image-13805\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/shopify-webhook-1.png 924w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/shopify-webhook-1-300x118.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/shopify-webhook-1-800x314.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/shopify-webhook-1-768x302.png 768w\" sizes=\"auto, (max-width: 924px) 100vw, 924px\" \/><\/figure>\n\n\n\n<p><strong>3. <\/strong>Legen Sie das Ereignis als <em>Kundenerstellung <\/em>fest, formatieren Sie es als <em>JSON<\/em>, und geben Sie dann <em>https:\/\/{org-instance}.develop.my.salesforce-sites.com\/services\/apexrest\/shopify-webhook<\/em> in das URL-Feld ein. Die {org-instance} bezieht sich auf die Dom\u00e4ne Ihrer Organisation.<\/p>\n\n\n\n<p><strong>4.<\/strong> Speichern Sie nun den Webhook und schlie\u00dfen Sie die Einstellungen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Schritt 4: Testen Sie die Integration<\/h2>\n\n\n\n<p><strong>1.<\/strong> Navigieren Sie zun\u00e4chst zur Seite des Kunden und erstellen Sie einen<strong> neuen Kunden<\/strong>.<\/p>\n\n\n\n<p><strong>2.<\/strong> Geben Sie anschlie\u00dfend alle erforderlichen Informationen in die entsprechenden Felder ein und speichern Sie den Kunden.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"442\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2023\/08\/new-customer-980x442.png\" alt=\"Integrate Shopify and Salesforce\" class=\"wp-image-13807\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/new-customer-980x442.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/new-customer-300x135.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/new-customer-800x361.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/new-customer-768x346.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/new-customer-1000x451.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/new-customer.png 1009w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<p><strong>3.<\/strong> Gehen Sie nun zu Ihrer Salesforce-Einrichtung und klicken Sie auf die Schaltfl\u00e4che <strong>App Launcher<\/strong> unter dem Salesforce-Logo.<\/p>\n\n\n\n<p><strong>4.<\/strong> Suchen Sie dann nach <strong>Shopify-Kunden<\/strong> und w\u00e4hlen Sie sie aus. \u00c4ndern Sie dann die Listenansicht von K\u00fcrzlich gesehen in <strong>Alle<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"227\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2023\/08\/new-customer-salesforce-980x227.png\" alt=\"Integrate Shopify and Salesforce\" class=\"wp-image-13808\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/new-customer-salesforce-980x227.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/new-customer-salesforce-300x70.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/new-customer-salesforce-800x185.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/new-customer-salesforce-768x178.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/new-customer-salesforce-1000x232.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/08\/new-customer-salesforce.png 1337w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<p>Jetzt sehen Sie, dass auch in Salesforce ein Kundendatensatz erstellt wurde. Der in Salesforce erstellte Datensatz enth\u00e4lt nur den <em>Vornamen<\/em>, den <em>Nachnamen<\/em>, die <em>E-Mail-Adresse<\/em> und die <em>Telefondaten<\/em>. Wenn Sie weitere Felder hinzuf\u00fcgen m\u00f6chten, k\u00f6nnen Sie diese im Apex-Code hinzuf\u00fcgen.<\/p>\n\n\n\n<p><strong>Vergessen Sie nicht, dass wir ein Team von Shopify- und Salesforce-Experten haben. Wenn Sie also jemals Unterst\u00fctzung ben\u00f6tigen oder Fragen haben, kontaktieren Sie uns bitte unter <strong><a href=\"mailto:manish@bay20.com\">manish@bay20.com<\/a><\/strong> oder rufen Sie uns unter <strong><a href=\"https:\/\/api.whatsapp.com\/send?phone=+918800519180&amp;text=Hi,%20I%20contacted%20you%20through%20your%20website.\">+91-8800519180<\/a><\/strong> an.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Most of the time, we integrate external systems to sync the customer, order, or transactional information. For this syncing, we can use push technology to push the information to Salesforce when a certain event is triggered. In this article, we will create Shopify and Salesforce Integration with Shopify Webhook.<\/p>\n","protected":false},"author":89,"featured_media":13820,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[163,92,128,45],"tags":[],"class_list":["post-13797","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-entwickler","category-fallstudien","category-salesforce","category-shopify"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/13797","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/users\/89"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/comments?post=13797"}],"version-history":[{"count":15,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/13797\/revisions"}],"predecessor-version":[{"id":17035,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/13797\/revisions\/17035"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media\/13820"}],"wp:attachment":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media?parent=13797"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/categories?post=13797"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/tags?post=13797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}