{"id":1694,"date":"2022-03-03T21:00:03","date_gmt":"2022-03-03T20:00:03","guid":{"rendered":"http:\/\/192.168.2.121\/?page_id=1694"},"modified":"2022-03-03T21:00:03","modified_gmt":"2022-03-03T20:00:03","slug":"dokumentation-shopper-portal","status":"publish","type":"page","link":"https:\/\/www.allpccloud.com\/?page_id=1694&lang=de","title":{"rendered":"Dokumentation &#8211; Shopper-Portal"},"content":{"rendered":"\n[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;3.22.3&#8243;][et_pb_row _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.5.2&#8243; hover_enabled=&#8221;0&#8243;]<h1 class=\"western\" align=\"justify\">Shopper portal Dokumentation<\/h1>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">Das Shopper-Portal ist der Webserver, der von Ihren Kunden, auch <strong>Shopper<\/strong>genannt, verwendet wird, um mit dem allpccloud-Webservice zu interagieren. Die Begriffe \u201eShopperportal\u201c und \u201eFrontend\u201c werden synonym verwendet.<\/p>\n<p style=\"text-align: justify;\">You can embed the shopper portal frontend via JavaScript API. Verwenden Sie den Befehl, um die API in den HTML-Code Ihrer Website einzuf\u00fcgen<\/p>\n<pre><strong>&lt;script src=\"https:\/\/www.allpccloud.com\/api\/allpccloud_api_1.2.js\"&gt;&lt;\/script&gt;<\/strong><\/pre>\n<p style=\"text-align: justify;\">Dieser Befehl erstellt den allpccloud-Namespace, der die Methoden enth\u00e4lt:<\/p>\n<pre><strong>allpccloud.Create(dom_configurator, username, params);<\/strong><\/pre>\n<p style=\"text-align: justify;\">Diese Methode h\u00e4ngt das Konfigurator-Frontend an das DOM-Element dom_configurator an. Sie m\u00fcssen Ihren allpccloud-Benutzernamen (username) und optional ein Parameterobjekt (params) angeben. Dies ist die bevorzugte Art, den allpccloud Webservice in die klassische Desktop- oder Tablet-Ansicht einer Website einzubetten.<\/p>\n<pre><strong>allpccloud.OpenBrowserTab(username, params);<\/strong><\/pre>\n<p style=\"text-align: justify;\">\u00d6ffnet einen neuen Browser-Tab und zeigt dort das allpccloud-Webservice-Frontend. Sie m\u00fcssen Ihren allpccloud-Benutzernamen (username) und optional ein Parameterobjekt (params) angeben. Dies ist die bevorzugte Methode, um den allpccloud-Webservice in die mobile (Telefon-)Ansicht einer Website einzubetten.<\/p>\n<p style=\"text-align: justify;\">Die folgenden Member k\u00f6nnen dem Parameterobjekt (params) \u00fcbergeben werden:<\/p>\n<p style=\"text-align: justify;\"> <strong>Breite<\/strong> &#8211; Breite (Pixel) des Konfigurator-Frontends (wird ignoriert, wenn es im eigenen Browser-Tab angezeigt wird)<br> <strong>H\u00f6he<\/strong> &#8211; H\u00f6he (Pixel) des Konfigurator-Frontends (wird ignoriert, wenn es im eigenen Browser-Tab angezeigt wird)<br> <strong>forcelang<\/strong> &#8211; \u00dcberschreibt die Spracheinstellungen des Konfigurator-Frontends (Beispiel: forcelang: &#8220;en&#8221; f\u00fcr Englisch, forcelang: &#8220;de&#8221; f\u00fcr Deutsch usw.). Wenn nicht angegeben, verwendet das Frontend die aktuellen Spracheinstellungen des Browsers.<\/p>\n<p style=\"text-align: justify;\">Hier ist eine einfache HTML-Beispieldatei:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.allpccloud.com\/wp-content\/uploads\/2019\/04\/Screenshot_API_embedding-300x228.png\" alt=\"\" class=\"wp-image-897 alignnone size-medium\" style=\"display: block; margin-left: auto; margin-right: auto;\" width=\"557\" height=\"424\" srcset=\"https:\/\/www.allpccloud.com\/wp-content\/uploads\/2019\/04\/Screenshot_API_embedding-300x228.png 300w, https:\/\/www.allpccloud.com\/wp-content\/uploads\/2019\/04\/Screenshot_API_embedding.png 758w\" sizes=\"auto, (max-width: 557px) 100vw, 557px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">Eine andere M\u00f6glichkeit ist ein &lt;iframe&gt;. Um die korrekte Iframe-Syntax zu erhalten, w\u00e4hlen Sie im Webportal folgenden Men\u00fcpunkt:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-767 aligncenter\" src=\"https:\/\/www.allpccloud.com\/wp-content\/uploads\/2018\/03\/Scr_menu_iframe_syntax.png\" alt=\"\" width=\"203\" height=\"206\"><\/p>\n<p style=\"text-align: justify;\">Ein Popup-Dialog zeigt den HTML-Code, den Sie ben\u00f6tigen, um das Shopper-Portal in Ihre Webpr\u00e4senz einzubetten. Wenden Sie sich eventuell an Ihren Webdesigner, der dies auf jeden Fall erstellen kann &lt;iframe&gt; in Ihren Webauftritt.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-768 aligncenter\" src=\"https:\/\/www.allpccloud.com\/wp-content\/uploads\/2018\/03\/Scr_menu_iframe_prompt.png\" alt=\"\" width=\"292\" height=\"185\"><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2 class=\"western\">Zus\u00e4tzliche Einrichtung<\/h2>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">Um eine nahtlose Integration in Ihre Website zu erm\u00f6glichen, k\u00f6nnen Sie einige grundlegende Farbstile, ein Titelbild und die Sprache festlegen. Zur\u00fcck im Webportal w\u00e4hlen Sie im Men\u00fc \u201eShopper-Ansicht\u201c aus:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-769 aligncenter\" src=\"https:\/\/www.allpccloud.com\/wp-content\/uploads\/2018\/03\/Scr_menu_sh_appearance.png\" alt=\"\" width=\"201\" height=\"214\"><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-770 aligncenter\" src=\"https:\/\/www.allpccloud.com\/wp-content\/uploads\/2018\/03\/Scr_sh_appearance_screen-300x172.png\" alt=\"\" width=\"608\" height=\"349\" srcset=\"https:\/\/www.allpccloud.com\/wp-content\/uploads\/2018\/03\/Scr_sh_appearance_screen-300x172.png 300w, https:\/\/www.allpccloud.com\/wp-content\/uploads\/2018\/03\/Scr_sh_appearance_screen-768x439.png 768w, https:\/\/www.allpccloud.com\/wp-content\/uploads\/2018\/03\/Scr_sh_appearance_screen-1024x586.png 1024w, https:\/\/www.allpccloud.com\/wp-content\/uploads\/2018\/03\/Scr_sh_appearance_screen-1080x618.png 1080w, https:\/\/www.allpccloud.com\/wp-content\/uploads\/2018\/03\/Scr_sh_appearance_screen.png 1199w\" sizes=\"auto, (max-width: 608px) 100vw, 608px\" \/><\/p>\n<p style=\"text-align: justify;\">Hier k\u00f6nnen Sie die Farbgebung des Shopper-Portals entsprechend Ihrer Hosting-Webseite anpassen. Sie k\u00f6nnen auch ein Titelbild (PNG) hochladen, das der K\u00e4ufer zuerst sieht, wenn er oder sie auf der Seite ist, zusammen mit einem \u201eFortfahren\u201c-Button, der den Konfigurationsprozess startet (siehe Beispielbildschirm unten).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-771 aligncenter\" src=\"https:\/\/www.allpccloud.com\/wp-content\/uploads\/2018\/03\/Scr_shopper_portal_embedded-300x165.png\" alt=\"\" width=\"673\" height=\"370\" srcset=\"https:\/\/www.allpccloud.com\/wp-content\/uploads\/2018\/03\/Scr_shopper_portal_embedded-300x165.png 300w, https:\/\/www.allpccloud.com\/wp-content\/uploads\/2018\/03\/Scr_shopper_portal_embedded-768x423.png 768w, https:\/\/www.allpccloud.com\/wp-content\/uploads\/2018\/03\/Scr_shopper_portal_embedded-1024x564.png 1024w, https:\/\/www.allpccloud.com\/wp-content\/uploads\/2018\/03\/Scr_shopper_portal_embedded-1080x595.png 1080w, https:\/\/www.allpccloud.com\/wp-content\/uploads\/2018\/03\/Scr_shopper_portal_embedded.png 1258w\" sizes=\"auto, (max-width: 673px) 100vw, 673px\" \/><\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"<p>Shopper portal Dokumentation &nbsp; Das Shopper-Portal ist der Webserver, der von Ihren Kunden, auch Shoppergenannt, verwendet wird, um mit dem allpccloud-Webservice zu interagieren. Die Begriffe \u201eShopperportal\u201c und \u201eFrontend\u201c werden synonym verwendet. You can embed the shopper portal frontend via JavaScript API. Verwenden Sie den Befehl, um die API in den HTML-Code Ihrer Website einzuf\u00fcgen &lt;script [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-1694","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.allpccloud.com\/index.php?rest_route=\/wp\/v2\/pages\/1694","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.allpccloud.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.allpccloud.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.allpccloud.com\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.allpccloud.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1694"}],"version-history":[{"count":1,"href":"https:\/\/www.allpccloud.com\/index.php?rest_route=\/wp\/v2\/pages\/1694\/revisions"}],"predecessor-version":[{"id":1695,"href":"https:\/\/www.allpccloud.com\/index.php?rest_route=\/wp\/v2\/pages\/1694\/revisions\/1695"}],"wp:attachment":[{"href":"https:\/\/www.allpccloud.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1694"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}