{"id":2979811,"date":"2026-08-24T09:01:05","date_gmt":"2026-08-24T16:01:05","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=2979811"},"modified":"2026-08-24T12:21:38","modified_gmt":"2026-08-24T19:21:38","slug":"pop-ups-for-storytelling","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling","title":{"rendered":"Thoughtful pop-ups for stronger storytelling"},"author":7231,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[37131,22941],"tags":[33371,28061,27881],"industry":[],"product":[36551,380802],"class_list":["post-2979811","blog","type-blog","status-publish","format-standard","hentry","category-constituent-engagement","category-mapping","tag-map-viewer","tag-pop-ups","tag-storytelling","product-arcgis-online","product-arcgis-storymaps"],"acf":{"authors":[{"ID":7231,"user_firstname":"Cooper","user_lastname":"Thomas","nickname":"Cooper Thomas","user_nicename":"cooper_thomas","display_name":"Cooper Thomas","user_email":"Cooper_Thomas@esri.com","user_url":"https:\/\/cooper-thomas.com\/","user_registered":"2018-03-02 00:19:29","user_description":"Cooper is a cartographer on Esri\u2019s StoryMaps team. His maps have found their way onto the @Esrigram Instagram feed, the front page of Reddit, and his parents\u2019 fridge. In his spare time, Cooper enjoys playing Mozart to his houseplants so that they someday grow tall and strong.","user_avatar":"<img data-del=\"avatar\" src='https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/CooperThomas-465x465.jpg' class='avatar pp-user-avatar avatar-96 photo ' height='96' width='96'\/>"}],"short_description":"Six practical tips for enhancing your web map pop-ups to serve your storytelling goals","flexible_content":[{"acf_fc_layout":"content","content":"<p><span data-contrast=\"none\">Web map pop-ups are a powerful and all-too-often underappreciated storytelling device. They\u2019re unobtrusive but can reward readers\u2019 curiosity by enriching maps with additional context, information, and perspectives. But when pop-ups are implemented without careful thought or intention \u2014 or are left unconfigured \u2014 they can do more harm than good, interrupting the flow of a story or overwhelming readers with extraneous information.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"none\">Like many narrative and cartographic elements, pop-ups should be structured to serve the needs of the reader \u2014 and in many cases, this means less is more.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"none\">Here are six practical tips for transforming your web map pop-ups from unstructured attribute tables into effective narrative elements that add color and context to your map and strengthen your story\u2019s main messages. The good news is that many of these suggestions are easy to implement, regardless of whether you\u2019re building a pop-up from scratch or sculpting a pre-configured pop-up from a Living Atlas layer.<\/span><\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2980720,"id":2980720,"title":"PopUpComparison","filename":"PopUpComparison.png","filesize":473684,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/PopUpComparison.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling\/popupcomparison","alt":"A graphical comparison of two pop-ups against a colorful blurred background. The pop-up on the left is titled \"before\" and contains a table of attribute-value pairs. The pop-up on the right is titled \"after\" and features a simple-language description and chart.","author":"7231","description":"","caption":"Comparing an unconfigured pop-up and a configured pop-up for a county-level map of unemployment","name":"popupcomparison","status":"inherit","uploaded_to":2979811,"date":"2026-08-21 16:54:28","modified":"2026-08-23 19:29:00","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":1280,"height":660,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/PopUpComparison-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/PopUpComparison.png","medium-width":464,"medium-height":239,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/PopUpComparison.png","medium_large-width":768,"medium_large-height":396,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/PopUpComparison.png","large-width":1280,"large-height":660,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/PopUpComparison.png","1536x1536-width":1280,"1536x1536-height":660,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/PopUpComparison.png","2048x2048-width":1280,"2048x2048-height":660,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/PopUpComparison-826x426.png","card_image-width":826,"card_image-height":426,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/PopUpComparison.png","wide_image-width":1280,"wide_image-height":660}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/www.arcgis.com\/home\/item.html?id=993b8c64a67a4c6faa44a91846547786#overview"},{"acf_fc_layout":"content","content":"<h2><span data-contrast=\"none\">1. Consider whether they\u2019re necessary at all<\/span><\/h2>\n<p><span data-contrast=\"none\">Not every map needs a pop-up; sometimes labels, annotations, or narrative text can communicate a map\u2019s message more effectively. Because pop-ups are typically displayed only as the result of intentional user interaction, they should add value to the experience and deepen readers\u2019 understanding of the map\u2019s core themes and messages. By default, pop-ups are enabled on feature layers, so be sure to disable them if they\u2019re unnecessary.<\/span><\/p>\n<hr \/>\n<h2><span data-contrast=\"none\">2. Remove the noise<\/span><\/h2>\n<p><span data-contrast=\"none\">Web map pop-ups should be optimized for quick, at-a-glance interactions. Keep your content focused and resist the temptation to turn every pop-up into a miniature report. If a reader needs to spend several minutes parsing a pop-up, consider whether some of that information would be better suited to the surrounding narrative. Similarly, avoid enabling pop-ups on more than one layer at a time.<\/span><\/p>\n<p><span data-contrast=\"none\">Just because pop-ups <\/span><i><span data-contrast=\"none\">can <\/span><\/i><span data-contrast=\"none\">contain a wealth of information doesn\u2019t mean they <\/span><i><span data-contrast=\"none\">should<\/span><\/i><span data-contrast=\"none\">. It\u2019s almost always a good idea to prune your pop-ups to include only the attributes or information that are directly relevant to the theme and purpose of your map. Removing extraneous fields such as object IDs and other metadata will ensure that your readers don\u2019t need to hunt for the information they seek when they select a feature on the map.<\/span><\/p>\n<p><span data-contrast=\"none\">Put yourself in the reader\u2019s shoes: If you decide to click on a feature, what pieces of information are you most likely looking for? Start with those \u2014 and then remove everything else.<\/span><\/p>\n<p>Learn more: <a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/create-maps\/configure-pop-ups-mv.htm\" target=\"_blank\" rel=\"noopener\">Configure pop-ups (Map Viewer documentation)<\/a><\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2980727,"id":2980727,"title":"HousingPopUp_Composite","filename":"HousingPopUp_Composite.png","filesize":348417,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/HousingPopUp_Composite.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling\/housingpopup_composite","alt":"A screenshot of a choropleth map centered on Portland, Oregon. The web map has a pop-up active that describes the economic state of the selected ZIP code.","author":"7231","description":"","caption":"The web map pop-ups in \"Through the roof\" provide focused insights, rather than tables of statistics","name":"housingpopup_composite","status":"inherit","uploaded_to":2979811,"date":"2026-08-21 17:59:28","modified":"2026-08-21 20:55:26","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":1280,"height":660,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/HousingPopUp_Composite-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/HousingPopUp_Composite.png","medium-width":464,"medium-height":239,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/HousingPopUp_Composite.png","medium_large-width":768,"medium_large-height":396,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/HousingPopUp_Composite.png","large-width":1280,"large-height":660,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/HousingPopUp_Composite.png","1536x1536-width":1280,"1536x1536-height":660,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/HousingPopUp_Composite.png","2048x2048-width":1280,"2048x2048-height":660,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/HousingPopUp_Composite-826x426.png","card_image-width":826,"card_image-height":426,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/HousingPopUp_Composite.png","wide_image-width":1280,"wide_image-height":660}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/esri.github.io\/through-the-roof\/"},{"acf_fc_layout":"content","content":"<hr \/>\n<h2><span data-contrast=\"none\">3. Speak like a storyteller<\/span><\/h2>\n<p><span data-contrast=\"none\">By default, feature layer pop-ups include a rudimentarily formatted table of attribute fields and values. Not only can this be an overwhelming amount of data \u2014 see the previous point about removing the noise \u2014 but it can also be difficult to interpret, especially when a layer uses abbreviated or coded field names.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"none\">Instead of relying on default attribute tables, consider reformatting your pop-ups to use natural, human language. This is especially important if your story is written with a distinct narrative voice. The language in your pop-ups should feel like it belongs to the same story as the rest of your content.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p>Learn more: <a href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/configure-pop-ups-basics\" target=\"_blank\" rel=\"noopener\">Pop-ups: the essentials<\/a><\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2980723,"id":2980723,"title":"MentalHealthPopUp_Composite","filename":"MentalHealthPopUp_Composite.png","filesize":226927,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/MentalHealthPopUp_Composite.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling\/mentalhealthpopup_composite","alt":"A screenshot of a county-level choropleth map of the United States. The web map has a pop-up active that describes in simple language several mental health-related attributes of the selected county in Arkansas.","author":"7231","description":"","caption":"In \"America's mental health crisis, mapped,\" natural-language pop-ups help clarify key statistics","name":"mentalhealthpopup_composite","status":"inherit","uploaded_to":2979811,"date":"2026-08-21 17:04:21","modified":"2026-08-23 19:29:54","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":1280,"height":660,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/MentalHealthPopUp_Composite-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/MentalHealthPopUp_Composite.png","medium-width":464,"medium-height":239,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/MentalHealthPopUp_Composite.png","medium_large-width":768,"medium_large-height":396,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/MentalHealthPopUp_Composite.png","large-width":1280,"large-height":660,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/MentalHealthPopUp_Composite.png","1536x1536-width":1280,"1536x1536-height":660,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/MentalHealthPopUp_Composite.png","2048x2048-width":1280,"2048x2048-height":660,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/MentalHealthPopUp_Composite-826x426.png","card_image-width":826,"card_image-height":426,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/MentalHealthPopUp_Composite.png","wide_image-width":1280,"wide_image-height":660}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/storymaps.arcgis.com\/stories\/f991326818c24aa1852335d1ef45f23b"},{"acf_fc_layout":"content","content":"<p>&nbsp;<\/p>\n<hr \/>\n<h2><span data-contrast=\"none\">4. Provide context<\/span><\/h2>\n<p><span data-contrast=\"none\">Without appropriate context, data can lose its meaning \u2014 or worse, mislead. Rather than show isolated values in your pop-ups, try to give readers some context for what those values mean. This may be as simple as appending appropriate units or clarifying what a number represents.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"none\">With Arcade, you can go even further by comparing a selected feature\u2019s values with meaningful benchmarks, such as regional or national averages, rankings, thresholds, or historical trends \u2014 or even combining values from multiple layers in a single map. You can also use Arcade to add dynamic, location-specific charts, tables, or simple graphics to your pop-ups to add even more detail and context to your map.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p>Learn more: <a href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-living-atlas\/decision-support\/enhance-your-pop-ups-using-arcade-living-atlas\" target=\"_blank\" rel=\"noopener\">Enhance your pop-ups using Arcade + Living Atlas<\/a><\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2980721,"id":2980721,"title":"TidalPopUp_Composite","filename":"TidalPopUp_Composite.png","filesize":307104,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/TidalPopUp_Composite.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling\/tidalpopup_composite","alt":"A screenshot of a map of the Point Reyes National Seashore in California. The web map has an active pop-up that features a tide table for the associated shoreline that updates in real-time.","author":"7231","description":"","caption":"In \"Rise &amp; tide,\" some pop-ups feature a live tide table that updates dynamically","name":"tidalpopup_composite","status":"inherit","uploaded_to":2979811,"date":"2026-08-21 16:57:46","modified":"2026-08-23 19:39:08","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":1280,"height":660,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/TidalPopUp_Composite-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/TidalPopUp_Composite.png","medium-width":464,"medium-height":239,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/TidalPopUp_Composite.png","medium_large-width":768,"medium_large-height":396,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/TidalPopUp_Composite.png","large-width":1280,"large-height":660,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/TidalPopUp_Composite.png","1536x1536-width":1280,"1536x1536-height":660,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/TidalPopUp_Composite.png","2048x2048-width":1280,"2048x2048-height":660,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/TidalPopUp_Composite-826x426.png","card_image-width":826,"card_image-height":426,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/TidalPopUp_Composite.png","wide_image-width":1280,"wide_image-height":660}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/storymaps.arcgis.com\/stories\/add001be0a36407397824521420cae72"},{"acf_fc_layout":"content","content":"<hr \/>\n<h2><span data-contrast=\"none\">5. Reinforce the visual language<\/span><\/h2>\n<p><span data-contrast=\"none\">Connect pop-up information to the map by intentionally reusing colors, text styles, labels, and other visual conventions. If your choropleth map uses purple to represent low values and green to represent high values, for example, consider recoloring pop-up values to match the map\u2019s symbology. This can reduce the cognitive effort required to interpret the map and its corresponding pop-up.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"none\">This doesn&#8217;t mean that pop-ups should simply repeat everything the map already communicates. But reinforcing a pattern or value represented visually on the map can help readers connect the map\u2019s visual language with its underlying data \u2014 particularly readers who may have less experience interpreting thematic maps.<\/span><\/p>\n<p>Learn more: <a href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/beginner-steps-for-adding-color-to-pop-ups-with-html\" target=\"_blank\" rel=\"noopener\">Beginner steps for adding color to pop-ups with HTML\u00a0<\/a><\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2980722,"id":2980722,"title":"PrairiePopUp_Composite","filename":"PrairiePopUp_Composite.png","filesize":774316,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/PrairiePopUp_Composite.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling\/prairiepopup_composite","alt":"A screenshot of a land-cover map of the United States, with proportional symbols overlaying the Great Plains region of the country. An active pop-up includes a description and pie chart of species observations in the selected area.","author":"7231","description":"","caption":"Pie charts and color-coded text add helpful context to the pop-ups in \"Little heroes on the prairie\"","name":"prairiepopup_composite","status":"inherit","uploaded_to":2979811,"date":"2026-08-21 16:58:10","modified":"2026-08-23 19:41:12","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":1280,"height":660,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/PrairiePopUp_Composite-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/PrairiePopUp_Composite.png","medium-width":464,"medium-height":239,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/PrairiePopUp_Composite.png","medium_large-width":768,"medium_large-height":396,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/PrairiePopUp_Composite.png","large-width":1280,"large-height":660,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/PrairiePopUp_Composite.png","1536x1536-width":1280,"1536x1536-height":660,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/PrairiePopUp_Composite.png","2048x2048-width":1280,"2048x2048-height":660,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/PrairiePopUp_Composite-826x426.png","card_image-width":826,"card_image-height":426,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/PrairiePopUp_Composite.png","wide_image-width":1280,"wide_image-height":660}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/storymaps.arcgis.com\/stories\/01c17e62ab224a7d9ba1e5dc3b23438e"},{"acf_fc_layout":"content","content":"<hr \/>\n<h2><span data-contrast=\"none\">6. Guide the reader\u2019s eye<\/span><\/h2>\n<p><span data-contrast=\"none\">Pop-ups aren\u2019t exempt from basic principles of layout and design. If your pop-ups include complex information or visuals, establish a clear visual hierarchy that guides the reader\u2019s eye through the information in an intuitive manner. Use headings, text styles, and spacing to distinguish the most important information from supporting details.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"none\">Be sure to take into account the limited real estate available in a pop-up. If you\u2019d like to include an image and dynamic text, for example, you might want to position the text first so that it isn&#8217;t hidden below a scroll.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<hr \/>\n<p><span data-contrast=\"none\">Well-designed pop-ups should feel like a natural extension of the map, rather than an afterthought. Pop-ups should reward curiosity with information that is relevant, meaningful, clear, and easy to interpret. They don\u2019t need to be fancy \u2014 again, less is often more \u2014 but they do need to be designed with intention. By treating pop-ups as important storytelling elements rather than containers for unconfigured data, you can deepen your readers\u2019 understanding of the messages you aim to communicate with just a few clicks.<\/span><\/p>\n"}],"related_articles":[{"ID":174671,"post_author":"7641","post_date":"2025-07-28 13:30:12","post_date_gmt":"2025-07-28 20:30:12","post_content":"","post_title":"Pop-ups: the essentials","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"configure-pop-ups-basics","to_ping":"","pinged":"","post_modified":"2025-07-29 21:47:07","post_modified_gmt":"2025-07-30 04:47:07","post_content_filtered":"","post_parent":0,"guid":"http:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=174671","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":1707602,"post_author":"7641","post_date":"2025-08-03 19:05:11","post_date_gmt":"2025-08-04 02:05:11","post_content":"","post_title":"Pop-ups: Arcade essentials","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"pop-ups-arcade-essentials","to_ping":"","pinged":"","post_modified":"2025-08-03 23:13:11","post_modified_gmt":"2025-08-04 06:13:11","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=1707602","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":2717802,"post_author":"340292","post_date":"2025-07-16 11:51:35","post_date_gmt":"2025-07-16 18:51:35","post_content":"","post_title":"Elevate Your Pop-Ups with Arcade","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"elevate-your-pop-ups-with-arcade","to_ping":"","pinged":"","post_modified":"2025-07-16 17:45:14","post_modified_gmt":"2025-07-17 00:45:14","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=2717802","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":2498422,"post_author":"7411","post_date":"2024-10-17 12:30:39","post_date_gmt":"2024-10-17 19:30:39","post_content":"","post_title":"Beginner steps for adding color to pop-ups with HTML","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"beginner-steps-for-adding-color-to-pop-ups-with-html","to_ping":"","pinged":"","post_modified":"2024-10-17 10:49:03","post_modified_gmt":"2024-10-17 17:49:03","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=2498422","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"}],"show_article_image":false,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/PopUps-Thumbnail-sm.png","wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/PopUps-Thumbnail.png"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.9 (Yoast SEO v25.9) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Thoughtful pop-ups for stronger storytelling<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Thoughtful pop-ups for stronger storytelling\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling\" \/>\n<meta property=\"og:site_name\" content=\"ArcGIS Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-24T19:21:38+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ESRI\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling\"},\"author\":{\"name\":\"Cooper Thomas\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/5cf9066ee476b2e05b875167d63369be\"},\"headline\":\"Thoughtful pop-ups for stronger storytelling\",\"datePublished\":\"2026-08-24T16:01:05+00:00\",\"dateModified\":\"2026-08-24T19:21:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling\"},\"wordCount\":5,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"Map Viewer\",\"pop-ups\",\"storytelling\"],\"articleSection\":[\"Constituent Engagement\",\"Mapping\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling\",\"name\":\"Thoughtful pop-ups for stronger storytelling\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2026-08-24T16:01:05+00:00\",\"dateModified\":\"2026-08-24T19:21:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Thoughtful pop-ups for stronger storytelling\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"name\":\"ArcGIS Blog\",\"description\":\"Get insider info from Esri product teams\",\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\",\"name\":\"Esri\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"width\":400,\"height\":400,\"caption\":\"Esri\"},\"image\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/esrigis\/\",\"https:\/\/x.com\/ESRI\",\"https:\/\/www.linkedin.com\/company\/5311\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/5cf9066ee476b2e05b875167d63369be\",\"name\":\"Cooper Thomas\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/CooperThomas-465x465.jpg\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/CooperThomas-465x465.jpg\",\"caption\":\"Cooper Thomas\"},\"description\":\"Cooper is a cartographer on Esri\u2019s StoryMaps team. His maps have found their way onto the @Esrigram Instagram feed, the front page of Reddit, and his parents\u2019 fridge. In his spare time, Cooper enjoys playing Mozart to his houseplants so that they someday grow tall and strong.\",\"sameAs\":[\"https:\/\/cooper-thomas.com\/\",\"https:\/\/www.linkedin.com\/in\/cooperthomasmaps\/\",\"https:\/\/x.com\/infinitecoop\"],\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/cooper_thomas\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Thoughtful pop-ups for stronger storytelling","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:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling","og_locale":"en_US","og_type":"article","og_title":"Thoughtful pop-ups for stronger storytelling","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2026-08-24T19:21:38+00:00","twitter_card":"summary_large_image","twitter_site":"@ESRI","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling"},"author":{"name":"Cooper Thomas","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/5cf9066ee476b2e05b875167d63369be"},"headline":"Thoughtful pop-ups for stronger storytelling","datePublished":"2026-08-24T16:01:05+00:00","dateModified":"2026-08-24T19:21:38+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling"},"wordCount":5,"commentCount":0,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["Map Viewer","pop-ups","storytelling"],"articleSection":["Constituent Engagement","Mapping"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling","name":"Thoughtful pop-ups for stronger storytelling","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2026-08-24T16:01:05+00:00","dateModified":"2026-08-24T19:21:38+00:00","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/pop-ups-for-storytelling#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Thoughtful pop-ups for stronger storytelling"}]},{"@type":"WebSite","@id":"https:\/\/www.esri.com\/arcgis-blog\/#website","url":"https:\/\/www.esri.com\/arcgis-blog\/","name":"ArcGIS Blog","description":"Get insider info from Esri product teams","publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization","name":"Esri","url":"https:\/\/www.esri.com\/arcgis-blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","width":400,"height":400,"caption":"Esri"},"image":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/esrigis\/","https:\/\/x.com\/ESRI","https:\/\/www.linkedin.com\/company\/5311\/"]},{"@type":"Person","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/5cf9066ee476b2e05b875167d63369be","name":"Cooper Thomas","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/CooperThomas-465x465.jpg","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/10\/CooperThomas-465x465.jpg","caption":"Cooper Thomas"},"description":"Cooper is a cartographer on Esri\u2019s StoryMaps team. His maps have found their way onto the @Esrigram Instagram feed, the front page of Reddit, and his parents\u2019 fridge. In his spare time, Cooper enjoys playing Mozart to his houseplants so that they someday grow tall and strong.","sameAs":["https:\/\/cooper-thomas.com\/","https:\/\/www.linkedin.com\/in\/cooperthomasmaps\/","https:\/\/x.com\/infinitecoop"],"url":"https:\/\/www.esri.com\/arcgis-blog\/author\/cooper_thomas"}]}},"text_date":"August 24, 2026","author_name":"Cooper Thomas","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/cooper_thomas","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/08\/PopUps-Thumbnail.png","primary_product":"ArcGIS Online","tag_data":[{"term_id":33371,"name":"Map Viewer","slug":"map-viewer","term_group":0,"term_taxonomy_id":33371,"taxonomy":"post_tag","description":"","parent":0,"count":170,"filter":"raw"},{"term_id":28061,"name":"pop-ups","slug":"pop-ups","term_group":0,"term_taxonomy_id":28061,"taxonomy":"post_tag","description":"","parent":0,"count":40,"filter":"raw"},{"term_id":27881,"name":"storytelling","slug":"storytelling","term_group":0,"term_taxonomy_id":27881,"taxonomy":"post_tag","description":"","parent":0,"count":128,"filter":"raw"}],"category_data":[{"term_id":37131,"name":"Constituent Engagement","slug":"constituent-engagement","term_group":0,"term_taxonomy_id":37131,"taxonomy":"category","description":"","parent":0,"count":422,"filter":"raw"},{"term_id":22941,"name":"Mapping","slug":"mapping","term_group":0,"term_taxonomy_id":22941,"taxonomy":"category","description":"","parent":0,"count":2758,"filter":"raw"}],"product_data":[{"term_id":36551,"name":"ArcGIS Online","slug":"arcgis-online","term_group":0,"term_taxonomy_id":36551,"taxonomy":"product","description":"","parent":0,"count":2502,"filter":"raw"},{"term_id":380802,"name":"ArcGIS StoryMaps","slug":"arcgis-storymaps","term_group":0,"term_taxonomy_id":380802,"taxonomy":"product","description":"","parent":0,"count":353,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=arcgis-online","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/2979811","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/users\/7231"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=2979811"}],"version-history":[{"count":11,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/2979811\/revisions"}],"predecessor-version":[{"id":2980927,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/2979811\/revisions\/2980927"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=2979811"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=2979811"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=2979811"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=2979811"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=2979811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}