{"id":4047,"date":"2024-05-03T06:38:49","date_gmt":"2024-05-03T06:38:49","guid":{"rendered":"https:\/\/elfsight.com\/pt\/?page_id=4047"},"modified":"2026-02-19T10:12:16","modified_gmt":"2026-02-19T10:12:16","slug":"html","status":"publish","type":"page","link":"https:\/\/elfsight.com\/pt\/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>Descri\u00e7\u00e3o<\/h2><p>Uma configura\u00e7\u00e3o simples, um widget universal e totalmente personalizado facilita a localiza\u00e7\u00e3o de locais para seus clientes. Produtivo na atra\u00e7\u00e3o de clientes off-line, f\u00e1cil de instalar e configurar, faz dele um dos melhores widgets para seu site HTML.<\/p><p><b>Forme mais clientes off-line usando mapas interativos em seu site!<\/b> <\/p><ul><li><b>Mais pedidos de clientes do seu site<\/b>.<br>Coloque informa\u00e7\u00f5es de contato abrangentes (endere\u00e7o, telefone e mensageiro, opera\u00e7\u00e3o e assim por diante), para que seu poss\u00edvel os clientes podem entrar em contato com voc\u00ea por qualquer meio desejado.<\/li><li><b>Encontre e consiga clientes locais<\/b>.<br>Exiba suas coordenadas para que os clientes entendam que voc\u00ea est\u00e1 perto e eles podem rapidamente dirija-se at\u00e9 sua loja.<\/li><li><b>C\u00e1lculo autom\u00e1tico de rota at\u00e9 sua casa<\/b>.<br>N\u00e3o deixe que os clientes saiam de seu site quando pretendem falar com voc\u00ea. Mostre o caminho para sua localiza\u00e7\u00e3o diretamente no mapa para cada cliente!<\/li><\/ul><\/div><div class=\"application-platform-content-item-features application-platform-content-item\" id=\"features\" data-nav-section=\"features\"><h2>Recursos<\/h2><p>Quais fun\u00e7\u00f5es transformam nosso mapa c\u00f3digo no melhor para cada site HTML?<\/p><ul><li>Adicionar nova localiza\u00e7\u00e3o inserindo apenas seu endere\u00e7o, nome ou coordenadas;<\/li><li>5 camadas do Google Maps: POI, Tr\u00e1fego , Transporte p\u00fablico, Bicicleta, Street View;<\/li><li>Edite o t\u00edtulo do painel de localiza\u00e7\u00e3o e escolha os elementos;<\/li><li>Dois tipos de anima\u00e7\u00e3o de marcador: soltar ou saltar;<\/li><li>Atualiza\u00e7\u00f5es regulares ao vivo dispon\u00edveis .<\/li><\/ul><p><a href=\"#demo\">Veja a lista completa de caracter\u00edsticas no painel!<\/a><\/p><\/div><div class=\"application-platform-content-item-installation application-platform-content-item\" id=\"installation\" data-nav-section=\"installation\"> <h2>Como incorporar o widget do Google Maps em um site HTML<\/h2>&lt;<div class=\"video-container\"><iframe allowfullscreen=\"\" frameborder=\"0\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/eCV4EoWpRv4?si=qHXTZpz3avpyLQsK\" width=\"720\"><\/iframe><\/div><p>Um guia conciso sobre como criar mapas responsivos em HTML por conta pr\u00f3pria. Para isso, voc\u00ea n\u00e3o precisa convidar um programador ou ter conhecimento pessoal em codifica\u00e7\u00e3o. A dura\u00e7\u00e3o total da configura\u00e7\u00e3o \u00e9 de apenas alguns minutos.<\/p><ol><li><b>Crie seus mapas do Google personalizados<\/b>.<br>Usando nossa demonstra\u00e7\u00e3o gratuita, monte um plug-in com design e fun\u00e7\u00f5es preferidos.<\/li><li><b>Adquira um c\u00f3digo para integrar o plugin<\/b>.<br>Ap\u00f3s o ajuste do widget, receba um c\u00f3digo para o plugin Map na janela pop-up nos aplicativos Elfsight.<\/li><li><b>Insira o widget no site HTML<\/b>.<br>Inicie o c\u00f3digo da p\u00e1gina no editor HTML, integre o widget no local desejado (conte\u00fado, rodap\u00e9, barra lateral etc) e publique as edi\u00e7\u00f5es.<\/li> <li><b>Voc\u00ea executou a instala\u00e7\u00e3o com sucesso<\/b>.<br>Abra o site HTML para ver seu plug-in.<\/li><\/ol><p>Enfrentando dificuldades ou problemas ao configurar um mapa pessoal ? Leia o manual abrangente \u00ab<a href=\"https:\/\/elfsight.com\/tutorials\/how-to-add-google-maps-builder-to-html\/\" target=\"_blank\" rel=\"noopener noreferrer\">Como Instale um mapa no site HTML<\/a>\u00bb ou entre em contato com o centro de suporte da Elfsight e teremos prazer em ajud\u00e1-lo na cria\u00e7\u00e3o e adi\u00e7\u00e3o de mapas ao seu site.<\/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\">Como posso adicionar o Google Mapas para o meu site HTML sem habilidades de codifica\u00e7\u00e3o?<\/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>A Elfsight fornece uma solu\u00e7\u00e3o SaaS que permite que voc\u00ea mesmo crie um widget do Google Maps. Veja como o processo \u00e9 f\u00e1cil: Trabalhe diretamente no Editor on-line para criar um widget do Google Maps que voc\u00ea gostaria gostaria de ver em seu site HTML. Escolha um dos modelos predefinidos e ajuste as configura\u00e7\u00f5es do Google Maps, adicione seu conte\u00fado, altere o layout e as cores sem habilidades de codifica\u00e7\u00e3o. Salve o Google Maps e copie seu c\u00f3digo de instala\u00e7\u00e3o, que voc\u00ea pode incorporar facilmente em seu site HTML sem a necessidade de adquirir um plano pago. Com nosso editor intuitivo, qualquer usu\u00e1rio da Internet pode criar um widget do Google Maps on-line e incorpor\u00e1-lo facilmente ao seu site HTML. N\u00e3o h\u00e1 necessidade de pagar ou inserir as credenciais do seu cart\u00e3o para acessar o servi\u00e7o. Se voc\u00ea enfrentar qualquer problema em qualquer etapa, n\u00e3o hesite em entrar em contato com nossa equipe de suporte t\u00e9cnico.<\/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":635,"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-4047","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 - Adicionar widget de mapa ao site HTML<\/title>\n<meta name=\"description\" content=\"Crie um widget personalizado do Google Maps para site HTML. Insira o c\u00f3digo do mapa interativo em apenas 3 minutos gratuitamente no editor de plugins mais simples.\" \/>\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\/pt\/google-maps-widget\/html\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Google Maps - Adicionar widget de mapa ao site HTML\" \/>\n<meta property=\"og:description\" content=\"Crie um widget personalizado do Google Maps para site HTML. Insira o c\u00f3digo do mapa interativo em apenas 3 minutos gratuitamente no editor de plugins mais simples.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/pt\/google-maps-widget\/html\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight PT\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-19T10:12:16+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Google Maps - Adicionar widget de mapa ao site HTML","description":"Crie um widget personalizado do Google Maps para site HTML. Insira o c\u00f3digo do mapa interativo em apenas 3 minutos gratuitamente no editor de plugins mais simples.","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\/pt\/google-maps-widget\/html\/","og_locale":"pt_PT","og_type":"article","og_title":"Google Maps - Adicionar widget de mapa ao site HTML","og_description":"Crie um widget personalizado do Google Maps para site HTML. Insira o c\u00f3digo do mapa interativo em apenas 3 minutos gratuitamente no editor de plugins mais simples.","og_url":"https:\/\/elfsight.com\/pt\/google-maps-widget\/html\/","og_site_name":"Elfsight PT","article_modified_time":"2026-02-19T10:12:16+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tempo estimado de leitura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/pt\/google-maps-widget\/html\/","url":"https:\/\/elfsight.com\/pt\/google-maps-widget\/html\/","name":"Google Maps - Adicionar widget de mapa ao site HTML","isPartOf":{"@id":"https:\/\/elfsight.com\/pt\/#website"},"datePublished":"2024-05-03T06:38:49+00:00","dateModified":"2026-02-19T10:12:16+00:00","description":"Crie um widget personalizado do Google Maps para site HTML. Insira o c\u00f3digo do mapa interativo em apenas 3 minutos gratuitamente no editor de plugins mais simples.","breadcrumb":{"@id":"https:\/\/elfsight.com\/pt\/google-maps-widget\/html\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/pt\/google-maps-widget\/html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/pt\/google-maps-widget\/html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Google Maps","item":"https:\/\/elfsight.com\/pt\/google-maps-widget\/"},{"@type":"ListItem","position":3,"name":"Google Maps &#8211; HTML"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/pt\/#website","url":"https:\/\/elfsight.com\/pt\/","name":"Elfsight PT","description":"Just another Elfsight Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"}]}},"meta_box":{"industry":"","seo_heading":"","heading":"","description":"","cta_heading":"","cta_description":"","application":"634","h1":"Widget do Google Maps para HTML","h1_caption":"Plug-in n\u00ba 1 para exibir c\u00f3digo de mapas responsivos em qualquer site","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":"Crie seu widget do Google Maps","demo_caption":"Configure seu Google Maps e adicione-o ao seu site HTML gratuitamente!","default_faq_hidden":"","app_template_category":[],"platform":"49","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":"a partir de US$ 0\/m\u00eas","trial":"","benefits":[{"text":"Assist\u00eancia de instala\u00e7\u00e3o gratuita"},{"text":"Suporte premium"},{"text":"Garantia de reembolso de 14 dias"},{"text":"Atualiza\u00e7\u00f5es gratuitas regulares"}],"button_url":"#demo","button_target_blank":"0","button_nofollow":"0","attributes":[{"name":"Instala\u00e7\u00f5es","content":"100,000 - 500,000","_state":"expanded"},{"name":"Responsivo","content":"Sim","_state":"expanded"},{"name":"Navegadores compat\u00edveis","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":"Solu\u00e7\u00e3o digital multiplataforma que funciona em qualquer site","pricing_price":"a partir de US$ 0\/m\u00eas","pricing_price_caption":"comece com plano gratuito","pricing_benefits":[{"text":"Dom\u00ednios ilimitados"},{"text":"Suporte \u00e0 empresa 24 horas por dia, 7 dias por semana"},{"text":"Suporte \u00e0 empresa 24 horas por dia, 7 dias por semana"},{"text":"Pre\u00e7o especial para v\u00e1rios aplicativos"}],"pricing_button_text":"Adicionar ao site","pricing_button_url":"#demo","_state":"expanded"}],"related_apps_title":"","related_apps_hidden":"1","author":"","image":[],"title":"","job":"","social_networks":[]},"_links":{"self":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages\/4047","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/comments?post=4047"}],"version-history":[{"count":4,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages\/4047\/revisions"}],"predecessor-version":[{"id":15236,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages\/4047\/revisions\/15236"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages\/635"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/media?parent=4047"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}