{"id":3705,"date":"2022-02-11T12:20:10","date_gmt":"2022-02-11T12:20:10","guid":{"rendered":"https:\/\/elfsight.com\/es\/?page_id=3705"},"modified":"2024-11-12T15:12:49","modified_gmt":"2024-11-12T15:12:49","slug":"html","status":"publish","type":"page","link":"https:\/\/elfsight.com\/es\/google-maps-widget\/html\/","title":{"rendered":"Google Maps &#8211; HTML"},"content":{"rendered":"<div class=\"application-platform-content-item-description application-platform-content-item\" id=\"description\" data-nav-section=\"description\"><h2>Description<\/h2><p>A no-sweat configuration, universal and entirely custom widget makes it easy to find locations for your customers. Productive in attracting offline customers, easy in setup and configuring make it is one of the best widget for your HTML site.<\/p><p><b>Shape more off-line customers using interactive maps on your site!<\/b><\/p><ul><li><b>More orders from clients of your site<\/b>.<br>Place comprehensive contact information (address, phone, and messenger, operating and so on), so your possible customers could contact you by any desired for them means.<\/li><li><b>Find and get local clients<\/b>.<br>Display your coordinates to make customers understand, that you are close and they can quickly make their way to you shop.<\/li><li><b>Automatic route calculation to your place<\/b>.<br>Don\u2019t let clients get away from your site when they are intended to address you. Show the way to your location directly on the map for each client!<\/li><\/ul><\/div><div class=\"application-platform-content-item-features application-platform-content-item\" id=\"features\" data-nav-section=\"features\"><h2>Features<\/h2><p>What functions turn our map code into the best one for every HTML website?<\/p><ul><li>Adding new location by only entering its address, or name, or coordinates;<\/li><li>5 Google Maps layers: POI, Traffic, Transit, Bike, Street View;<\/li><li>Edit location panel title and choose elements;<\/li><li>Two marker animation types: drop or bounce;<\/li><li>Regular live updates available.<\/li><\/ul><p><a href=\"#demo\">See full list of traits in the panel!<\/a><\/p><\/div><div class=\"application-platform-content-item-installation application-platform-content-item\" id=\"installation\" data-nav-section=\"installation\"><h2>How to embed Google Maps widget to HTML website<\/h2><div class=\"video-container\"><iframe width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/5zwXluNdI4I\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe><\/div><p>A concise guide on creating responsive maps on HTML on your own. For this, you don\u2019t need to invite a programmer or personally have knowledge in coding. Total setup duration is only several minutes.<\/p><ol><li><b>Build your personalized Google maps<\/b>.<br>Using our free demo, assemble a plugin with preferred design and functions.<\/li><li><b>Acquire a code for integrating the plugin<\/b>.<br>After widget tuning, receive a code for Map plugin from the popup window on Elfsight Apps.<\/li><li><b>Insert the widget into the HTML website<\/b>.<br>Start the page code in the HTML editor, integrate the widget into the desired place (content, footer, sidebar etc), and publish the edits.<\/li><li><b>You successfully performed the installation<\/b>.<br>Open the HTML site, to see your plugin.<\/li><\/ol><p>Experiencing hardships or problems while setting up a personal map? Read comprehensive manual \u00ab<a href=\"https:\/\/elfsight.com\/tutorials\/how-to-add-google-maps-builder-to-html\/\" target=\"_blank\" rel=\"noopener noreferrer\">How to Install a map on HTML website<\/a>\u00bb or contact Elfsight support center and we will be pleased to support you in creating and adding maps on your 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\">How can I add Google Maps to my HTML website without coding skills?<\/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\"> <p>Elfsight provides a SaaS solution that lets you create a Google Maps widget yourself, see how easy the process is: Work directly in the online Editor to create a Google Maps widget you would like to see on your HTML website. Pick one of the premade templates and adjust the Google Maps settings, add your content, change the layout and colors without coding skills. Save the Google Maps and copy its installation code, that you can easily embed in your HTML website with no need to buy a paid plan. With our intuitive Editor any internet user can create Google Maps widget online and easily embed it to their HTML website. There\u2019s no need to pay or enter your card credentials in order to access the service. If you face any issues at any step, please feel free to contact our technical support team.<\/p> <\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div> <\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":18,"featured_media":0,"parent":1936,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-platform.php","meta":{"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Mapas de Google - Integrar widget de Google Maps al HTML<\/title>\n<meta name=\"description\" content=\"Incrusta un widget hermoso de Mapas de Google en su sitio web de HTML. Use la demo de Elfsight manejable y construe su widget propio.\" \/>\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\/es\/google-maps-widget\/html\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mapas de Google - Integrar widget de Google Maps al HTML\" \/>\n<meta property=\"og:description\" content=\"Incrusta un widget hermoso de Mapas de Google en su sitio web de HTML. Use la demo de Elfsight manejable y construe su widget propio.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/es\/google-maps-widget\/html\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight ES\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-12T15:12:49+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mapas de Google - Integrar widget de Google Maps al HTML","description":"Incrusta un widget hermoso de Mapas de Google en su sitio web de HTML. Use la demo de Elfsight manejable y construe su widget propio.","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\/es\/google-maps-widget\/html\/","og_locale":"es_ES","og_type":"article","og_title":"Mapas de Google - Integrar widget de Google Maps al HTML","og_description":"Incrusta un widget hermoso de Mapas de Google en su sitio web de HTML. Use la demo de Elfsight manejable y construe su widget propio.","og_url":"https:\/\/elfsight.com\/es\/google-maps-widget\/html\/","og_site_name":"Elfsight ES","article_modified_time":"2024-11-12T15:12:49+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/es\/google-maps-widget\/html\/","url":"https:\/\/elfsight.com\/es\/google-maps-widget\/html\/","name":"Mapas de Google - Integrar widget de Google Maps al HTML","isPartOf":{"@id":"https:\/\/elfsight.com\/es\/#website"},"datePublished":"2022-02-11T12:20:10+00:00","dateModified":"2024-11-12T15:12:49+00:00","description":"Incrusta un widget hermoso de Mapas de Google en su sitio web de HTML. Use la demo de Elfsight manejable y construe su widget propio.","breadcrumb":{"@id":"https:\/\/elfsight.com\/es\/google-maps-widget\/html\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/es\/google-maps-widget\/html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/es\/google-maps-widget\/html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/es\/"},{"@type":"ListItem","position":2,"name":"Google Maps","item":"https:\/\/elfsight.com\/es\/google-maps-widget\/"},{"@type":"ListItem","position":3,"name":"Google Maps &#8211; HTML"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/es\/#website","url":"https:\/\/elfsight.com\/es\/","name":"Elfsight ES","description":"Just another Elfsight Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/es\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"}]}},"meta_box":{"h1":"widget de Mapas de Google para HTML","h1_caption":"Incorpore un mapa de Google responsivo para mostrar su ubicaci\u00f3n o m\u00faltiples ubicaciones para una f\u00e1cil navegaci\u00f3n en su sitio web HTML sin esfuerzo.","category":[],"widget_request_title":"","widget_request_cta":"","application":"1935","templates":[],"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":"","template_catalog_title":"","template_catalog_text":"","template_catalog_categories_visible":"","demo_title":"Crea tu widget de Google Maps","demo_caption":"\u00a1Configura tu Google Maps y agr\u00e9galo a tu sitio web HTML gratis!","default_faq_hidden":"","app_template_category":[],"platform":"70","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":[],"application_category":[],"applications_title":"","applications_request_title":"","applications_request_button_text":"","video_schema_markup":"","price":"desde $0 por mes","trial":"","benefits":[{"text":"Instalaci\u00f3n gratuita"},{"text":"Soporte Premium"},{"text":"14 d\u00edas garant\u00eda de reembolso"},{"text":"Actualizaciones regulares"}],"button_url":"#demo","button_target_blank":"0","button_nofollow":"0","attributes":[{"name":"Responsivo","content":"Si","_state":"expanded"},{"name":"Navegadores compatibles","content":"Firefox, Safari, Opera, Chrome, Edge","_state":"expanded"}],"tags":[],"tags_disable_links":"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":"Soluci\u00f3n multiplataforma - valido para cualquier p\u00e1gina web","pricing_price":"desde $0 por mes","pricing_price_caption":"empezar con un plan gratuito","pricing_benefits":[{"text":"Sitios web ilimitados"},{"text":"Atenci\u00f3n al cliente gratuita y r\u00e1pida"},{"text":"Servicio de instalaci\u00f3n gratuito"},{"text":"Totalmente personalizable"}],"pricing_button_text":"Agregar al sitio web","pricing_button_url":"#demo","_state":"expanded"}],"related_apps_title":"","related_apps_hidden":"1"},"_links":{"self":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/3705"}],"collection":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/comments?post=3705"}],"version-history":[{"count":2,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/3705\/revisions"}],"predecessor-version":[{"id":16689,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/3705\/revisions\/16689"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/1936"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/media?parent=3705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}