{"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":"2026-02-19T10:11:40","modified_gmt":"2026-02-19T10:11:40","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>Descripci\u00f3n<\/h2><p>Una configuraci\u00f3n sencilla, un widget universal y completamente personalizable hace que sea f\u00e1cil encontrar ubicaciones para tus clientes. Productivo en atraer clientes fuera de l\u00ednea, f\u00e1cil de configurar y ajustar, lo convierte en uno de los mejores widgets para tu sitio HTML.<\/p><p><b>\u00a1Atrae m\u00e1s clientes fuera de l\u00ednea utilizando mapas interactivos en tu sitio!<\/b><\/p><ul><li><b>M\u00e1s pedidos de los clientes de tu sitio<\/b>.<br>Coloca informaci\u00f3n de contacto completa (direcci\u00f3n, tel\u00e9fono, mensajer\u00eda, horario, etc.), para que tus clientes potenciales puedan contactarte por cualquier medio que prefieran.<\/li><li><b>Encuentra y atrae clientes locales<\/b>.<br>Visualiza tus coordenadas para que los clientes entiendan que est\u00e1s cerca y puedan llegar r\u00e1pidamente a tu tienda.<\/li><li><b>C\u00e1lculo autom\u00e1tico de la ruta a tu ubicaci\u00f3n<\/b>.<br>No dejes que los clientes se vayan de tu sitio cuando tienen la intenci\u00f3n de visitarte. \u00a1Muestra el camino directamente en el 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>Caracter\u00edsticas<\/h2><p>\u00bfQu\u00e9 funciones convierten nuestro c\u00f3digo de mapa en el mejor para cualquier sitio web HTML?<\/p><ul><li>Agregar una nueva ubicaci\u00f3n solo ingresando su direcci\u00f3n, nombre o coordenadas;<\/li><li>5 capas de Google Maps: POI, Tr\u00e1fico, Tr\u00e1nsito, Bicicleta, Vista en 360\u00b0;<\/li><li>Editar el t\u00edtulo del panel de ubicaci\u00f3n y elegir los elementos;<\/li><li>Dos tipos de animaci\u00f3n de marcadores: ca\u00edda o rebote;<\/li><li>Actualizaciones en vivo regulares disponibles.<\/li><\/ul><p><a href=\"#demo\">\u00a1Consulta la lista completa de caracter\u00edsticas en el panel!<\/a><\/p><\/div><div class=\"application-platform-content-item-installation application-platform-content-item\" id=\"installation\" data-nav-section=\"installation\"><h2>C\u00f3mo incrustar el widget de Google Maps en tu sitio web HTML<\/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>Una gu\u00eda concisa para crear mapas responsivos en HTML por ti mismo. Para esto, no necesitas contratar a un programador ni tener conocimientos en codificaci\u00f3n. El tiempo total de configuraci\u00f3n es de solo unos minutos.<\/p><ol><li><b>Construye tus mapas de Google personalizados<\/b>.<br>Usando nuestra demo gratuita, crea un plugin con el dise\u00f1o y las funciones que prefieras.<\/li><li><b>Obt\u00e9n un c\u00f3digo para integrar el plugin<\/b>.<br>Despu\u00e9s de ajustar el widget, recibe un c\u00f3digo para el plugin del mapa desde la ventana emergente en Elfsight Apps.<\/li><li><b>Incrusta el widget en tu sitio web HTML<\/b>.<br>Inicia el c\u00f3digo de la p\u00e1gina en el editor HTML, integra el widget en el lugar deseado (contenido, pie de p\u00e1gina, barra lateral, etc.) y publica los cambios.<\/li><li><b>Has realizado la instalaci\u00f3n con \u00e9xito<\/b>.<br>Abre tu sitio HTML para ver tu plugin.<\/li><\/ol><p>\u00bfEst\u00e1s experimentando dificultades o problemas al configurar tu mapa personal? Lee el manual completo \u00ab<a href=\"https:\/\/elfsight.com\/tutorials\/how-to-add-google-maps-builder-to-html\/\" target=\"_blank\" rel=\"noopener noreferrer\">C\u00f3mo instalar un mapa en un sitio web HTML<\/a>\u00bb o contacta al centro de soporte de Elfsight y estaremos encantados de ayudarte a crear y agregar mapas en tu sitio web.<\/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\">\u00bfC\u00f3mo puedo agregar Google Maps a mi sitio web HTML sin conocimientos de codificaci\u00f3n?<\/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 ofrece una soluci\u00f3n SaaS que te permite crear un widget de Google Maps por ti mismo, descubre lo f\u00e1cil que es el proceso: Trabaja directamente en el Editor en l\u00ednea para crear un widget de Google Maps que te gustar\u00eda ver en tu sitio web HTML. Elige una de las plantillas predise\u00f1adas y ajusta la configuraci\u00f3n de Google Maps, agrega tu contenido, cambia el dise\u00f1o y los colores sin necesidad de conocimientos de codificaci\u00f3n. Guarda los mapas de Google y copia su c\u00f3digo de instalaci\u00f3n, que puedes incrustar f\u00e1cilmente en tu sitio HTML sin necesidad de comprar un plan de pago. Con nuestro Editor intuitivo, cualquier usuario de internet puede crear un widget de Google Maps en l\u00ednea e incrustarlo f\u00e1cilmente en su sitio HTML. No es necesario pagar ni ingresar tus datos de tarjeta para acceder al servicio. Si tienes alg\u00fan problema en cualquier paso, no dudes en contactar a nuestro equipo de soporte t\u00e9cnico.<\/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":{"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-3705","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>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=\"2026-02-19T10:11:40+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=\"3 minutos\" \/>\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":"2026-02-19T10:11:40+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"3 minutos"},"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":"2026-02-19T10:11:40+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":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"meta_box":{"industry":"","seo_heading":"","heading":"","description":"","cta_heading":"","cta_description":"","application":"1935","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.","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":"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":[],"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","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":"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","author":"","image":[],"title":"","job":"","social_networks":[]},"_links":{"self":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/3705","targetHints":{"allow":["GET"]}}],"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":4,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/3705\/revisions"}],"predecessor-version":[{"id":20059,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/3705\/revisions\/20059"}],"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}]}}