{"id":20573,"date":"2024-05-03T06:38:49","date_gmt":"2024-05-03T06:38:49","guid":{"rendered":"https:\/\/elfsight.com\/de\/?page_id=20573"},"modified":"2026-02-19T10:09:02","modified_gmt":"2026-02-19T10:09:02","slug":"html","status":"publish","type":"page","link":"https:\/\/elfsight.com\/de\/google-maps-widget\/html\/","title":{"rendered":"Google Maps &#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>Ein unkompliziert zu konfigurierendes, universelles und vollst\u00e4ndig benutzerdefiniertes Widget erleichtert das Auffinden von Standorten f\u00fcr Ihre Kunden. Die produktive Gewinnung von Offline-Kunden und die einfache Einrichtung und Konfiguration machen es zu einem der besten Widgets f\u00fcr Ihre HTML-Site.<\/p><p><b>Machen Sie mehr Offline-Kunden mit interaktiven Karten auf Ihrer Site!<\/b><\/p><ul><li><b>Mehr Bestellungen von Kunden Ihrer Website<\/b>.<br>Geben Sie umfassende Kontaktinformationen (Adresse, Telefon und Messenger, Betrieb usw.) ein, damit Sie m\u00f6glichst viele Bestellungen erhalten Kunden k\u00f6nnen Sie auf jedem f\u00fcr sie gew\u00fcnschten Weg kontaktieren.<\/li><li><b>Finden und gewinnen Sie lokale Kunden<\/b>.<br>Zeigen Sie Ihre Koordinaten an, um den Kunden klar zu machen, dass Sie in der N\u00e4he sind und sie es schnell k\u00f6nnen Machen Sie sich auf den Weg zu Ihrem Gesch\u00e4ft.<\/li><li><b>Automatische Routenberechnung zu Ihrem Standort<\/b>.<br>Lassen Sie nicht zu, dass Kunden Ihre Website verlassen, wenn sie Sie ansprechen sollen. Zeigen Sie f\u00fcr jeden Kunden den Weg zu Ihrem Standort direkt auf der Karte an!<\/li><\/ul><\/div><div class=\"application-platform-content-item-features application-platform-content-item\" id=\"features\" data-nav-section=\"features\"><h2>Features<\/h2><p>Welche Funktionen machen unsere Karte aus? Code in den besten f\u00fcr jede HTML-Website einf\u00fcgen?<\/p><ul><li>Neuen Standort hinzuf\u00fcgen, indem nur seine Adresse, sein Name oder seine Koordinaten eingegeben werden;<\/li><li>5 Google Maps-Ebenen: POI, Verkehr , \u00d6PNV, Fahrrad, Street View;<\/li><li>Titel des Standortfelds bearbeiten und Elemente ausw\u00e4hlen;<\/li><li>Zwei Markierungsanimationstypen: Drop oder Bounce;<\/li><li>Regelm\u00e4\u00dfige Live-Updates verf\u00fcgbar.<\/li><\/ul><p><a href=\"#demo\">Vollst\u00e4ndige Liste der Merkmale im Panel ansehen!<\/a><\/p><\/div><div class=\"application-platform-content-item-installation application-platform-content-item\" id=\"installation\" data-nav-section=\"installation\"> <h2>So betten Sie das Google Maps-Widget in eine HTML-Website ein<\/h2><div class=\"video-container\"><iframe allowfullscreen=\"\" frameborder=\"0\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/eCV4EoWpRv4?si=qHXTZpz3avpyLQsK\" width=\"720\"><\/iframe><\/div><p>Eine pr\u00e4gnante Anleitung zum eigenen Erstellen responsiver Karten in HTML. Daf\u00fcr m\u00fcssen Sie keinen Programmierer einladen oder pers\u00f6nlich \u00fcber Programmierkenntnisse verf\u00fcgen. Die gesamte Einrichtungsdauer betr\u00e4gt nur wenige Minuten.<\/p><ol><li><b>Erstellen Sie Ihre personalisierten Google Maps<\/b>.<br>Stellen Sie mit unserer kostenlosen Demo ein Plugin mit Ihrem bevorzugten Design und Ihren bevorzugten Funktionen zusammen.<\/li><li><b>Erhalten Sie einen Code f\u00fcr die Integration des Plugins<\/b>.<br>Nach der Widget-Optimierung erhalten Sie einen Code f\u00fcr das Karten-Plugin aus dem Popup-Fenster von Elfsight Apps.<\/li><li><b>F\u00fcgen Sie das Widget in die HTML-Website ein<\/b>.<br>Starten Sie den Seitencode im HTML-Editor, integrieren Sie das Widget an der gew\u00fcnschten Stelle (Inhalt, Fu\u00dfzeile, Seitenleiste usw.) und ver\u00f6ffentlichen Sie die \u00c4nderungen.<\/li> <li><b>Sie haben die Installation erfolgreich durchgef\u00fchrt.<\/b>.<br>\u00d6ffnen Sie die HTML-Site, um Ihr Plugin anzuzeigen.<\/li><\/ol><p>Es treten Schwierigkeiten oder Probleme beim Einrichten einer pers\u00f6nlichen Karte auf ? Lesen Sie das umfassende Handbuch &#8222;<a href=\"https:\/\/elfsight.com\/tutorials\/how-to-add-google-maps-builder-to-html\/\" target=\"_blank\" rel=\"noopener noreferrer\">Wie Installieren Sie eine Karte auf einer HTML-Website<\/a>&#8220; oder wenden Sie sich an das Elfsight-Supportcenter. Wir unterst\u00fctzen Sie gerne beim Erstellen und Hinzuf\u00fcgen von Karten auf Ihrer Website.<\/p><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\">Wie kann ich Google Maps ohne Programmierkenntnisse zu meiner HTML-Website hinzuf\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\"> W\u00e4hlen Sie eine der vorgefertigten Vorlagen aus und passen Sie die Google Maps-Einstellungen an, f\u00fcgen Sie Ihre Inhalte hinzu, \u00e4ndern Sie das Layout und die Farben \u2013 ganz ohne Programmierkenntnisse. Speichern Sie Google Maps und kopieren Sie den Installationscode, den Sie problemlos in Ihre HTML-Website einbetten k\u00f6nnen, ohne einen kostenpflichtigen Plan kaufen zu m\u00fcssen. Mit unserem intuitiven Editor kann jeder Internetnutzer online ein Google Maps-Widget erstellen und es einfach in seine HTML-Website einbetten. Sie m\u00fcssen weder bezahlen noch Ihre Kartendaten eingeben, um auf den Service zuzugreifen. Sollten bei irgendeinem Schritt Probleme auftreten, wenden Sie sich bitte an unser technisches Support-Team.<\/p> <\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div> <\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"parent":894,"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-20573","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>Google Maps \u2013 Karten-Widget zur HTML-Website hinzuf\u00fcgen<\/title>\n<meta name=\"description\" content=\"Erstellen Sie ein benutzerdefiniertes Google Maps-Widget f\u00fcr eine HTML-Website. F\u00fcgen Sie interaktiven Kartencode in nur 3 Minuten kostenlos im einfachsten Plugin-Editor ein.\" \/>\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\/google-maps-widget\/html\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Google Maps \u2013 Karten-Widget zur HTML-Website hinzuf\u00fcgen\" \/>\n<meta property=\"og:description\" content=\"Erstellen Sie ein benutzerdefiniertes Google Maps-Widget f\u00fcr eine HTML-Website. F\u00fcgen Sie interaktiven Kartencode in nur 3 Minuten kostenlos im einfachsten Plugin-Editor ein.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/de\/google-maps-widget\/html\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight DE\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-19T10:09:02+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":"Google Maps \u2013 Karten-Widget zur HTML-Website hinzuf\u00fcgen","description":"Erstellen Sie ein benutzerdefiniertes Google Maps-Widget f\u00fcr eine HTML-Website. F\u00fcgen Sie interaktiven Kartencode in nur 3 Minuten kostenlos im einfachsten Plugin-Editor ein.","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\/google-maps-widget\/html\/","og_locale":"de_DE","og_type":"article","og_title":"Google Maps \u2013 Karten-Widget zur HTML-Website hinzuf\u00fcgen","og_description":"Erstellen Sie ein benutzerdefiniertes Google Maps-Widget f\u00fcr eine HTML-Website. F\u00fcgen Sie interaktiven Kartencode in nur 3 Minuten kostenlos im einfachsten Plugin-Editor ein.","og_url":"https:\/\/elfsight.com\/de\/google-maps-widget\/html\/","og_site_name":"Elfsight DE","article_modified_time":"2026-02-19T10:09:02+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\/google-maps-widget\/html\/","url":"https:\/\/elfsight.com\/de\/google-maps-widget\/html\/","name":"Google Maps \u2013 Karten-Widget zur HTML-Website hinzuf\u00fcgen","isPartOf":{"@id":"https:\/\/elfsight.com\/de\/#website"},"datePublished":"2024-05-03T06:38:49+00:00","dateModified":"2026-02-19T10:09:02+00:00","description":"Erstellen Sie ein benutzerdefiniertes Google Maps-Widget f\u00fcr eine HTML-Website. F\u00fcgen Sie interaktiven Kartencode in nur 3 Minuten kostenlos im einfachsten Plugin-Editor ein.","breadcrumb":{"@id":"https:\/\/elfsight.com\/de\/google-maps-widget\/html\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/de\/google-maps-widget\/html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/de\/google-maps-widget\/html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/de\/"},{"@type":"ListItem","position":2,"name":"Google Maps","item":"https:\/\/elfsight.com\/de\/google-maps-widget\/"},{"@type":"ListItem","position":3,"name":"Google Maps &#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":"464","h1":"Google Maps-Widget f\u00fcr HTML","h1_caption":"Betten Sie eine responsive Google-Karte ein, um Ihren Standort oder mehrere Standorte anzuzeigen und so m\u00fchelos auf Ihrer HTML-Website zu navigieren.","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 Google Maps-Widget","demo_caption":"Konfigurieren Sie Ihr Google Maps und f\u00fcgen Sie es 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 Installationsunterst\u00fctzung"},{"text":"Premium-Support"},{"text":"14-t\u00e4gige R\u00fcckerstattungsgarantie"},{"text":"Regelm\u00e4\u00dfige kostenlose Updates"}],"button_url":"#demo","button_target_blank":"0","button_nofollow":"0","attributes":[{"name":"Installiert","content":"100,000 - 500,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":"Elfsight Apps","pricing_title_caption":"Plattform\u00fcbergreifende digitale L\u00f6sung, die auf jeder Website funktioniert","pricing_price":"ab 0 $ \/ Monat","pricing_price_caption":"Beginnen Sie mit einem kostenlosen Plan","pricing_benefits":[{"text":"Unbegrenzte Domains"},{"text":"Unternehmensunterst\u00fctzung rund um die Uhr"},{"text":"Kostenlose Installationshilfe"},{"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\/20573","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=20573"}],"version-history":[{"count":4,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/20573\/revisions"}],"predecessor-version":[{"id":25628,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/20573\/revisions\/25628"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/894"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/media?parent=20573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}