{"id":77034,"date":"2020-02-13T12:40:51","date_gmt":"2020-02-13T11:40:51","guid":{"rendered":"https:\/\/strato.de\/blog\/?p=77034"},"modified":"2020-02-13T14:46:11","modified_gmt":"2020-02-13T13:46:11","slug":"html-widget-webshop","status":"publish","type":"post","link":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/html-widget-webshop\/","title":{"rendered":"Das kannst Du mit dem HTML-Widget im Webshop machen"},"content":{"rendered":"\n<p>Ob Instagram-Feed, WhatsApp-Chat oder Countdown-Timer \u2013 mit HTML-Elementen gestaltest Du Deinen STRATO Webshop noch individueller.<\/p>\n\n\n\n<p>Im Editor Deines Webshop Now findest Du seit Kurzem das Inhaltselement <strong>Benutzerdefiniertes HTML<\/strong>. Damit f\u00fcgst Du Deinen Inhalts- und Kategorieseiten eigenen HTML-Code hinzu. Den musst Du nat\u00fcrlich nicht zwingend selbst schreiben: Drittanbieter wie Elfsight liefern bestehenden Code, mit dem Du zahlreiche Funktionen in Deinen Shop einbinden kannst.<\/p>\n\n\n\n<p>Das kannst Du zum Beispiel mit dem HTML-Widget einbinden:<\/p>\n\n\n\n<ul><li><strong>Individuelles Design:<\/strong> Passe zum Beispiel Farben, Schriften oder Buttons nach Deinen W\u00fcnschen an.<\/li><li><strong>Iframes<\/strong>: Mit Hilfe von Iframes bettest Du Inhalte wie Videos oder Werbebanner in einem vorgegebenen Rahmen ein.<\/li><li><strong>Ankerpunkte:<\/strong> Definiere eine Sprungmarke und verlinke sie. So landen Nutzer genau da, wo Du sie haben m\u00f6chtest.<\/li><li><strong>Bilderdarstellung:<\/strong> Mit HTML kannst Du zum Beispiel mehr Bilder nebeneinander anzeigen, als standardm\u00e4\u00dfig m\u00f6glich ist.<\/li><li><strong>Social Media:<\/strong> Facebook, Twitter, Pinterest und Co. bieten eigenen HTML-Code, mit dem Du Postings, Pins oder Profile einbinden kannst.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Widgets von Elfsight<\/h2>\n\n\n\n<p><a href=\"https:\/\/elfsight.com\/de\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Beim Anbieter Elfsight w\u00e4hlst Du aus dutzenden Widgets die richtigen f\u00fcr Deine Zwecke aus. (\u00f6ffnet in neuem Tab)\">Beim Anbieter Elfsight w\u00e4hlst Du aus dutzenden Widgets die richtigen f\u00fcr Deine Zwecke aus.<\/a> Mit der kostenlosen Version werden die Funktionen bis zu 200-mal im Monat in Deinem Shop angezeigt. Aber auch die Premium-Versionen sind f\u00fcr kleine Webshop-Betreiber durchaus erschwinglich.<\/p>\n\n\n\n<p>Hier sind drei Beispiele f\u00fcr HTML-Widgets von Elfsight:<\/p>\n\n\n\n<p><strong>WhatsApp Chat:<\/strong> \u00dcber Deine Shop-Seite k\u00f6nnen Besucher Dich direkt per WhatsApp kontaktieren.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"364\" height=\"439\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2020\/02\/Screenshot-WhatsApp.jpg\" alt=\"\" class=\"wp-image-77084\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/02\/Screenshot-WhatsApp.jpg 364w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/02\/Screenshot-WhatsApp-91x110.jpg 91w\" sizes=\"(max-width: 364px) 100vw, 364px\" \/><\/figure><\/div>\n\n\n\n<p><strong>Countdown Timer: <\/strong>Ein Countdown auf der Seite \u2013 zum Beispiel f\u00fcr Sonderangebote und Aktionen<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"336\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2020\/02\/Screenshot-Timer-1024x336.png\" alt=\"\" class=\"wp-image-77094\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/02\/Screenshot-Timer-1024x336.png 1024w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/02\/Screenshot-Timer-160x52.png 160w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/02\/Screenshot-Timer-768x252.png 768w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/02\/Screenshot-Timer.png 1906w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p><strong>Before and After Slider: <\/strong>Besucher k\u00f6nnen mit Hilfe eines Schiebereglers Vorher- und Nachher-Zust\u00e4nde in einem Bild vergleichen.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"598\" src=\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2020\/02\/Screenshot-Slider-1024x598.png\" alt=\"\" class=\"wp-image-77099\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/02\/Screenshot-Slider-1024x598.png 1024w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/02\/Screenshot-Slider-160x93.png 160w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/02\/Screenshot-Slider-768x448.png 768w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/02\/Screenshot-Slider.png 1598w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">HTML-Elemente k\u00f6nnen Auswirkungen auf Deinen Shop haben<\/h2>\n\n\n\n<p>HTML-Code kann sich auf das Design und die Funktionalit\u00e4t Deines Webshops auswirken. So kann zum Beispiel die Responsivit\u00e4t Deines Shops beeintr\u00e4chtigt sein, wenn ein eingebundenes Widget nicht auf allen Endger\u00e4ten korrekt dargestellt wird. Sei Dir bitte bewusst, dass Du \u00c4nderungen am Code auf eigenes Risiko vornimmst. F\u00fcr Deine selbst programmierten Inhalte oder die Inhalte von Drittanbietern kann unser Kundenservice keinen Support anbieten.<\/p>\n\n\n\n<p>Bitte achte darauf, Deinen Shop nach jeder \u00c4nderung gr\u00fcndlich zu pr\u00fcfen. Das gilt auch nach automatisch eingespielten Updates. Diese k\u00f6nnen n\u00e4mlich einen Effekt auf den Programmcode Deines Shops haben. Funktioniert Dein HTML-Code auch nach dem Update wie beabsichtigt? Hat er Auswirkungen auf die Funktionalit\u00e4t des Shops?<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Nutze bevorzugt Elemente aus dem Editor<\/h2>\n\n\n\n<p>Inhalte von Fremdanbietern wie Elfsight werden m\u00f6glicherweise nicht allen Besuchern Deines Shops angezeigt. Das kann zum Beispiel dann passieren, wenn ein Besucher nur die Cookies akzeptiert, die f\u00fcr den Betrieb des Shops technisch notwendig sind. Zur Sicherheit solltest Du deshalb f\u00fcr die wichtigsten Funktionen im Bestellprozess immer die Inhaltselemente aus dem Editor Deines Webshops nutzen.<\/p>\n\n\n\n<p><strong>M\u00f6chtest Du auch ins Online-Business einsteigen?<\/strong><\/p>\n\n\n<a href=\"https:\/\/www.strato.de\/webshop\/?utm_source=Blogartikel&#038;utm_medium=Blogartikel&#038;utm_campaign=html-widget-webshop&#038;campaign=strato.de\/blog\/Artikel\/html-widget-webshop&#038;swtssa=&amp;swtssa=gersc0000000000000000tffc\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-strato-blue strato-c2a\">Zum STRATO Webshop<\/a>","protected":false},"excerpt":{"rendered":"<p>Ob Instagram-Feed, WhatsApp-Chat oder Countdown-Timer \u2013 mit HTML-Elementen gestaltest Du Deinen STRATO Webshop noch individueller. Im Editor Deines Webshop Now findest Du seit Kurzem das Inhaltselement Benutzerdefiniertes HTML. Damit f\u00fcgst Du Deinen Inhalts- und Kategorieseiten eigenen HTML-Code hinzu. Den musst Du nat\u00fcrlich nicht zwingend selbst schreiben: Drittanbieter wie Elfsight liefern bestehenden Code, mit dem Du [&hellip;]<\/p>\n","protected":false},"author":119,"featured_media":77169,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[475],"tags":[144,190,313,298,53],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Das kannst Du mit dem HTML-Widget im Webshop machen<\/title>\n<meta name=\"description\" content=\"Ob Instagram-Feed, WhatsApp-Chat oder Countdown-Timer \u2013 mit HTML-Elementen gestaltest Du Deinen STRATO Webshop noch individueller.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Das kannst Du mit dem HTML-Widget im Webshop machen\" \/>\n<meta property=\"og:description\" content=\"Ob Instagram-Feed, WhatsApp-Chat oder Countdown-Timer \u2013 mit HTML-Elementen gestaltest Du Deinen STRATO Webshop noch individueller.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/html-widget-webshop\/\" \/>\n<meta property=\"og:site_name\" content=\"STRATO Blog DE Staging\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/strato\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-13T11:40:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-02-13T13:46:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/02\/Beitragsbild_STRATO_HTML-im-Webshop_728x410_v2-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"728\" \/>\n\t<meta property=\"og:image:height\" content=\"410\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"xxxxxxxx\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@STRATO_AG\" \/>\n<meta name=\"twitter:site\" content=\"@STRATO_AG\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"xxxxxxxx\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/html-widget-webshop\/\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/html-widget-webshop\/\",\"name\":\"Das kannst Du mit dem HTML-Widget im Webshop machen\",\"isPartOf\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website\"},\"datePublished\":\"2020-02-13T11:40:51+00:00\",\"dateModified\":\"2020-02-13T13:46:11+00:00\",\"author\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/9bf347b6911e03a3996f0ffb7943e90a\"},\"description\":\"Ob Instagram-Feed, WhatsApp-Chat oder Countdown-Timer \u2013 mit HTML-Elementen gestaltest Du Deinen STRATO Webshop noch individueller.\",\"breadcrumb\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/html-widget-webshop\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/html-widget-webshop\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/html-widget-webshop\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Das kannst Du mit dem HTML-Widget im Webshop machen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/\",\"name\":\"STRATO Blog DE Staging\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/9bf347b6911e03a3996f0ffb7943e90a\",\"name\":\"xxxxxxxx\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/11\/kap-St-26600_square_Original-110x110.jpg\",\"contentUrl\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/11\/kap-St-26600_square_Original-110x110.jpg\",\"caption\":\"xxxxxxxx\"},\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/author\/xxxxxxxx\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Das kannst Du mit dem HTML-Widget im Webshop machen","description":"Ob Instagram-Feed, WhatsApp-Chat oder Countdown-Timer \u2013 mit HTML-Elementen gestaltest Du Deinen STRATO Webshop noch individueller.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"de_DE","og_type":"article","og_title":"Das kannst Du mit dem HTML-Widget im Webshop machen","og_description":"Ob Instagram-Feed, WhatsApp-Chat oder Countdown-Timer \u2013 mit HTML-Elementen gestaltest Du Deinen STRATO Webshop noch individueller.","og_url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/html-widget-webshop\/","og_site_name":"STRATO Blog DE Staging","article_publisher":"https:\/\/www.facebook.com\/strato","article_published_time":"2020-02-13T11:40:51+00:00","article_modified_time":"2020-02-13T13:46:11+00:00","og_image":[{"width":728,"height":410,"url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/02\/Beitragsbild_STRATO_HTML-im-Webshop_728x410_v2-1.jpg","type":"image\/jpeg"}],"author":"xxxxxxxx","twitter_card":"summary_large_image","twitter_creator":"@STRATO_AG","twitter_site":"@STRATO_AG","twitter_misc":{"Verfasst von":"xxxxxxxx","Gesch\u00e4tzte Lesezeit":"2 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/html-widget-webshop\/","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/html-widget-webshop\/","name":"Das kannst Du mit dem HTML-Widget im Webshop machen","isPartOf":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website"},"datePublished":"2020-02-13T11:40:51+00:00","dateModified":"2020-02-13T13:46:11+00:00","author":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/9bf347b6911e03a3996f0ffb7943e90a"},"description":"Ob Instagram-Feed, WhatsApp-Chat oder Countdown-Timer \u2013 mit HTML-Elementen gestaltest Du Deinen STRATO Webshop noch individueller.","breadcrumb":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/html-widget-webshop\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stg.blog-de.strato.wpcust.com\/blog\/html-widget-webshop\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/html-widget-webshop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Das kannst Du mit dem HTML-Widget im Webshop machen"}]},{"@type":"WebSite","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/","name":"STRATO Blog DE Staging","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/9bf347b6911e03a3996f0ffb7943e90a","name":"xxxxxxxx","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/11\/kap-St-26600_square_Original-110x110.jpg","contentUrl":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2020\/11\/kap-St-26600_square_Original-110x110.jpg","caption":"xxxxxxxx"},"url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/author\/xxxxxxxx\/"}]}},"_links":{"self":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/77034"}],"collection":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/users\/119"}],"replies":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/comments?post=77034"}],"version-history":[{"count":25,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/77034\/revisions"}],"predecessor-version":[{"id":77194,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/77034\/revisions\/77194"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/media\/77169"}],"wp:attachment":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/media?parent=77034"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/categories?post=77034"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/tags?post=77034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}