I\u2019ll simply click Share -> Embed in Website -><\/strong> and select my desired elements of the map. I don\u2019t want to display the scale bar, but I do want to display the legend that I spent time crafting. The scalebar is now removed from the map preview on the right and a legend panel is added. The map preview helps give a sense of how the display options will look in the web map. Once I\u2019ve selected or deselected the options I want, I just click the big Copy<\/strong> button next to the HTML code.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":605492,"id":605492,"title":"embed_in_website","filename":"embed_in_website.gif","filesize":229501,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/embed_in_website.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/sharing-collaboration\/embed-your-web-map-into-your-organizations-website\/embed_in_website","alt":"","author":"7121","description":"","caption":"","name":"embed_in_website","status":"inherit","uploaded_to":605382,"date":"2019-09-11 23:11:25","modified":"2019-09-11 23:11:25","menu_order":0,"mime_type":"image\/gif","type":"image","subtype":"gif","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":800,"height":442,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/embed_in_website-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/embed_in_website.gif","medium-width":464,"medium-height":256,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/embed_in_website.gif","medium_large-width":768,"medium_large-height":424,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/embed_in_website.gif","large-width":800,"large-height":442,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/embed_in_website.gif","1536x1536-width":800,"1536x1536-height":442,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/embed_in_website.gif","2048x2048-width":800,"2048x2048-height":442,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/embed_in_website.gif","card_image-width":800,"card_image-height":442,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/embed_in_website.gif","wide_image-width":800,"wide_image-height":442}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":" Now that I\u2019ve copied the HTML code, I can pass this on to my organization\u2019s webmaster, or insert it into my organization\u2019s website myself. For example, imagine my organization has a website that looks something like this:<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":605402,"id":605402,"title":"dummy_website","filename":"dummy_website.png","filesize":42197,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/dummy_website.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/sharing-collaboration\/embed-your-web-map-into-your-organizations-website\/dummy_website","alt":"very simple website with lorem ipsum text","author":"7121","description":"","caption":"","name":"dummy_website","status":"inherit","uploaded_to":605382,"date":"2019-09-11 22:54:34","modified":"2019-09-11 22:54:52","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1316,"height":585,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/dummy_website-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/dummy_website.png","medium-width":464,"medium-height":206,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/dummy_website.png","medium_large-width":768,"medium_large-height":341,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/dummy_website.png","large-width":1316,"large-height":585,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/dummy_website.png","1536x1536-width":1316,"1536x1536-height":585,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/dummy_website.png","2048x2048-width":1316,"2048x2048-height":585,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/dummy_website-826x367.png","card_image-width":826,"card_image-height":367,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/dummy_website.png","wide_image-width":1316,"wide_image-height":585}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":" In the website builder environment, I simply paste the HTML I just copied into the place in my blog post where I want the map to appear. I played around with the size dimensions and found that 1000 x 800 works for this site. I\u2019ll save and preview to make sure that it\u2019s appearing as expected: a web map without a scalebar but with the expandable legend, just the way I want!<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":605412,"id":605412,"title":"dummy_website_with_map","filename":"dummy_website_with_map.png","filesize":93904,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/dummy_website_with_map.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/sharing-collaboration\/embed-your-web-map-into-your-organizations-website\/dummy_website_with_map","alt":"Simple website with web map in between the first and second paragraph of lorem ipsum text.","author":"7121","description":"","caption":"","name":"dummy_website_with_map","status":"inherit","uploaded_to":605382,"date":"2019-09-11 22:55:20","modified":"2019-09-11 22:55:51","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1274,"height":854,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/dummy_website_with_map-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/dummy_website_with_map.png","medium-width":389,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/dummy_website_with_map.png","medium_large-width":768,"medium_large-height":515,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/dummy_website_with_map.png","large-width":1274,"large-height":854,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/dummy_website_with_map.png","1536x1536-width":1274,"1536x1536-height":854,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/dummy_website_with_map.png","2048x2048-width":1274,"2048x2048-height":854,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/dummy_website_with_map-694x465.png","card_image-width":694,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/dummy_website_with_map.png","wide_image-width":1274,"wide_image-height":854}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":" Anyone who views this website will be able to interact with this web map by zooming in and out, panning around, clicking on a county to reveal the pop-up, and expanding or collapsing the legend. There are many other available options for letting your viewers interact with your map including a search capability, a basemap selector, and a link to view a larger version of the map<\/a> (helpful when size is an issue, particularly for sites designed for mobile devices). For more information on embedding web maps, see the official help doc on embedding items<\/a>.<\/p>\n In addition to organizational websites, other ways to share your web maps with the world are through story maps<\/a>, configurable apps<\/a>, or dashboards<\/a> \u2013 all of which are easy to build in ArcGIS Online.<\/p>\n"}],"authors":[{"ID":7121,"user_firstname":"Diana","user_lastname":"Lavery","nickname":"Diana Lavery","user_nicename":"dianaclavery_global","display_name":"Diana Lavery","user_email":"DLavery@esri.com","user_url":"","user_registered":"2018-03-02 00:19:20","user_description":"(she\/her\/hers) Diana loves working with data. She has over 15 years experience as a practitioner of demography, sociology, economics, policy analysis, and GIS. Diana holds a BA in quantitative economics and an MA in applied demography. She is a senior GIS engineer on ArcGIS Living Atlas of the World's Policy Maps team. Diana enjoys strong coffee and clean datasets, usually simultaneously.","user_avatar":"Insert copied HTML into website code<\/h1>\n"},{"acf_fc_layout":"content","content":"
"}],"related_articles":"","card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/Embed_in_website_card.png","wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/JoshuaTree_banner.jpg"},"yoast_head":"\n