{"id":63164,"date":"2020-08-16T17:57:51","date_gmt":"2020-08-16T17:57:51","guid":{"rendered":"https:\/\/blogging-techies.com\/ge\/20-widgets-zur-verbesserung-ihrer-website\/"},"modified":"2020-08-16T17:57:51","modified_gmt":"2020-08-16T17:57:51","slug":"20-widgets-zur-verbesserung-ihrer-website","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/ge\/20-widgets-zur-verbesserung-ihrer-website\/","title":{"rendered":"20 Widgets zur Verbesserung Ihrer Website"},"content":{"rendered":"<p>Haben Sie jemals eine Website besucht und sich gefragt, wie Sie all diese Widgets zum Laufen gebracht haben?  Das Buchungsformular, der Kalender oder sogar die Wetteranzeige?  Sie k\u00f6nnen davon ausgehen, dass diese Art von Schnickschnack von einem Webentwickler installiert werden muss.  Aber heutzutage ist es normalerweise so einfach wie das Kopieren und Einf\u00fcgen von Text auf Ihrer Website.  Die Nutzung dieser Tools kann Ihre Besucher anziehen und eine einfache Website viel funktionaler machen.<\/p>\n<p>Anwendungen, die in den K\u00f6rper von Websites eingebettet sind, werden aufgerufen <strong>Widgets<\/strong>.  Widgets gibt es in vielen Formen: Uhren, \u00dcbersetzer, Instagram-Feeds, Videoplayer, Kontaktformulare, Diashows, Suchleisten usw.  Ein Widget erweitert Ihre Website um Funktionen, indem die Anwendungsentwicklung an einen Codierer ausgelagert wird, anstatt dass jeder Websitebesitzer sie selbst programmieren muss.  Einige der besten Widgets sind kostenlos oder arbeiten an einem Freemium-Modell.<\/p>\n<p>Wenn wir \u00fcber diese Art von Website-Tools sprechen, sprechen wir im Allgemeinen \u00fcber beides <strong>Widgets<\/strong> und <strong>Zubeh\u00f6r<\/strong>.  Zu wissen, welches nicht so wichtig ist, wie zu wissen, dass Sie sie problemlos auf Ihrer Website verwenden k\u00f6nnen.  In diesem Beitrag gehe ich auf einige meiner Favoriten ein und hoffe, Sie davon zu \u00fcberzeugen, sie auszuprobieren.<\/p>\n<h2>So installieren Sie ein Widget f\u00fcr Ihre Website<\/h2>\n<p>Jedes Tool unterscheidet sich geringf\u00fcgig. Nach dem Anpassen Ihres Widgets auf der Widget Builder-Website erhalten Sie jedoch im Allgemeinen HTML-Code und Anweisungen, wo Sie es auf Ihrer Website platzieren k\u00f6nnen.  Ein Codeblock mag zun\u00e4chst einsch\u00fcchternd wirken, aber Sie werden schnell feststellen, dass das Kopieren und Einf\u00fcgen alles ist, was Sie brauchen, da die Widget-Entwickler bereits die harte Arbeit f\u00fcr Sie geleistet haben.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1296\" class=\"wp-image-1296 size-full\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/widget_code.png\" alt=\"Holen Sie sich zuerst den HTML-Code vom Widget-Anbieter.\" width=\"515\" height=\"356\"><\/p>\n<p id=\"caption-attachment-1296\" class=\"wp-caption-text\">Holen Sie sich zuerst den HTML-Code vom Widget-Anbieter.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1297\" class=\"size-full wp-image-1297\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/widget_html1.png\" alt=\"F\u00fcgen Sie den HTML-Code in ein Widget \/ HTML-Element auf Ihrer Website ein.\" width=\"515\" height=\"356\"><\/p>\n<p id=\"caption-attachment-1297\" class=\"wp-caption-text\">F\u00fcgen Sie den HTML-Code in ein Widget \/ HTML-Element auf Ihrer Website ein.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1295\" class=\"img-screenshot wp-image-1295 size-full\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/test_form.png\" alt=\"Endergebnis!  Das Tool wird auf Ihrer Website angezeigt (dies ist ein Woofu-Formular).\" width=\"515\" height=\"356\"><\/p>\n<p id=\"caption-attachment-1295\" class=\"wp-caption-text\">Endergebnis!  Das Tool wird auf Ihrer Website angezeigt (dies ist ein Wufoo-Formular).<\/p>\n<ul>\n<li>Wenn Sie einen Website-Builder wie Jimdo verwenden, m\u00f6chten Sie das Widget \/ HTML-Element finden, mit dem Sie Roh-HTML einf\u00fcgen k\u00f6nnen.  F\u00fcgen Sie einfach den Widget-Code in dieses Element ein und Ihr Widget wird angezeigt.  (Dies funktioniert f\u00fcr Jimdo Creator-Websites. F\u00fcr Jimdo Dolphin-Websites empfehlen wir die Verwendung der integrierten Tools.)<\/li>\n<li>Wenn das Widget oder Plugin erfordert, dass der Code in Ihren Site-Header eingef\u00fcgt wird, finden Sie das entsprechende Feld zum Einf\u00fcgen dieses Codes unter Einstellungen> Website> Header bearbeiten.<\/li>\n<li>Um das Widget auf einer bestimmten Seite einzubetten, f\u00fcgen Sie das Widget \/ HTML-Element genau dort hinzu, wo das Widget angezeigt werden soll, und f\u00fcgen Sie den Code in das Textfeld des Elements ein.<\/li>\n<\/ul>\n<h2>Meine Top-Auswahl an Website-Widgets<\/h2>\n<p>Bei allen auf der Website verf\u00fcgbaren Tools kann es schwierig sein, zu entscheiden, welche davon genutzt werden sollen.  In unserem Support Center finden Sie eine umfangreiche Liste von Widgets und Tools. Lassen Sie mich jedoch einige Empfehlungen geben.<\/p>\n<p>Beachten Sie Folgendes: Stellen Sie sicher, dass Sie keine Widgets hinzuf\u00fcgen, um Widgets hinzuzuf\u00fcgen.  Widgets k\u00f6nnen viel, aber sie k\u00f6nnen eine schlecht gestaltete Website nicht ausgleichen. Stellen Sie daher sicher, dass Ihre Website solide ist, bevor Sie viele Widgets hinzuf\u00fcgen.  Sie m\u00f6chten Ihre Website \u00fcbersichtlich halten, und es ist sicherlich leicht, mit so vielen n\u00fctzlichen Widgets au\u00dfer Kontrolle zu geraten.<\/p>\n<p>M\u00f6chten Sie mehr \u00fcber die Gestaltung Ihrer eigenen Website erfahren?  Lesen Sie unsere 22 Tipps zum Erstellen einer DIY-Website >>><\/p>\n<h3>E-Mail-Marketing und Aufzeichnungen<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1277\" class=\"img-screenshot wp-image-1277 size-full\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/mailchimp_signup.png\" alt=\"Mailchimp-Newsletter-Anmeldeformular auf einer Jimdo-Website.\" width=\"399\" height=\"164\"><\/p>\n<p id=\"caption-attachment-1277\" class=\"wp-caption-text\">Ein Mailchimp-E-Mail-Abonnement-Widget, das in eine Jimdo-Website eingebettet ist.<\/p>\n<p>Es ist kein Geheimnis, dass E-Mail-Marketing ein profitabler Weg ist, um die Conversion, den Umsatz und die Markenbekanntheit Ihres Unternehmens zu steigern. Nutzen Sie also auf jeden Fall MailChimp oder GetResponse.  Beide Dienste bieten \u00e4hnliche Funktionen, einschlie\u00dflich Kontaktverwaltung, Automatisierung, Vorlagen und Analyse.  Wenn Sie sich f\u00fcr einen E-Mail-Marketingdienst anmelden, erhalten Sie ein Kampagnenverwaltungsfenster und den Code, der zum Einbetten eines Anmeldeformulars in Ihre Website erforderlich ist.<\/p>\n<h3>Bilder<\/h3>\n<p>Wenn Ihre Website eine Diashow ben\u00f6tigt, versuchen Sie es mit PhotoSnack.  PhotoSnack bietet eine einfache M\u00f6glichkeit, mobile Diashows in Ihre Website einzubetten.  Sie k\u00f6nnen Fotos von Ihren Konten hochladen Facebook, Flickr und Instagram, oder Sie k\u00f6nnen es verwenden, um ein Portfolio Ihrer Arbeit anzuzeigen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1269\" class=\"img-screenshot wp-image-1269 size-full\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/slideshow_example_1.png\" alt=\"Foto-Diashow\" width=\"638\" height=\"498\"><\/p>\n<p id=\"caption-attachment-1269\" class=\"wp-caption-text\">Mit PhotoSnack k\u00f6nnen Sie Ihrer Website auf einfache Weise verschiedene Arten von Diashows hinzuf\u00fcgen, z. B. Produkte, Reisefotos, Ihr Portfolio oder mehr.<\/p>\n<h3>Sozialen Medien<\/h3>\n<p>Schwebende Social-Media-Schaltfl\u00e4chen sind eine stilvolle M\u00f6glichkeit, das Teilen zu f\u00f6rdern. Deshalb verwenden wir sie im Jimdo-Blog.  Es gibt viele Dienste, die verschiedene Designs anbieten, aber AddThis ist eine gro\u00dfartige Option.  Mit einem einfachen Kopieren und Einf\u00fcgen k\u00f6nnen Sie auf jeder Seite Ihrer Website schwebende Schaltfl\u00e4chen oder Seitenleisten f\u00fcr soziale Medien haben.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1271\" class=\"wp-image-1271 size-full\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/sharing_buttons.png\" alt=\"Teilen Sie AddThis-Schaltfl\u00e4chen\" width=\"619\" height=\"401\"><\/p>\n<p id=\"caption-attachment-1271\" class=\"wp-caption-text\">Auff\u00e4llige Social-Media-Schaltfl\u00e4chen k\u00f6nnen die Menge der freigegebenen Inhalte erh\u00f6hen.  Diese sind kostenlos bei AddThis erh\u00e4ltlich.<\/p>\n<h3>Widgets und Kalender buchen<\/h3>\n<p>Wenn Sie einen Kalender auf Ihrer Website freigeben m\u00fcssen, ist Google Kalender die klassische Wette.  Wenn Sie jedoch etwas mit etwas mehr Funktionalit\u00e4t ben\u00f6tigen, z. B. f\u00fcr Reservierungen oder um die Verf\u00fcgbarkeit anzuzeigen, gibt es einige wirklich gute Optionen:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1270\" class=\"img-screenshot wp-image-1270 size-full\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/bookingbug.png\" alt=\"BookingBug\" width=\"739\" height=\"331\"><\/p>\n<p id=\"caption-attachment-1270\" class=\"wp-caption-text\">Mit BookingBug k\u00f6nnen Sie einen Kalender direkt auf Ihrer Website platzieren und Besucher Termine sofort bei Ihnen buchen lassen.<\/p>\n<ul>\n<li>Hast du ein Restaurant?  Reservieren Sie online mit dem OpenTable-Widget.<\/li>\n<li>Bist du ein pers\u00f6nlicher Trainer?  Hast du einen Salon?  Tauchkurse unterrichten?  Sie m\u00fcssen wahrscheinlich auch Reservierungen vornehmen.  Wenn ja, ist BookingBug Ihre Gasse.<\/li>\n<li>Wenn Sie ein Ferienhaus besitzen, das Sie mieten m\u00f6chten, k\u00f6nnen Sie Ihre eigene Website f\u00fcr Ferienwohnungen erstellen.<\/li>\n<li>Wenn Sie eine Veranstaltung veranstalten, f\u00fcr die Sie Tickets verkaufen m\u00fcssen, sind Sie bei Ticketleap oder Eventbrite genau richtig.  Mit jedem der Dienste k\u00f6nnen Sie eine Veranstaltung erstellen und ein Widget in Ihre Website einbetten, um mit nur einem Mausklick nahtlos Tickets f\u00fcr Ihre Veranstaltung zu verkaufen.<\/li>\n<\/ul>\n<p>Hinweis: Wenn Sie eine Jimdo Dolphin-Website haben, verwenden Sie einen Buchungsblock, um einen Kalender zu installieren.<\/p>\n<h3>Digitale Waren<\/h3>\n<p>Eine der h\u00e4ufigsten Fragen lautet: &#8220;Wie kann ich Musik \/ Videos \/ E-Books \/ Comics auf meiner Website verkaufen?&#8221;  Immer wieder empfehle ich Gumroad wegen seiner Benutzerfreundlichkeit und Website-Integration.  Bieten Sie ein digitales Abonnement an?  Gumroad hat auch Sie abgedeckt &#8211; Sie k\u00f6nnen ein abonnementbasiertes Preismodell f\u00fcr Ihr Produkt einrichten, Ihre Abonnentenbasis verwalten und Updates von der von Gumroad bereitgestellten Konsole \u00fcbertragen.  W\u00e4hrend es andere gro\u00dfartige M\u00f6glichkeiten gibt, ist Gumroad meine Anlaufstelle, weil es so einfach ist.  Wenn Sie Ihre Musik einfach teilen m\u00f6chten, k\u00f6nnen Sie auch eine Spotify-Wiedergabeliste direkt auf Ihrer Website einbetten.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1280\" class=\"img-screenshot wp-image-1280 size-full\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/snapengage.png\" alt=\"Snapengage Live-Chat\" width=\"356\" height=\"380\"><\/p>\n<p id=\"caption-attachment-1280\" class=\"wp-caption-text\">Mit Widgets wie SnapEngage k\u00f6nnen Sie ganz einfach ein Live-Chat-Gespr\u00e4ch mit Ihren Kunden beginnen.<\/p>\n<h3>Kundendienst<\/h3>\n<p>SnapEngage, Userlike und Olark sind gro\u00dfartige Optionen, wenn Sie Ihrer Website einen Kundenservice oder Vertriebskanal hinzuf\u00fcgen m\u00f6chten.  Wenn Sie ein Kleinunternehmer sind, kann die Einstellung von Call-Center-Vertretern recht teuer sein. Daher ist die Nutzung des Live-Chats eine hervorragende M\u00f6glichkeit, Unterst\u00fctzung zu leisten.  Lesen Sie weitere Kundendiensttipps f\u00fcr Ihre Website f\u00fcr kleine Unternehmen.<\/p>\n<h3>Analytik<\/h3>\n<p>eClincher macht Social Media Tracking und Website-Analyse mit einem intuitiven und anpassbaren Dashboard zum Kinderspiel.  Mit eClincher k\u00f6nnen Sie den Website-Verkehr in Echtzeit verfolgen, die sozialen Auswirkungen analysieren und Social-Media-Konten \u00fcber dasselbe Dashboard verwalten.<\/p>\n<h3>Installieren Sie eine Suchleiste<\/h3>\n<p>W\u00e4hrend Google fast immer der Vorname bei der Suche ist, ist Swiftype wahrscheinlich die einfachste und leistungsst\u00e4rkste M\u00f6glichkeit, Ihrer Website ein Suchfeld hinzuzuf\u00fcgen.  Swiftype kombiniert erweiterte Indizierung, automatische Vervollst\u00e4ndigung und benutzerdefiniertes Ergebnisranking mit einem einfach einzuf\u00fcgenden Widget und ist damit eines meiner pers\u00f6nlichen Lieblingswerkzeuge.<\/p>\n<h3>Community, Kommentare und Foren<\/h3>\n<p>W\u00e4hrend viele Website-Plattformen einen Kommentarbereich f\u00fcr Ihr Blog oder Ihre Nachrichten enthalten, sind nur wenige so elegant und funktional wie Disqus.  Es ist einfach zu implementieren, f\u00fcr den Verkehr optimiert und bietet erweiterte Funktionen wie Analysen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1268\" class=\"img-screenshot wp-image-1268 size-full\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/disqus.png\" alt=\"Disqus ist ein hervorragendes Kommentar-Widget f\u00fcr Ihre Website\" width=\"995\" height=\"375\"><\/p>\n<p id=\"caption-attachment-1268\" class=\"wp-caption-text\">Disqus ist eines der besten Werkzeuge zum Kommentieren.  Es ist einfach zu bedienen und bietet viele erweiterte Funktionen.<\/p>\n<p>Ben\u00f6tigen Sie ein Frage- und Antwortforum f\u00fcr Ihre Website?  Pubble ist eine anpassbare L\u00f6sung, die Analysen bietet und einfach zu Ihrer vorhandenen Site hinzugef\u00fcgt werden kann.<\/p>\n<p>Wenn Ihre Website von einem Chatroom profitieren w\u00fcrde, schauen Sie sich RumbleTalk an.  RumbleTalk ist auch anpassbar, SEO-freundlich und enth\u00e4lt sogar einen Spam-Filter.<\/p>\n<h3>Online-Formulare<\/h3>\n<p>Die meisten Website-Builder-Plattformen bieten ein integriertes Kontaktformularmodul. Was ist jedoch, wenn Sie zus\u00e4tzliche Funktionen ben\u00f6tigen?  Wufoo f\u00fcllt diese L\u00fccke recht gut, indem es erweiterte Funktionen wie die Funktion zum Hochladen von Dateien und die praktisch unbegrenzte Anpassung von Formularfeldern bietet.<\/p>\n<h3>Plugin Editor<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1281\" class=\"size-full wp-image-1281\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/powrio.png\" alt=\"POWr.io\" width=\"538\" height=\"150\"><\/p>\n<p id=\"caption-attachment-1281\" class=\"wp-caption-text\">POWr.io ist ein One-Stop-Shop f\u00fcr alle Arten von Widgets, die Sie f\u00fcr Ihre Website anpassen k\u00f6nnen.<\/p>\n<p>Zu guter Letzt m\u00f6chte ich POWr.io erw\u00e4hnen.  Dies ist eine coole Site, die im Grunde ein Katalog von Widgets und Plugins f\u00fcr alle verschiedenen Website-Builder ist.  W\u00e4hlen Sie einfach Ihren Website-Builder und den gew\u00fcnschten Widget-Typ aus, und POWr.io bietet Ihnen eine Option, die Sie direkt auf Ihrer Website bearbeiten und anpassen k\u00f6nnen.  Grunds\u00e4tzlich bietet es einen Plugin-Editor \u00fcber Ihrem Site-Editor, sodass es sich nahtlos in Ihre Website-Erstellungsplattform einf\u00fcgt.  Sehen Sie, wie POWr-Plugins auf einer Jimdo-Site funktionieren k\u00f6nnen.<\/p>\n<p>Das Hinzuf\u00fcgen des richtigen Widgets kann eine langweilige Website erheblich funktionaler und benutzerfreundlicher machen.  Sie k\u00f6nnen nicht genug Widgets bekommen?  Weitere der besten kostenlosen Widgets finden Sie unter 20 weitere Website-Widgets, die wir lieben. <\/p>\n   ","protected":false},"excerpt":{"rendered":"<p>Haben Sie jemals eine Website besucht und sich gefragt, wie Sie all diese Widgets zum Laufen gebracht haben? Das Buchungsformular, der Kalender oder sogar die Wetteranzeige? Sie k\u00f6nnen davon ausgehen, dass diese Art von Schnickschnack von einem Webentwickler installiert werden muss. Aber heutzutage ist es normalerweise so einfach wie das Kopieren und Einf\u00fcgen von Text [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":63165,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/20-widgets-para-mejorar-su-sitio-web.jpg","fifu_image_alt":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/63164"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=63164"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/63164\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/63165"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=63164"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=63164"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=63164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}