{"id":10257,"date":"1970-01-01T00:00:00","date_gmt":"1970-01-01T00:00:00","guid":{"rendered":"https:\/\/elfsight.com\/de\/?page_id=10257"},"modified":"2026-01-20T14:28:42","modified_gmt":"2026-01-20T14:28:42","slug":"html","status":"publish","type":"page","link":"https:\/\/elfsight.com\/de\/social-media-icons-widget\/html\/","title":{"rendered":"Social Media Icons &#8211; HTML"},"content":{"rendered":"\n<div class=\"application-platform-content-item-description application-platform-content-item\" id=\"description\" data-nav-section=\"description\"><h2>Beschreibung<\/h2><p>Einfache und vorteilhafte Social Icons von Elfsight helfen Ihnen, Ihre Website in alle sozialen Medien zu integrieren. Bauen Sie eine Verbindung zu Ihren Kunden auf und machen Sie sie zu Ihren Followern. Eine adaptive Vorlage, vollst\u00e4ndige Farb- und Designeinstellungen mit eingebetteten Symbolen aller wichtigen sozialen Medien.<\/p><p><b>F\u00fcgen Sie die Pr\u00e4senz Ihres Unternehmens in sozialen Netzwerken hinzu.<\/b><\/p><ul><li><b>Steigern Sie Ihren Status in den sozialen Medien<\/b>.<br> Zeigen Sie den Kunden unserer Website, dass Ihr Unternehmen in diversen sozialen Netzwerken einen festen Stand hat, und leiten Sie sie mit einem Mausklick auf Ihre sozialen Konten weiter.<\/li><li><b>Neue Abonnenten in sozialen Netzwerken<\/b>.<br> Steigern Sie jeden Tag den Traffic Ihrer sozialen Seiten, binden Sie die Leser der Website ein und verwandeln Sie sie in Fans.<\/li><li> <b>Bleiben Sie bei Bedarf mit Ihren Kunden in Verbindung<\/b>.<br> Soziale Symbole bieten Besuchern die M\u00f6glichkeit, eine der praktischsten zus\u00e4tzlichen Kommunikationsmethoden zu finden, und Sie k\u00f6nnen ihnen \u00fcber soziale Netzwerke Unterst\u00fctzung bieten.<\/li> <li><b>Ein starkes soziales Statement<\/b>.<br> Erh\u00f6hen Sie das Vertrauen der Nutzer Ihrer Website in Ihr Unternehmen dank Seiten in weit verbreiteten sozialen Netzwerken.<\/li><\/ul><\/div><div class=\"application-platform-content-item-features application-platform-content-item\" id=\"features\" data-nav-section=\"features\"><h2>Funktionen<\/h2><p>Die Hauptmerkmale, die unseren Symbolcode zum besten HTML-Social-Widget machen.<\/p><ul><li>Unbegrenzt viele Symbole hinzuf\u00fcgen;<\/li><li>5 Optionen f\u00fcr die Symbolgr\u00f6\u00dfe;<\/li><li>Inline-Layout zum Platzieren von Symbolen im Inhaltsbereich;<\/li><li>Native, Schwarz- und Wei\u00dffarben der Symbole;<\/li><li> Einstellbare Deckkraft in Prozent der Symbole und Hover;<\/li><\/ul><p><a href=\"#demo\">\u00dcberpr\u00fcfen Sie die wichtigsten Funktionen im Elfsight-Editor<\/a><\/p><\/div><div class=\"application-platform-content-item-installation application-platform-content-item\" id=\"installation\" data-nav-section=\"installation\"><h2>So f\u00fcgen Sie Social-Media-Symbole zu einer HTML-Website hinzu<\/h2><div class=\"video-container\">\n  <iframe allowfullscreen=\"\" frameborder=\"0\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/Ls_bdPq--aE?si=4UOa365wBGHzqQkH\" width=\"720\"><\/iframe>\n<\/div><p>Eine einfache Anleitung zum Anzeigen von Symbolen auf einer Website ohne Entwicklungskenntnisse. Die gesamte Integrationszeit betr\u00e4gt etwa 3 Minuten.<\/p><ol><li><b>Entwerfen Sie Ihre personalisierten Social Icons<\/b>.<br> Generieren Sie mit unserer kostenlosen Demo ein Plugin mit dem gew\u00fcnschten Layout und den gew\u00fcnschten Einstellungen.<\/li><li><b>Kopieren Sie den Code f\u00fcr die Integration des Plugins<\/b>.<br> Rufen Sie nach der Widget-Konfiguration den Code f\u00fcr das Icons-Plugin aus der Popup-Benachrichtigung auf Elfsight Apps ab.<\/li><li><b>Zeigen Sie das Widget auf der HTML-Seite an<\/b>.<br> \u00d6ffnen Sie den Seitencode im HTML-Editor, integrieren Sie das Widget an der gew\u00fcnschten Stelle (Inhalt, Fu\u00dfzeile, Seitenleiste usw.) und speichern Sie die \u00c4nderungen.<\/li><li><b>Sie haben die Installation erfolgreich abgeschlossen<\/b>.<br> Gehen Sie zur Website, um Ihr Plugin zu \u00fcberpr\u00fcfen.<\/li><\/ol><p>Konnten Sie die Symbole auf einer Website nicht erstellen oder vorf\u00fchren? Lesen Sie unser vollst\u00e4ndiges Handbuch \u00ab<a href=\"https:\/\/elfsight.com\/tutorials\/how-to-add-social-media-icons-to-an-html-website\/\" target=\"_blank\" rel=\"noopener noreferrer\">So installieren Sie Symbole in HTML<\/a>\u00bb oder hinterlassen Sie Ihre Nachricht in unserem Support-Center.<\/p><\/div><div class=\"faq\" data-component=\"FAQ\"><div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Gibt es eine M\u00f6glichkeit, Social-Media-Symbole ohne Codierung zu meiner HTML-Webseite hinzuzuf\u00fcgen?<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"> <li>Gehen Sie zur Online-Demo, um ein Widget f\u00fcr Social-Media-Symbole zu erstellen, das Sie gerne in HTML sehen w\u00fcrden.<\/li><li>W\u00e4hlen Sie eine der vorgefertigten Vorlagen aus und \u00e4ndern Sie die Einstellungen f\u00fcr Social-Media-Symbole, \u00e4ndern Sie das Layout und die Farben, F\u00fcgen Sie Ihre Inhalte ohne Codierung hinzu.<\/li><li>Speichern Sie die Einstellungen, die Sie in den Social Media Icons vorgenommen haben, und erhalten Sie den Plugin-Code zur Installation, den Sie einfach in die HTML-Website einf\u00fcgen k\u00f6nnen, ohne eine kostenpflichtige Version kaufen zu m\u00fcssen.<\/li><\/ul><p>Mit unserem benutzerfreundlichen Editor kann jeder Internetnutzer Social-Media-Symbole online erstellen und einfach in die HTML-Site integrieren. Sie m\u00fcssen weder bezahlen noch Ihre Kartendaten eingeben, um an unserem Service teilzunehmen. Wenn Sie auf Probleme jeglicher Art sto\u00dfen, z\u00f6gern Sie nicht, unser technisches Support-Team zu kontaktieren.<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"parent":2084,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-platform.php","meta":{"publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","footnotes":""},"class_list":["post-10257","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Social-Media-Symbole \u2013 F\u00fcgen Sie das Widget \u201eSocial-Media-Symbole\u201c zur HTML-Website hinzu<\/title>\n<meta name=\"description\" content=\"Testen Sie unseren Social-Media-Icons-Code f\u00fcr HTML kostenlos. Generieren Sie in wenigen Minuten individuell gestaltete Icons f\u00fcr Ihre Website!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elfsight.com\/de\/social-media-icons-widget\/html\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Social-Media-Symbole \u2013 F\u00fcgen Sie das Widget \u201eSocial-Media-Symbole\u201c zur HTML-Website hinzu\" \/>\n<meta property=\"og:description\" content=\"Testen Sie unseren Social-Media-Icons-Code f\u00fcr HTML kostenlos. Generieren Sie in wenigen Minuten individuell gestaltete Icons f\u00fcr Ihre Website!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/de\/social-media-icons-widget\/html\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight DE\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-20T14:28:42+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"3\u00a0Minuten\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Social-Media-Symbole \u2013 F\u00fcgen Sie das Widget \u201eSocial-Media-Symbole\u201c zur HTML-Website hinzu","description":"Testen Sie unseren Social-Media-Icons-Code f\u00fcr HTML kostenlos. Generieren Sie in wenigen Minuten individuell gestaltete Icons f\u00fcr Ihre Website!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elfsight.com\/de\/social-media-icons-widget\/html\/","og_locale":"de_DE","og_type":"article","og_title":"Social-Media-Symbole \u2013 F\u00fcgen Sie das Widget \u201eSocial-Media-Symbole\u201c zur HTML-Website hinzu","og_description":"Testen Sie unseren Social-Media-Icons-Code f\u00fcr HTML kostenlos. Generieren Sie in wenigen Minuten individuell gestaltete Icons f\u00fcr Ihre Website!","og_url":"https:\/\/elfsight.com\/de\/social-media-icons-widget\/html\/","og_site_name":"Elfsight DE","article_modified_time":"2026-01-20T14:28:42+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"3\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/de\/social-media-icons-widget\/html\/","url":"https:\/\/elfsight.com\/de\/social-media-icons-widget\/html\/","name":"Social-Media-Symbole \u2013 F\u00fcgen Sie das Widget \u201eSocial-Media-Symbole\u201c zur HTML-Website hinzu","isPartOf":{"@id":"https:\/\/elfsight.com\/de\/#website"},"datePublished":"1970-01-01T00:00:00+00:00","dateModified":"2026-01-20T14:28:42+00:00","description":"Testen Sie unseren Social-Media-Icons-Code f\u00fcr HTML kostenlos. Generieren Sie in wenigen Minuten individuell gestaltete Icons f\u00fcr Ihre Website!","breadcrumb":{"@id":"https:\/\/elfsight.com\/de\/social-media-icons-widget\/html\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/de\/social-media-icons-widget\/html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/de\/social-media-icons-widget\/html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/de\/"},{"@type":"ListItem","position":2,"name":"Social Media Icons","item":"https:\/\/elfsight.com\/de\/social-media-icons-widget\/"},{"@type":"ListItem","position":3,"name":"Social Media Icons &#8211; HTML"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/de\/#website","url":"https:\/\/elfsight.com\/de\/","name":"Elfsight DE","description":"Just another Elfsight Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"meta_box":{"industry":"","seo_heading":"","heading":"","description":"","cta_heading":"","cta_description":"","application":"466","h1":"Social-Media-Symbole f\u00fcr HTML","h1_caption":"F\u00fcgen Sie Symbole hinzu, die auf Ihre Social-Media-Profile verweisen, damit Besucher m\u00fchelos \u00fcber Plattformen hinweg mit Ihnen auf Ihrer HTML-Website in Kontakt treten k\u00f6nnen.","application_category":[],"applications_title":"","applications_request_title":"","applications_request_button_text":"","hero_text":"","hero_video":"","hero_video_schema_markup":"","selling_points_title":"","selling_points_caption":"","selling_points":[],"selling_points_cta_text":"","features_title":"","features":"","ed_cta_examples_text":"","ed_cta_examples_hidden":"","ed_cta_demo_text":"","ed_cta_demo_hidden":"","why_caption":"","why_editor_title":"","why_editor_text":"","why_team_title":"","why_team_text":"","why_service_title":"","why_service_text":"","template_catalog_visible":"0","template_catalog_title":"","template_catalog_text":"","template_catalog_categories_visible":"","demo_title":"Erstellen Sie Ihr Social-Media-Icons-Widget","demo_caption":"Konfigurieren Sie Ihre Social-Media-Symbole und f\u00fcgen Sie sie kostenlos zu Ihrer HTML-Website hinzu!","default_faq_hidden":"","app_template_category":[],"platform":"260","template_public_id":"","codecanyon_url":"","codecanyon_item_id":"","codecanyon_price":"","pricing_caption":"","pricing_elfsight_apps_hide_column":"","pricing_elfsight_apps_url":"","pricing_codecanyon_price_caption":"","integration_category":[],"integration_request_title":"","integration_request_cta":"","integration_platform":"","integrations":[],"platform_category":[],"video_schema_markup":"","price":"ab 0 $ \/ Monat","trial":"","benefits":[{"text":"Kostenlose Installationshilfe"},{"text":"Erfahrener Kundensupport"},{"text":"14-t\u00e4gige R\u00fcckerstattungsgarantie"},{"text":"Laufende kostenlose Verbesserungen"}],"button_url":"#demo","button_target_blank":"0","button_nofollow":"0","attributes":[{"name":"Installiert","content":"10,000 - 100,000"},{"name":"Reaktionsfreudig","content":"Ja"},{"name":"Kompatible Browser","content":"Firefox, Safari, Opera, Chrome, Edge"}],"tags":[],"tags_disable_links":"0","hide_more_platforms":"0","video_object":"","demo_hide_cta":"0","demo_hide_cloud_options":"0","pricing_title":"","pricing":[{"pricing_icon":"platform","pricing_title":"HTML widget","pricing_title_caption":"Plattform\u00fcbergreifende Software, die f\u00fcr jede Website geeignet ist","pricing_price":"ab 0 $ \/ Monat","pricing_price_caption":"Beginnen Sie mit einem kostenlosen Plan","pricing_benefits":[{"text":"Unbegrenzte Websites"},{"text":"Kostenloser Kundensupport"},{"text":"Kostenlose Installationsunterst\u00fctzung"},{"text":"Sonderpreis f\u00fcr mehrere Apps"}],"pricing_button_text":"Zur Website hinzuf\u00fcgen","pricing_button_url":"#demo"}],"related_apps_title":"","related_apps_hidden":"0","author":"","image":[],"title":"","job":"","social_networks":[]},"_links":{"self":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/10257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/comments?post=10257"}],"version-history":[{"count":4,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/10257\/revisions"}],"predecessor-version":[{"id":25608,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/10257\/revisions\/25608"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/2084"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/media?parent=10257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}