{"id":12903,"date":"2026-04-22T10:12:55","date_gmt":"2026-04-22T03:12:55","guid":{"rendered":"http:\/\/staging1.corporate.plugilo.com\/knowledge-hub\/plugilo-shopify-app-installation-setup-guide\/"},"modified":"2026-07-30T13:42:43","modified_gmt":"2026-07-30T06:42:43","slug":"plugilo-shopify-app-installation-setup-guide","status":"publish","type":"ht_kb","link":"https:\/\/staging1.corporate.plugilo.com\/de\/knowledge-hub\/plugilo-shopify-app-installation-setup-guide\/","title":{"rendered":"plugilo Shopify App: Installation &#038; Setup Guide"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\">Teil 1: Installation und Grundeinrichtung<\/h4>\n\n<ol class=\"wp-block-list\">\n<li><strong>Find the App<\/strong>: Search for the \"plugilo\" app in the Shopify App Store or navigate directly to <a href=\"https:\/\/apps.shopify.com\/plugilo-plugin\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/apps.shopify.com\/plugilo-plugin<\/a><\/li>\n<\/ol>\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"http:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-May-18-2026-05_20_49-PM-2-1024x576.png\" alt=\"\" class=\"wp-image-12781\" srcset=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-May-18-2026-05_20_49-PM-2-1024x576.png 1024w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-May-18-2026-05_20_49-PM-2-300x169.png 300w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-May-18-2026-05_20_49-PM-2-768x432.png 768w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-May-18-2026-05_20_49-PM-2-50x28.png 50w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-May-18-2026-05_20_49-PM-2-1536x864.png 1536w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-May-18-2026-05_20_49-PM-2.png 1672w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p class=\"wp-block-paragraph\">2. <strong>Installieren:<\/strong> Klicken Sie auf die Schaltfl\u00e4che <strong>\"Installieren\u201c<\/strong>, um die App zu Ihrem Shopify-Shop hinzuzuf\u00fcgen.<\/p>\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"768\" src=\"http:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ec9826e0-4f8f-411f-b32b-68142ed8f393-1024x768.png\" alt=\"\" class=\"wp-image-12783\" srcset=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ec9826e0-4f8f-411f-b32b-68142ed8f393-1024x768.png 1024w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ec9826e0-4f8f-411f-b32b-68142ed8f393-300x225.png 300w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ec9826e0-4f8f-411f-b32b-68142ed8f393-768x576.png 768w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ec9826e0-4f8f-411f-b32b-68142ed8f393-50x38.png 50w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ec9826e0-4f8f-411f-b32b-68142ed8f393.png 1448w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p class=\"wp-block-paragraph\">3. Kernfunktionen aktivieren: \u00d6ffnen Sie nach der Installation die Einstellungen der plugilo-App und suchen Sie die Kernoptionen:<\/p>\n\n<p class=\"wp-block-paragraph\">Klicken Sie hier, um das plugilo-Core-Skript zu aktivieren<\/p>\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"http:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-22_30_47-18-thg-5-2026-1024x576.png\" alt=\"\" class=\"wp-image-12787\" srcset=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-22_30_47-18-thg-5-2026-1024x576.png 1024w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-22_30_47-18-thg-5-2026-300x169.png 300w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-22_30_47-18-thg-5-2026-768x432.png 768w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-22_30_47-18-thg-5-2026-50x28.png 50w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-22_30_47-18-thg-5-2026-1536x864.png 1536w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-22_30_47-18-thg-5-2026.png 1672w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p class=\"wp-block-paragraph\">Schalte das <strong>plugilo Dock ein.<\/strong><\/p>\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"http:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-22_31_48-18-thg-5-2026-1024x576.png\" alt=\"\" class=\"wp-image-12791\" srcset=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-22_31_48-18-thg-5-2026-1024x576.png 1024w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-22_31_48-18-thg-5-2026-300x169.png 300w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-22_31_48-18-thg-5-2026-768x432.png 768w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-22_31_48-18-thg-5-2026-50x28.png 50w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-22_31_48-18-thg-5-2026-1536x864.png 1536w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-22_31_48-18-thg-5-2026.png 1672w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p class=\"wp-block-paragraph\">4. Anpassen (optional): Passen Sie die gew\u00fcnschten Einstellungen, wie z. B. Beschriftungen oder Schaltfl\u00e4chenfarben, an das Erscheinungsbild Ihres Shops an.<\/p>\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"http:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-09_46_42-19-thg-5-2026-1024x576.png\" alt=\"\" class=\"wp-image-12795\" srcset=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-09_46_42-19-thg-5-2026-1024x576.png 1024w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-09_46_42-19-thg-5-2026-300x169.png 300w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-09_46_42-19-thg-5-2026-768x432.png 768w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-09_46_42-19-thg-5-2026-50x28.png 50w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-09_46_42-19-thg-5-2026-1536x864.png 1536w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-09_46_42-19-thg-5-2026.png 1672w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p class=\"wp-block-paragraph\">5. Speichern: Klicken Sie auf \u201eSpeichern\u201c, um Ihre \u00c4nderungen zu \u00fcbernehmen.<\/p>\n\n<div class=\"wp-block-group highlight-tips is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"background-color:#ffffff14\">\n<p class=\"wp-block-paragraph\">Hinweis: Nach Abschluss dieser grundlegenden Einrichtungsschritte wird das Plugilo-Dock automatisch aktiviert und die Plugilo-Schaltfl\u00e4che zu Ihren Men\u00fc- und Produktdetailseiten hinzugef\u00fcgt.<\/p>\n<\/div>\n<\/div>\n\n<h4 class=\"wp-block-heading\">Teil 2: Einf\u00fcgen der Plugilo-Schaltfl\u00e4che in Produktdetailseiten<\/h4>\n\n<p class=\"wp-block-paragraph\">Um die Plugilo-Schaltfl\u00e4che auf einzelnen Produktseiten anzuzeigen, m\u00fcssen Sie sie als Block in Ihrem Theme-Editor hinzuf\u00fcgen.<\/p>\n\n<p class=\"wp-block-paragraph\">1. \u00d6ffnen Sie den Theme-Editor: Gehen Sie in Ihrem Shopify-Adminbereich zu \u201eOnline-Shop\u201c &gt; \u201eThemes\u201c und klicken Sie bei Ihrem aktuellen Theme auf \u201eAnpassen\u201c.<\/p>\n\n<p class=\"wp-block-paragraph\">2. Zu einer Produktseite navigieren: Verwenden Sie das Dropdown-Men\u00fc oben im Editor, um zu \u201eProdukte &gt; Standardprodukt\u201c zu navigieren (oder w\u00e4hlen Sie ein beliebiges Produkt aus).<\/p>\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"http:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-09_50_10-19-thg-5-2026-1024x576.png\" alt=\"\" class=\"wp-image-12797\" srcset=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-09_50_10-19-thg-5-2026-1024x576.png 1024w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-09_50_10-19-thg-5-2026-300x169.png 300w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-09_50_10-19-thg-5-2026-768x432.png 768w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-09_50_10-19-thg-5-2026-50x28.png 50w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-09_50_10-19-thg-5-2026-1536x864.png 1536w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-09_50_10-19-thg-5-2026.png 1672w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p class=\"wp-block-paragraph\">3. App-Block hinzuf\u00fcgen: Klicken Sie in der linken Seitenleiste unter dem Abschnitt \u201eProduktinformationen\u201c auf \"Block hinzuf\u00fcgen\u201c.<\/p>\n\n<p class=\"wp-block-paragraph\">4. W\u00e4hlen Sie \u201eplugilo\u201c aus: W\u00e4hlen Sie in der Kategorie \u201eApps\u201c den Produktinformationsblock zu \u201eplugilo\u201c aus.<\/p>\n\n<p class=\"wp-block-paragraph\">5. Positionieren und speichern: Ziehe den Block an die gew\u00fcnschte Stelle auf der Seite, passe gegebenenfalls die Block-Einstellungen an und klicke oben rechts auf \u201eSpeichern\u201c.<\/p>\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"http:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-09_54_16-19-thg-5-2026-1024x576.png\" alt=\"\" class=\"wp-image-12799\" srcset=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-09_54_16-19-thg-5-2026-1024x576.png 1024w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-09_54_16-19-thg-5-2026-300x169.png 300w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-09_54_16-19-thg-5-2026-768x432.png 768w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-09_54_16-19-thg-5-2026-50x28.png 50w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-09_54_16-19-thg-5-2026-1536x864.png 1536w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-09_54_16-19-thg-5-2026.png 1672w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<h4 class=\"wp-block-heading\">Teil 3: Hinzuf\u00fcgen der Plugilo-Schaltfl\u00e4che zu Produkt\u00fcbersichten (z. B. \u201eEmpfohlene Produkte\u201c)<\/h4>\n\n<p class=\"wp-block-paragraph\">Das Plugilo-Plugin funktioniert bei den meisten g\u00e4ngigen Themes einwandfrei. Um jedoch sicherzustellen, dass Plugilo auf allen Arten von Benutzeroberfl\u00e4chen (Themes) einwandfrei funktioniert, bieten wir die Selektor-Einstellungen (Erweiterte Einstellungen) an. Diese Einstellung hilft der Anwendung dabei, genau zu bestimmen, wo das Plugit-Symbol auf Produktlistenseiten (Kollektionsseiten, Suchseiten usw.) angezeigt werden soll.  <\/p>\n\n<p class=\"wp-block-paragraph\">Im Folgenden finden Sie eine ausf\u00fchrliche Anleitung, die Ihnen dabei hilft, diese Parameter korrekt zu konfigurieren.<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Kurzanleitung:\n<ul class=\"wp-block-list\">\n<li>App-Einstellungen \u00f6ffnen: Gehe zu \"Apps\u201c &gt; \"plugilo\" &gt; \"Einstellungen\u201c &gt; \"plugit Trigger Collection\u201c.<\/li>\n\n\n\n<li>Einstellungen suchen: Scrollen Sie nach unten zu den Konfigurationss\u00e4tzen unter \"Angebot\u201c.<\/li>\n\n\n\n<li>Raster ausw\u00e4hlen: Geben Sie die spezifische CSS-Klasse oder ID der Produktlistenelemente aus Ihrem Theme ein.<\/li>\n\n\n\n<li>Speichern: Klicken Sie auf \u201eEinstellungen speichern\u201c, um die Symbole auf Ihre Produktraster anzuwenden.<\/li>\n\n\n\n<li>\u00dcberpr\u00fcfen Sie: Kehren Sie zu Ihrer Website zur\u00fcck und aktualisieren Sie die Seite (F5), um zu sehen, ob das Plugit-Symbol an der richtigen Stelle angezeigt wird.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Bedeutung der 4 Auswahlfelder In jedem Konfigurationssatz (Liste) sehen Sie 4 Felder, die ausgef\u00fcllt werden m\u00fcssen:\n<ul class=\"wp-block-list\">\n<li>Product Grid Container Selector:\n<ul class=\"wp-block-list\">\n<li>Bedeutung: Die Klasse oder ID, die das gesamte Produktraster umschlie\u00dft.<\/li>\n\n\n\n<li>Examples: #ProductGridContainer, .collection-grid, .products-list<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Produkt-Auswahl:\n<ul class=\"wp-block-list\">\n<li>Bedeutung: Der Rahmen, der jedes einzelne Produkt im Raster umgibt.<\/li>\n\n\n\n<li>Examples: .grid__item, .product-card, .col-md-4<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>plugit Save Trigger Selector:\n<ul class=\"wp-block-list\">\n<li>Bedeutung: Die genaue Stelle innerhalb jedes Produkts, an der das Plugit-Symbol angezeigt werden soll (in der Regel neben dem Preis oder dem Produktnamen).<\/li>\n\n\n\n<li>Examples: .price, .product-item__title, .product-info<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Produkt-Auswahlhilfe:\n<ul class=\"wp-block-list\">\n<li>Bedeutung: Das Tag, das den Link zur Produktseite enth\u00e4lt.<\/li>\n\n\n\n<li>Examples: .card__heading a, a.product-link, h3 &gt; a<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>So finden Sie den richtigen Selektor (mit \"Element inspizieren\u201c)<br\/>Dazu m\u00fcssen Sie kein Entwickler sein. Befolgen Sie einfach diese Schritte: \n<ul class=\"wp-block-list\">\n<li>Schritt 1: \u00d6ffnen Sie eine Kollektionsseite in Ihrem Shop.<\/li>\n\n\n\n<li>Schritt 2: Klicken Sie mit der rechten Maustaste auf ein Produkt und w\u00e4hlen Sie \"Pr\u00fcfen\u201c.<\/li>\n\n\n\n<li>Schritt 3: Das Quellcodefenster wird angezeigt. Achten Sie auf Folgendes: \n<ul class=\"wp-block-list\">\n<li>Suchen Sie das Tag, das das gesamte Produktraster umschlie\u00dft -&gt; kopieren Sie dessen ID oder Klasse (z. B. #ProductGridContainer, .slider-mobile-gutter).<\/li>\n\n\n\n<li>Finde den Tag, der dieses einzelne Produkt umschlie\u00dft -&gt; kopiere dessen Klasse (eg: .grid__item).<\/li>\n\n\n\n<li>Suche nach bestimmten Stellen innerhalb jedes Produkts (e.g., .price or .card-information)<\/li>\n\n\n\n<li>Suche das <a>&lt; 1 &gt;-Tag, das den Produktlink enth\u00e4lt -&gt; kopiere dessen Klasse (e.g., .card__heading a).<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Schritt 4: \u00dcbertragen Sie diese Werte in die entsprechenden Felder auf der Plugilo-Einstellungsseite.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n<div class=\"wp-block-group highlight-tips is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"background-color:#ffffff14\">\n<p class=\"wp-block-paragraph\">Tipps: ID-Selektoren beginnen in der Regel mit einem Rautezeichen # (z. B. #id-name), w\u00e4hrend Klassen-Selektoren mit einem Punkt . beginnen (z. B. .class-name). <\/p>\n<\/div>\n<\/div>\n\n<ul style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:0px\" class=\"wp-block-list\">\n<li>Mehrere \u201eListings\" verwenden (Add More Listing)<br\/>Mit plugilo k\u00f6nnen Sie bis zu 8 Konfigurationss\u00e4tze hinzuf\u00fcgen. Das ist besonders n\u00fctzlich, wenn: \n<ul class=\"wp-block-list\">\n<li>Ihre Sammlungsseite ist anders aufgebaut als Ihre Suchseite.<\/li>\n\n\n\n<li>Sie haben unten auf der Seite einen Bereich \u201e\u00c4hnliche Produkte\u201c und m\u00f6chten dort auch die Plugit-Schaltfl\u00e4che anzeigen.<\/li>\n\n\n\n<li style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\">Jeder \u201eEintrag\u201c entspricht einem anderen Produktbereich auf Ihrer Website<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n<h4 class=\"wp-block-heading\">Teil 4: Einstellung f\u00fcr Preisschild und \u201eIn den Warenkorb\u201c-Button<\/h4>\n\n<ol class=\"wp-block-list\">\n<li>Preis-Badge \u2013 Kurzanleitung<br\/>Mit dem Preis-Badge k\u00f6nnen Sie direkt auf Ihren Produktkarten ein stilvoll gestaltetes Preisschild anzeigen.<\/li>\n<\/ol>\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"http:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/shopify-price-badge-config-1024x576.png\" alt=\"\" class=\"wp-image-13623\" srcset=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/shopify-price-badge-config-1024x576.png 1024w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/shopify-price-badge-config-300x169.png 300w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/shopify-price-badge-config-768x432.png 768w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/shopify-price-badge-config-50x28.png 50w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/shopify-price-badge-config-1536x864.png 1536w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/04\/shopify-price-badge-config.png 1672w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p class=\"wp-block-paragraph\"><strong>So richten Sie es ein<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>plugilo \u2192 Design UI \u2192 Price Badge<\/strong><\/li>\n\n\n\n<li>Nehmen Sie folgende Einstellungen vor:\n<ul class=\"wp-block-list\">\n<li>Textgr\u00f6\u00dfe: Schriftgr\u00f6\u00dfe anpassen<\/li>\n\n\n\n<li>Hintergrundtransparenz: Transparenz des Badges anpassen<\/li>\n\n\n\n<li>Textfarbe: Farbe des Preistextes festlegen<\/li>\n\n\n\n<li>Hintergrundfarbe: W\u00e4hle die Farbe des Abzeichens<\/li>\n\n\n\n<li>Erweitertes benutzerdefiniertes CSS (optional). F\u00fcgen Sie benutzerdefinierte Formatierungen hinzu (e.g., font-family, weight)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><strong>Additional Settings<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Price Cache Expiration<\/strong>: Legen Sie fest, wie oft (in Sekunden) der Preis aktualisiert wird (Standard: 1800)<\/li>\n\n\n\n<li>Preisanzeige f\u00fcr G\u00e4ste ausblenden: W\u00e4hlen Sie \u201eJa\u201c, um die Preise f\u00fcr nicht angemeldete Benutzer auszublenden<\/li>\n<\/ul>\n\n<div class=\"wp-block-group highlight-tips is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"background-color:#ffffff14\">\n<p class=\"wp-block-paragraph\"><strong>Tips<\/strong><\/p>\n\n\n\n<ul style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:#ffffff14;padding-top:0px\" class=\"wp-block-list has-background\">\n<li>Achten Sie auf einen starken Kontrast zwischen Text und Hintergrund<\/li>\n\n\n\n<li style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\">Passen Sie die Farben an Ihr Shopify-Design an, um ein einheitliches Erscheinungsbild zu gew\u00e4hrleisten<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n<p class=\"wp-block-paragraph\">Letzter Schritt: Klicken Sie auf \u201eEinstellungen speichern\u201c, um die \u00c4nderungen zu \u00fcbernehmen.<br\/>2. Schaltfl\u00e4che \u201eIn den Warenkorb\u201c \u2013 Kurzanleitung<br\/>\u00dcber die Schaltfl\u00e4che \u201eIn den Warenkorb\u201c k\u00f6nnen Kunden Produkte direkt von den Produktkarten aus schnell kaufen.<br\/>Einrichtung<br\/>Gehen Sie zu plugilo \u2192 Design UI \u2192 Schaltfl\u00e4che \u201eIn den Warenkorb\u201c anpassen<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Icon Style<\/strong>: Choose cart icon design<\/li>\n\n\n\n<li>Schaltfl\u00e4chentext:\n<ul class=\"wp-block-list\">\n<li>Beispiel: \"Jetzt kaufen\u201c<\/li>\n\n\n\n<li>Leer lassen, um nur das Symbol anzuzeigen<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Hintergrundfarbe: Farbe der Schaltfl\u00e4che festlegen<\/li>\n\n\n\n<li><strong>Text Color:<\/strong> Set label color<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><strong>Vorschau<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>Verwenden Sie das Live-Vorschau-Fenster, um \u00c4nderungen sofort zu sehen.<\/li>\n\n\n\n<li>Klicken Sie auf \u201eEinstellungen speichern\u201c, um die \u00c4nderungen zu \u00fcbernehmen<\/li>\n<\/ul>\n\n<div class=\"wp-block-group highlight-tips is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"background-color:#ffffff14\">\n<p class=\"wp-block-paragraph\"><strong>Tips<\/strong><\/p>\n\n\n\n<ul style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:#ffffff14;padding-top:0px\" class=\"wp-block-list has-background\">\n<li>Halten Sie den Text auf den Schaltfl\u00e4chen kurz und handlungsorientiert (Jetzt kaufen, In den Warenkorb).<\/li>\n\n\n\n<li>Achten Sie auf einen starken Kontrast zwischen Text und Hintergrund<\/li>\n\n\n\n<li style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\">Passen Sie die Farben an Ihr Shopify-Design an, um ein einheitliches Erscheinungsbild zu gew\u00e4hrleisten<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n<h4 class=\"wp-block-heading\">Teil 5: Kampagneneinstellungen<\/h4>\n\n<p class=\"wp-block-paragraph\">\u00dcber die Kampagneneinstellungen k\u00f6nnen Sie Plugilo-Widgets (wie die Seitenleiste oder den Ticker) hinzuf\u00fcgen. Pr\u00e4sentieren Sie ausgew\u00e4hlte Produkte an den von Ihren Kunden bevorzugten Stellen, um die Interaktion auf Ihrer Website zu steigern. <\/p>\n\n<ol class=\"wp-block-list\">\n<li>Kurzanleitung\n<ul class=\"wp-block-list\">\n<li>App-Einstellungen \u00f6ffnen: Gehe zu \"Apps\u201c &gt; \"plugilo\u201c &gt; \"Einstellungen\u201c &gt; \"Kampagneneinstellungen\u201c.<\/li>\n\n\n\n<li>Funktionen suchen: Suchen Sie die Optionen \u201eSeitenleiste aktivieren\u201c und \u201eTicker aktivieren\u201c.<\/li>\n\n\n\n<li>Einbettungscode: F\u00fcgen Sie Ihren individuellen Plugilo-Iframe-Code in das Feld \u201eEinbettungscode\u201c ein.<\/li>\n\n\n\n<li>Speichern: Klicken Sie auf \u201eEinstellungen speichern\u201c, um die Widgets in Ihrem Shop zu aktivieren.<\/li>\n\n\n\n<li>\u00dcberpr\u00fcfen Sie es: Kehren Sie zu Ihrer Website zur\u00fcck und aktualisieren Sie die Seite (F5), um das Ergebnis zu sehen.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Bedeutung der Einstellungen\n<ul class=\"wp-block-list\">\n<li>Seitenleiste aktivieren:\n<ul class=\"wp-block-list\">\n<li>Option: W\u00e4hlen Sie \u201eJa\u201c, um die plugilo-Seitenleiste auf Ihrer Website zu aktivieren, oder \u201eNein\u201c, um sie vor\u00fcbergehend auszublenden.<\/li>\n\n\n\n<li>Hinweis: Wenn Sie die Seitenleiste aktivieren, stellen Sie bitte sicher, dass Sie den richtigen Einbettungscode in den Abschnitt \u201eEinbettungscode\u201c unten eingef\u00fcgt haben.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Ticker aktivieren:\n<ul class=\"wp-block-list\">\n<li>Option: W\u00e4hlen Sie \u201eJa\u201c, um die Ticker-Leiste auf Ihrer Website anzuzeigen.<\/li>\n\n\n\n<li>Hinweis: \u00c4hnlich wie bei der Seitenleiste ben\u00f6tigt diese Funktion einen g\u00fcltigen Einbettungscode, um zu funktionieren.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Einbettungscode:\n<ul class=\"wp-block-list\">\n<li>Bedeutung: Dies ist der Codeausschnitt, der Ihren Shopify-Shop mit den Einstellungen verkn\u00fcpft, die Sie im plugilo-Dashboard (plugiloinc.com) erstellt haben.<\/li>\n\n\n\n<li>Format: Der Einbettungscode muss mit einem &lt;iframe... tag.=\"\"&gt;<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n<div class=\"wp-block-group highlight-tips is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"background-color:#ffffff14\">\n<p class=\"wp-block-paragraph\"><strong>Hinweis: So erhalten Sie den Embed-Code:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenden Sie sich an den <a href=\"mailto:info@plugilo.com\" data-type=\"mailto\" data-id=\"mailto:info@plugilo.com\">plugilo-Administrator<\/a>, um den Embed-Code f\u00fcr Ihre Website zu erhalten.<\/p>\n<\/div>\n<\/div>\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Teil 1: Installation und Grundeinrichtung 2. Installieren: Klicken Sie auf die Schaltfl\u00e4che \"Installieren\u201c, um die App zu Ihrem Shopify-Shop hinzuzuf\u00fcgen. 3. Kernfunktionen aktivieren: \u00d6ffnen Sie nach der Installation die Einstellungen der plugilo-App und suchen Sie die Kernoptionen: Klicken Sie hier, um das plugilo-Core-Skript zu aktivieren Schalte das plugilo Dock ein. 4. Anpassen (optional): Passen Sie [&hellip;]<\/p>\n","protected":false},"author":7,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"ht-kb-category":[121],"ht-kb-tag":[],"class_list":["post-12903","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-technische-doku"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging1.corporate.plugilo.com\/de\/wp-json\/wp\/v2\/ht-kb\/12903","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging1.corporate.plugilo.com\/de\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/staging1.corporate.plugilo.com\/de\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/staging1.corporate.plugilo.com\/de\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/staging1.corporate.plugilo.com\/de\/wp-json\/wp\/v2\/comments?post=12903"}],"version-history":[{"count":4,"href":"https:\/\/staging1.corporate.plugilo.com\/de\/wp-json\/wp\/v2\/ht-kb\/12903\/revisions"}],"predecessor-version":[{"id":15868,"href":"https:\/\/staging1.corporate.plugilo.com\/de\/wp-json\/wp\/v2\/ht-kb\/12903\/revisions\/15868"}],"wp:attachment":[{"href":"https:\/\/staging1.corporate.plugilo.com\/de\/wp-json\/wp\/v2\/media?parent=12903"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/staging1.corporate.plugilo.com\/de\/wp-json\/wp\/v2\/ht-kb-category?post=12903"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/staging1.corporate.plugilo.com\/de\/wp-json\/wp\/v2\/ht-kb-tag?post=12903"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}