{"id":213,"date":"2023-02-01T11:22:26","date_gmt":"2023-02-01T11:22:26","guid":{"rendered":"https:\/\/blog.hostinger.io\/es\/support\/2023\/02\/01\/6474784-hostinger-creador-de-sitios-web-como-agregar-un-mapa\/"},"modified":"2025-08-26T20:51:14","modified_gmt":"2025-08-26T20:51:14","slug":"6474784-hostinger-creador-de-sitios-web-como-agregar-un-mapa","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/es\/support\/6474784-hostinger-creador-de-sitios-web-como-agregar-un-mapa\/","title":{"rendered":"Hostinger Creador de Sitios Web: C\u00f3mo Agregar un Mapa"},"content":{"rendered":"<p class=\"no-margin\">Hay dos formas de agregar un mapa a tu sitio web:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_a9561a9d40\" target=\"_blank\" class=\"intercom-content-link\">Usando un elemento de mapa<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_7661f0c642\" target=\"_blank\" class=\"intercom-content-link\">Usando Mis Mapas de Google<\/a><\/b><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h1 id=\"h_a9561a9d40\"><b>Elemento de mapa<\/b><\/h1><p class=\"no-margin\">Dentro del editor, abre el panel <b>Agregar elementos<\/b> a la izquierda. Elige el elemento <b>Mapa<\/b> y arr&aacute;stralo al lugar deseado en tu sitio web:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/02\/cdaadac2-57b5-4570-bad8-7677c81b48f7.jpg\"><\/div><p class=\"no-margin\">Da clic en el elemento para ver m&aacute;s opciones (editar, duplicar, ocultar, eliminar, cambiar el tama&ntilde;o):<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/02\/fae5f5fd-99cd-4a6c-9403-c213ff9803e2.jpg\"><\/div><p class=\"no-margin\">Da clic en <b>Editar mapa<\/b> e inserta la direcci&oacute;n que deseas mostrar; simplemente puedes copiarla desde <b><a href=\"https:\/\/www.google.com\/maps\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Google Maps<\/a><\/b>.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\"><b>NOTA<\/b>:<\/p><ul>\n<li>\n<p class=\"no-margin\">En lugar de usar el elemento del mapa, tambi&eacute;n puedes <b><a href=\"\/es\/support\/6475040\" target=\"_blank\" class=\"intercom-content-link\">insertar una secci&oacute;n de mapa dedicada<\/a> <\/b>en tu sitio web<\/p>\n<\/li>\n<\/ul><hr><p class=\"no-margin\">\n<\/p><h1 id=\"h_7661f0c642\">Mis Mapas de Google<\/h1><p class=\"no-margin\">Si tienes varias ubicaciones y deseas marcarlas todas en el mapa, puedes hacerlo con <b><a href=\"https:\/\/www.google.com\/maps\/d\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">My Maps<\/a><\/b> de Google.<\/p><p class=\"no-margin\">\n<\/p><h2 id=\"h_7ea217916b\">1. Crea el mapa<\/h2><p class=\"no-margin\">Abre <b><a href=\"https:\/\/www.google.com\/maps\/d\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Google My Maps<\/a><\/b> y da clic en <b>Crear un nuevo mapa<\/b>. Da clic en <b>Mapa sin t&iacute;tulo<\/b> para agregar el nombre y la descripci&oacute;n de tu mapa. Tambi&eacute;n puedes elegir la apariencia del mapa haciendo clic en <b>Mapa base<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/02\/2cd68c67-d5d1-4899-811a-58c79aa75d6d.jpg\"><\/div><p class=\"no-margin\">En la barra de b&uacute;squeda, inserta una direcci&oacute;n y coloca un marcador en el &aacute;rea preferida en el mapa:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/02\/edddfce1-b6b7-4077-b76a-552aaaaf375c.jpg\"><\/div><p class=\"no-margin\">Da clic en <b>Agregar al mapa<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/02\/6009c905-b5eb-4afe-a622-456924ad4118.jpg\"><\/div><p class=\"no-margin\">De esta forma, puedes marcar m&aacute;s direcciones en el mapa:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/02\/acc8a33f-12d6-491b-ab7d-9e28ba1c74b8.jpg\"><\/div><p class=\"no-margin\"><b>Recursos adicionales<\/b>:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"https:\/\/support.google.com\/mymaps\/answer\/3024454?hl=es&amp;ref_topic=3024924#\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Crear o abrir un mapa &ndash; Ayuda de Mis mapas<\/a><\/b><\/p>\n<\/li>\n<\/ul><h2 id=\"h_92cd9f1a5b\">2. Inserta el mapa en tu sitio web<\/h2><p class=\"no-margin\">Una vez que hayas creado el mapa, es hora de insertarlo en tu sitio web. El primer paso es hacerlo visible p&uacute;blicamente. Da clic en <b>Compartir<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/02\/a99e3277-fcf1-4d71-8b43-84058e75065f.jpg\"><\/div><p class=\"no-margin\">Habilita las opciones <b>Cualquier persona con el enlace puede ver<\/b> y <b>Permitir que otros busquen y encuentren este mapa en Internet<\/b>. Da clic <b>en Compartir en Drive<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/02\/86239add-4ac5-4649-8f52-d3f0340c4033.jpg\"><\/div><p class=\"no-margin\">Finalmente, da clic en <b>Hecho<\/b>. Ahora es posible obtener un c&oacute;digo. Da clic en el bot&oacute;n de opciones <b>&#8942;<\/b> en la parte superior de la ventana de configuraci&oacute;n y da clic en <b>Incrustar en mi sitio<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/02\/1cacddd9-8961-451c-95d0-1735bbd95787.jpg\"><\/div><p class=\"no-margin\">Obtendr&aacute;s el c&oacute;digo de tu mapa. C&oacute;pialo y p&eacute;gualo en tu sitio utilizando elelemento <b><a href=\"\/es\/support\/6463152\" target=\"_blank\" class=\"intercom-content-link\">incrustar c&oacute;digo<\/a><\/b>. Si deseas que el mapa sea m&aacute;s grande o m&aacute;s peque&ntilde;o, cambia el tama&ntilde;o del elemento de c&oacute;digo o cambia los n&uacute;meros de ancho y alto en el c&oacute;digo dentro del elemento:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/02\/93b773e0-63d1-4f52-8484-82dc8db9d9d4.jpg\"><\/div><p class=\"no-margin\">\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Muestra tu ubicaci\u00f3n agregando un mapa en tu sitio web<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[256],"tags":[],"class_list":["post-213","post","type-post","status-publish","format-standard","hentry","category-elementos-del-sitio-web"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6474784-hostinger-website-builder-how-to-add-a-map\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6474784-hostinger-creador-de-sitios-web-como-agregar-un-mapa\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6474784-hostinger-createur-de-site-web-comment-ajouter-une-carte\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6474784-hostinger-svetainiu-kurimo-irankis-zemelapio-elementas\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6474784-hostinger-criador-de-sites-como-adicionar-um-mapa\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/213","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/comments?post=213"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/213\/revisions"}],"predecessor-version":[{"id":1273,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/213\/revisions\/1273"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/media?parent=213"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/categories?post=213"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/tags?post=213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}