{"id":2438502,"date":"2024-08-05T10:17:05","date_gmt":"2024-08-05T17:17:05","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=2438502"},"modified":"2024-08-05T10:17:05","modified_gmt":"2024-08-05T17:17:05","slug":"design-email-and-phone-buttons-for-arcgis-field-maps","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps","title":{"rendered":"Design email and phone buttons for ArcGIS Field Maps"},"author":358962,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[23261],"tags":[32551,673891,775932,28061,23081],"industry":[],"product":[36591,679821],"class_list":["post-2438502","blog","type-blog","status-publish","format-standard","hentry","category-field-mobility","tag-arcade","tag-arcgis-arcade","tag-gis-mapping","tag-pop-ups","tag-utilities","product-apps","product-field-maps"],"acf":{"authors":[{"ID":358962,"user_firstname":"Ben","user_lastname":"Beattie","nickname":"bbeattie","user_nicename":"bbeattie","display_name":"Ben Beattie","user_email":"bbeattie@esri.com","user_url":"","user_registered":"2024-07-08 19:55:07","user_description":"Ben is a Software Products Intern on the Field Maps team, focusing on markup and task functionalities. In his free time, you can find him woodworking, fishing, and enjoying the occasional coffee.","user_avatar":"<img data-del=\"avatar\" src='https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/1714866662479.jpeg' class='avatar pp-user-avatar avatar-96 photo ' height='96' width='96'\/>"}],"short_description":"Use Arcade and HTML to create pop-up buttons linking back to your data with actions such as opening the phone app, sending emails, and more.","flexible_content":[{"acf_fc_layout":"content","content":"<p style=\"padding-left: 40px\">Elevate your pop-ups in <a href=\"https:\/\/www.esri.com\/en-us\/arcgis\/products\/arcgis-field-maps\/overview\" target=\"_blank\" rel=\"noopener\">ArcGIS Field Maps<\/a> by integrating customizable buttons using the power of ArcGIS Arcade, HTML, and CSS. These languages allow you to transform your data into actionable buttons. This will not only improve the map experience for mobile workers, but also emphasize the significance of efficient communication and time management during fieldwork.<\/p>\n<p style=\"padding-left: 40px\">Picture yourself in the field, trying to remember the contact number of a property owner or a specific site manager. Alternatively, imagine having their contact information already available in your pop-up but needing to switch to your phone, email, or messaging app to type it in. It would be much more efficient to have a single button in your pop-up that automates this entire process.<\/p>\n<p style=\"padding-left: 40px\">This blog article will teach you how to enable field users to make calls, send emails, and perform more actions with a single tap.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2449612,"id":2449612,"title":"blog_collage","filename":"blog_collage-scaled.png","filesize":979176,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/08\/blog_collage-scaled.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps\/blog_collage","alt":"Picture collage showing the buttons and their functions (phone and email app open).","author":"358962","description":"","caption":"The pop-up buttons in ArcGIS Field Maps with their corresponding actions.","name":"blog_collage","status":"inherit","uploaded_to":2438502,"date":"2024-08-01 14:16:02","modified":"2024-08-01 14:16:58","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":2560,"height":1605,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/08\/blog_collage-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/08\/blog_collage-scaled.png","medium-width":416,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/08\/blog_collage-scaled.png","medium_large-width":768,"medium_large-height":482,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/08\/blog_collage-scaled.png","large-width":1723,"large-height":1080,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/08\/blog_collage-1536x963.png","1536x1536-width":1536,"1536x1536-height":963,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/08\/blog_collage-2048x1284.png","2048x2048-width":2048,"2048x2048-height":1284,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/08\/blog_collage-741x465.png","card_image-width":741,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/08\/blog_collage-1722x1080.png","wide_image-width":1722,"wide_image-height":1080}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p><strong>Step 1.<\/strong> To get started, open your map in Map Viewer and add an Arcade element to the feature layer\u2019s pop-up. To learn more about the Arcade pop-up element, see the <a href=\"https:\/\/developers.arcgis.com\/arcade\/profiles\/popup-element\/\">Pop-up element help topic<\/a> or the <a href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/part-1-introducing-arcade-pop-up-content-elements\/\">Introducing Arcade pop-up content elements blog article<\/a>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2443122,"id":2443122,"title":"blog_mapviewer","filename":"blog_mapviewer.png","filesize":1373218,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_mapviewer.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps\/blog_mapviewer","alt":"ArcGIS Map Viewer screenshot with an Arcade pop-up element being added.","author":"358962","description":"","caption":"Adding an Arcade pop-up element to a web map in ArcGIS Map Viewer.","name":"blog_mapviewer","status":"inherit","uploaded_to":2438502,"date":"2024-07-22 14:12:26","modified":"2024-07-31 20:36:29","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":2760,"height":1762,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_mapviewer-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_mapviewer.png","medium-width":409,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_mapviewer.png","medium_large-width":768,"medium_large-height":490,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_mapviewer.png","large-width":1692,"large-height":1080,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_mapviewer-1536x981.png","1536x1536-width":1536,"1536x1536-height":981,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_mapviewer-2048x1307.png","2048x2048-width":2048,"2048x2048-height":1307,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_mapviewer-728x465.png","card_image-width":728,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_mapviewer-1692x1080.png","wide_image-width":1692,"wide_image-height":1080}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p style=\"padding-left: 40px\">This element allows for multiple Arcade expressions, as well as their implementation into HTML, in one code block<strong>.<\/strong><\/p>\n<p><strong>Step 2.<\/strong> To edit the element, click the overflow menu and click Edit expression. Above the return statement, use Arcade to organize and format the code before you inject it into your HTML return for the button. Then, declare any global variables you want to use, such as a CSS styling variable for the icon\u2019s size. A color variable could be included here too if you wanted the button color to cascade across multiple buttons. Setting these variables inline with the HTML return is possible; however, it\u2019s recommended that you adjust them as variables, enhancing code reusability and readability.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2443332,"id":2443332,"title":"blog_firscode","filename":"blog_firscode.png","filesize":41351,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_firscode.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps\/blog_firscode","alt":"Setting up the global variables in the Arcade editor.","author":"358962","description":"","caption":"Setting up global variables in the Arcade editor.","name":"blog_firscode","status":"inherit","uploaded_to":2438502,"date":"2024-07-22 17:10:37","modified":"2024-07-31 20:37:28","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":2190,"height":294,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_firscode-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_firscode.png","medium-width":464,"medium-height":62,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_firscode.png","medium_large-width":768,"medium_large-height":103,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_firscode.png","large-width":1920,"large-height":258,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_firscode-1536x206.png","1536x1536-width":1536,"1536x1536-height":206,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_firscode-2048x275.png","2048x2048-width":2048,"2048x2048-height":275,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_firscode-826x111.png","card_image-width":826,"card_image-height":111,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_firscode-1920x258.png","wide_image-width":1920,"wide_image-height":258}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p><span class=\"TextRun SCXW12201186 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW12201186 BCX0\"><strong>Step 3.<\/strong> Now,<\/span><span class=\"NormalTextRun SCXW12201186 BCX0\"> use Arcade again to format and organize your button in an array and <\/span><span class=\"NormalTextRun SCXW12201186 BCX0\">then <\/span><span class=\"NormalTextRun SCXW12201186 BCX0\">in<\/span><span class=\"NormalTextRun SCXW12201186 BCX0\"> two <\/span><span class=\"NormalTextRun SCXW12201186 BCX0\">dictionar<\/span><span class=\"NormalTextRun SCXW12201186 BCX0\">ies<\/span><span class=\"NormalTextRun SCXW12201186 BCX0\">. Within the first button dictionary, in the array,\u00a0add a \u201c<span class=\"NormalTextRun SpellingErrorV2Themed SCXW12201186 BCX0\">button<\/span><span class=\"NormalTextRun SpellingErrorV2Themed SCXW12201186 BCX0\">Config<\/span>\u201d property that will hold another dictionary of your button configuration properties with their respective values. These values will be the button icon, text, color, and <span class=\"NormalTextRun SpellingErrorV2Themed SCXW12201186 BCX0\">href<\/span> action. Other values could include button roundness, button text color, button size, and so on.<span class=\"EOP SCXW12201186 BCX0\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/span><\/span><\/p>\n<p style=\"padding-left: 40px\"><span class=\"TextRun SCXW12201186 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW12201186 BCX0\">The array will hold <\/span><span class=\"NormalTextRun SCXW12201186 BCX0\">the first<\/span> <span class=\"NormalTextRun SCXW12201186 BCX0\">dictionary<\/span> <span class=\"NormalTextRun SCXW12201186 BCX0\">containing<\/span><span class=\"NormalTextRun SCXW12201186 BCX0\"> your singular button<\/span> <span class=\"NormalTextRun SCXW12201186 BCX0\">and allow you to<\/span><span class=\"NormalTextRun SCXW12201186 BCX0\"> add <\/span><span class=\"NormalTextRun SCXW12201186 BCX0\">more than one button<\/span><span class=\"NormalTextRun SCXW12201186 BCX0\"> later<\/span><span class=\"NormalTextRun SCXW12201186 BCX0\">. T<\/span><span class=\"NormalTextRun SCXW12201186 BCX0\">he<\/span> <span class=\"NormalTextRun SCXW12201186 BCX0\">dictionar<\/span><span class=\"NormalTextRun SCXW12201186 BCX0\">ies will<\/span><span class=\"NormalTextRun SCXW12201186 BCX0\"> let the code be organized with properties and values<\/span><span class=\"NormalTextRun SCXW12201186 BCX0\">.<\/span> <\/span><\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2443262,"id":2443262,"title":"blog_seccode","filename":"blog_seccode.png","filesize":88189,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_seccode.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps\/blog_seccode","alt":"Setting up arrays and dictionaries for the button properties in the Arcade editor.","author":"358962","description":"","caption":"Setting up arrays and dictionaries for the button properties in the Arcade editor.","name":"blog_seccode","status":"inherit","uploaded_to":2438502,"date":"2024-07-22 15:51:35","modified":"2024-07-31 20:38:35","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":2210,"height":546,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_seccode-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_seccode.png","medium-width":464,"medium-height":115,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_seccode.png","medium_large-width":768,"medium_large-height":190,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_seccode.png","large-width":1920,"large-height":474,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_seccode-1536x379.png","1536x1536-width":1536,"1536x1536-height":379,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_seccode-2048x506.png","2048x2048-width":2048,"2048x2048-height":506,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_seccode-826x204.png","card_image-width":826,"card_image-height":204,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_seccode-1920x474.png","wide_image-width":1920,"wide_image-height":474}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p style=\"padding-left: 40px\"><span lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\">In this example, you&#8217;ll create a button that links the email field of a fire hydrants feature layer to the recipient, notifying them of the completed inspection of a fire hydrant<strong>.<\/strong><\/span><\/p>\n<p><span lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><strong>Step 4.<\/strong> Set the button color to red, button text to <code>`&lt;i&gt;Email ${$feature.email}&lt;\/i&gt;`<\/code>, and icon to a white email PNG saved in your ArcGIS Online organization.\u00a0 Remember to use backticks when implementing Arcade as a template literal within HTML. More information on template literals can be found in the <a href=\"https:\/\/developers.arcgis.com\/arcade\/guide\/template-literals\/\">template literal help topic<\/a>.\u00a0<\/span><\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2443242,"id":2443242,"title":"blog_thirdcode","filename":"blog_thirdcode.png","filesize":113436,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_thirdcode.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps\/blog_thirdcode","alt":"Adding icon image URL, button text, and button color within the Arcade editor.","author":"358962","description":"","caption":"Adding icon image URL, button text, and button color within the Arcade editor. Note: The button color variable value can also be set as a hex code, HSV, HSL, etc. More info about colors can be found at the Mozilla Web Developer CSS Color page. ","name":"blog_thirdcode","status":"inherit","uploaded_to":2438502,"date":"2024-07-22 15:46:38","modified":"2024-07-31 20:39: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":2186,"height":546,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_thirdcode-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_thirdcode.png","medium-width":464,"medium-height":116,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_thirdcode.png","medium_large-width":768,"medium_large-height":192,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_thirdcode.png","large-width":1920,"large-height":480,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_thirdcode-1536x384.png","1536x1536-width":1536,"1536x1536-height":384,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_thirdcode-2048x512.png","2048x2048-width":2048,"2048x2048-height":512,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_thirdcode-826x206.png","card_image-width":826,"card_image-height":206,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_thirdcode-1920x480.png","wide_image-width":1920,"wide_image-height":480}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p style=\"padding-left: 40px\"><span data-contrast=\"auto\">Notice that the global variable \u201ciconSizeCSS\u201d was also added to the <code>&lt;img&gt;<\/code> tag for the icon\u2019s size in the &#8220;iconURL&#8221; property. An alternative to an icon image can be <\/span><a href=\"https:\/\/www.w3schools.com\/html\/html_emojis.asp\"><span data-contrast=\"none\">UTF-8 html emojis<\/span><\/a><span data-contrast=\"auto\">!<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559685&quot;:0,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><span data-contrast=\"auto\">Now that the button\u2019s styling and content have been configured, you&#8217;ll move on to set the button\u2019s action using the href attribute on an <code>&lt;a&gt;<\/code> tag.\u00a0<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559685&quot;:0,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/p>\n"},{"acf_fc_layout":"content","content":"<p style=\"padding-left: 40px\"><span data-contrast=\"auto\">Adhering to the <\/span><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/a\"><span data-contrast=\"none\">MDN documentation,<\/span><\/a><span data-contrast=\"auto\"> the href attribute can send an email with this syntax: <code>mailto:{emailaddress}?subject={}&amp;body={}<\/code>.<\/span><\/p>\n<p><strong>Step 5.<\/strong> <span data-contrast=\"auto\">A<\/span><span data-contrast=\"auto\">dd the email address field into the email address syntax.<\/span><\/p>\n<p><span data-contrast=\"auto\"><strong>Step 6.<\/strong> Add a subject stating that the inspection was complete, while also specifying the hydrant\u2019s ID.<\/span><\/p>\n<p><span data-contrast=\"auto\"><strong>Step 7.<\/strong> Finally, add a quick body message. Notice the <code>UrlEncode()<\/code> function within the subject and body syntax to encode any spaces and special characters. <\/span><\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2443412,"id":2443412,"title":"blog_fourthcode","filename":"blog_fourthcode.png","filesize":148860,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_fourthcode.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps\/blog_fourthcode","alt":"Adding in href attribute within the button dictionary in the Arcade editor.","author":"358962","description":"","caption":"Adding in <a> tag href attribute in the button dictionary within the Arcade editor.","name":"blog_fourthcode","status":"inherit","uploaded_to":2438502,"date":"2024-07-22 17:26:49","modified":"2024-07-31 20:39:35","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":2532,"height":546,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_fourthcode-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_fourthcode.png","medium-width":464,"medium-height":100,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_fourthcode.png","medium_large-width":768,"medium_large-height":166,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_fourthcode.png","large-width":1920,"large-height":414,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_fourthcode-1536x331.png","1536x1536-width":1536,"1536x1536-height":331,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_fourthcode-2048x442.png","2048x2048-width":2048,"2048x2048-height":442,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_fourthcode-826x178.png","card_image-width":826,"card_image-height":178,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_fourthcode-1920x414.png","wide_image-width":1920,"wide_image-height":414}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p style=\"padding-left: 40px\"><span data-contrast=\"auto\">The button configuration is complete! Now, you must return these configuration values within HTML and inline CSS to visually render it within the pop-up. For this blog article, the following HTML, CSS, and Arcade can be used to render the button. You can view the exact code in this <a href=\"https:\/\/esriapps.maps.arcgis.com\/apps\/mapviewer\/index.html?webmap=03161a222c3f44dda10d36638ab89180\">web map<\/a>.<\/span><\/p>\n<p style=\"padding-left: 40px\"><span data-contrast=\"auto\">Keep in mind that this code must be kept within a single line, not multiline. The multiline image below is just for visual reference. Make sure to wrap the return with backticks and paste within the text value of the return object. <\/span><\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2443472,"id":2443472,"title":"blog_finalcode","filename":"blog_finalcode.png","filesize":199897,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_finalcode.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps\/blog_finalcode","alt":"Showing HTML\/CSS elements used to display the buttons in the popup within the Arcade editor.","author":"358962","description":"","caption":"The HTML and CSS elements used to display the buttons in the popup. Link to web map with code above.","name":"blog_finalcode","status":"inherit","uploaded_to":2438502,"date":"2024-07-22 17:47:32","modified":"2024-07-31 20:40:19","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":3088,"height":640,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_finalcode-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_finalcode.png","medium-width":464,"medium-height":96,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_finalcode.png","medium_large-width":768,"medium_large-height":159,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_finalcode.png","large-width":1920,"large-height":398,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_finalcode-1536x318.png","1536x1536-width":1536,"1536x1536-height":318,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_finalcode-2048x424.png","2048x2048-width":2048,"2048x2048-height":424,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_finalcode-826x171.png","card_image-width":826,"card_image-height":171,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_finalcode-1920x398.png","wide_image-width":1920,"wide_image-height":398}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p style=\"padding-left: 40px\"><span data-contrast=\"auto\">The email button should now render in the pop<\/span><span data-contrast=\"auto\">&#8211;<\/span><span data-contrast=\"auto\">up and open to your designated email app.<\/span><\/p>\n<p style=\"padding-left: 40px\">The same workflow can be used for opening a phone number! Switch out the <code>mailto:<\/code> syntax with the <code>tel:{phonenumber}<\/code> syntax within the hrefAction property.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2443902,"id":2443902,"title":"blog_phonecode","filename":"blog_phonecode.png","filesize":119738,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_phonecode.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps\/blog_phonecode","alt":"A black button with a call action in the Arcade editor.","author":"358962","description":"","caption":"A black button with a call action in the Arcade editor.","name":"blog_phonecode","status":"inherit","uploaded_to":2438502,"date":"2024-07-23 13:45:37","modified":"2024-07-31 20:41:01","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":2192,"height":546,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_phonecode-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_phonecode.png","medium-width":464,"medium-height":116,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_phonecode.png","medium_large-width":768,"medium_large-height":191,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_phonecode.png","large-width":1920,"large-height":478,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_phonecode-1536x383.png","1536x1536-width":1536,"1536x1536-height":383,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_phonecode-2048x510.png","2048x2048-width":2048,"2048x2048-height":510,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_phonecode-826x206.png","card_image-width":826,"card_image-height":206,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/blog_phonecode-1920x478.png","wide_image-width":1920,"wide_image-height":478}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p style=\"padding-left: 40px\">Outside of email and phone integrations, these buttons can link to external sites, such as ArcGIS Survey123, Microsoft Teams, and more. To learn how you can further integrate within ArcGIS mobile apps, check out the URL parameters documentation for <a href=\"https:\/\/doc.arcgis.com\/en\/field-maps\/latest\/prepare-maps\/deploy-your-map.htm\">Field Maps<\/a>, <a href=\"https:\/\/doc.arcgis.com\/en\/quickcapture\/help\/integratewithotherapps.htm\">QuickCapture<\/a>, and <a href=\"https:\/\/doc.arcgis.com\/en\/survey123\/get-started\/integrate-launchfieldapp.htm\">Survey123<\/a>.<\/p>\n<p style=\"padding-left: 40px\">You can use the image gallery below for more inspiration. The essential component is the href action attribute; the design is up to you.<\/p>\n"},{"acf_fc_layout":"gallery","gallery_images":false}],"related_articles":[{"ID":128671,"post_author":"6461","post_date":"2018-04-18 22:28:53","post_date_gmt":"2018-04-18 22:28:53","post_content":"","post_title":"Combining Arcade and HTML for a Real-life Pop-up Display","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"combining-arcade-and-html-for-a-real-life-pop-up-display","to_ping":"","pinged":"","post_modified":"2024-11-11 12:37:44","post_modified_gmt":"2024-11-11 20:37:44","post_content_filtered":"","post_parent":0,"guid":"http:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=128671","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"1","filter":"raw"},{"ID":492942,"post_author":"6461","post_date":"2019-04-24 11:11:08","post_date_gmt":"2019-04-24 18:11:08","post_content":"","post_title":"Bring Colors From Your Map Into Your Pop-up Using Arcade","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"bring-colors-from-your-map-into-your-pop-up-using-arcade","to_ping":"","pinged":"","post_modified":"2024-11-11 12:34:17","post_modified_gmt":"2024-11-11 20:34:17","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=492942","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"3","filter":"raw"},{"ID":1438712,"post_author":"58731","post_date":"2022-01-05 07:30:08","post_date_gmt":"2022-01-05 15:30:08","post_content":"","post_title":"Authoring pop-ups using HTML source editing","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"authoring-pop-ups-using-html-source-editing","to_ping":"","pinged":"","post_modified":"2022-02-17 12:35:51","post_modified_gmt":"2022-02-17 20:35:51","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=1438712","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"}],"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/popup-card.png","wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/file.jpg"},"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>Design email and phone buttons for ArcGIS Field Maps<\/title>\n<meta name=\"description\" content=\"Use Arcade and HTML to create pop-up buttons linking back to your data with actions such as opening the phone app, sending emails, and more.\" \/>\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\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design email and phone buttons for ArcGIS Field Maps\" \/>\n<meta property=\"og:description\" content=\"Use Arcade and HTML to create pop-up buttons linking back to your data with actions such as opening the phone app, sending emails, and more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps\" \/>\n<meta property=\"og:site_name\" content=\"ArcGIS Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\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=\"7 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\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps\"},\"author\":{\"name\":\"Ben Beattie\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/60568a3972cff49c162f608bad934393\"},\"headline\":\"Design email and phone buttons for ArcGIS Field Maps\",\"datePublished\":\"2024-08-05T17:17:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps\"},\"wordCount\":9,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"arcade\",\"ArcGIS Arcade\",\"GIS Mapping\",\"pop-ups\",\"Utilities\"],\"articleSection\":[\"Field Operations\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps\",\"name\":\"Design email and phone buttons for ArcGIS Field Maps\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2024-08-05T17:17:05+00:00\",\"description\":\"Use Arcade and HTML to create pop-up buttons linking back to your data with actions such as opening the phone app, sending emails, and more.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design email and phone buttons for ArcGIS Field Maps\"}]},{\"@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\/60568a3972cff49c162f608bad934393\",\"name\":\"Ben Beattie\",\"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\/07\/1714866662479.jpeg\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/1714866662479.jpeg\",\"caption\":\"Ben Beattie\"},\"description\":\"Ben is a Software Products Intern on the Field Maps team, focusing on markup and task functionalities. In his free time, you can find him woodworking, fishing, and enjoying the occasional coffee.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/ben-beattie-43a82729a\"],\"jobTitle\":\"Software Products Intern\",\"worksFor\":\"ESRI\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/bbeattie\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Design email and phone buttons for ArcGIS Field Maps","description":"Use Arcade and HTML to create pop-up buttons linking back to your data with actions such as opening the phone app, sending emails, and more.","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\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps","og_locale":"en_US","og_type":"article","og_title":"Design email and phone buttons for ArcGIS Field Maps","og_description":"Use Arcade and HTML to create pop-up buttons linking back to your data with actions such as opening the phone app, sending emails, and more.","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","twitter_card":"summary_large_image","twitter_site":"@ESRI","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps"},"author":{"name":"Ben Beattie","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/60568a3972cff49c162f608bad934393"},"headline":"Design email and phone buttons for ArcGIS Field Maps","datePublished":"2024-08-05T17:17:05+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps"},"wordCount":9,"commentCount":0,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["arcade","ArcGIS Arcade","GIS Mapping","pop-ups","Utilities"],"articleSection":["Field Operations"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps","name":"Design email and phone buttons for ArcGIS Field Maps","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2024-08-05T17:17:05+00:00","description":"Use Arcade and HTML to create pop-up buttons linking back to your data with actions such as opening the phone app, sending emails, and more.","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/field-maps\/field-mobility\/design-email-and-phone-buttons-for-arcgis-field-maps#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Design email and phone buttons for ArcGIS Field Maps"}]},{"@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\/60568a3972cff49c162f608bad934393","name":"Ben Beattie","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\/07\/1714866662479.jpeg","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/1714866662479.jpeg","caption":"Ben Beattie"},"description":"Ben is a Software Products Intern on the Field Maps team, focusing on markup and task functionalities. In his free time, you can find him woodworking, fishing, and enjoying the occasional coffee.","sameAs":["https:\/\/www.linkedin.com\/in\/ben-beattie-43a82729a"],"jobTitle":"Software Products Intern","worksFor":"ESRI","url":"https:\/\/www.esri.com\/arcgis-blog\/author\/bbeattie"}]}},"text_date":"August 5, 2024","author_name":"Ben Beattie","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/bbeattie","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2024\/07\/file.jpg","primary_product":"ArcGIS Field Maps","tag_data":[{"term_id":32551,"name":"arcade","slug":"arcade","term_group":0,"term_taxonomy_id":32551,"taxonomy":"post_tag","description":"","parent":0,"count":113,"filter":"raw"},{"term_id":673891,"name":"ArcGIS Arcade","slug":"arcgis-arcade","term_group":0,"term_taxonomy_id":673891,"taxonomy":"post_tag","description":"","parent":0,"count":12,"filter":"raw"},{"term_id":775932,"name":"GIS Mapping","slug":"gis-mapping","term_group":0,"term_taxonomy_id":775932,"taxonomy":"post_tag","description":"","parent":0,"count":2,"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":39,"filter":"raw"},{"term_id":23081,"name":"Utilities","slug":"utilities","term_group":0,"term_taxonomy_id":23081,"taxonomy":"post_tag","description":"","parent":0,"count":220,"filter":"raw"}],"category_data":[{"term_id":23261,"name":"Field Operations","slug":"field-mobility","term_group":0,"term_taxonomy_id":23261,"taxonomy":"category","description":"","parent":0,"count":617,"filter":"raw"}],"product_data":[{"term_id":36591,"name":"Apps","slug":"apps","term_group":0,"term_taxonomy_id":36591,"taxonomy":"product","description":"","parent":0,"count":649,"filter":"raw"},{"term_id":679821,"name":"ArcGIS Field Maps","slug":"field-maps","term_group":0,"term_taxonomy_id":679821,"taxonomy":"product","description":"","parent":36591,"count":153,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=field-maps","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/2438502","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\/358962"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=2438502"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/2438502\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=2438502"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=2438502"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=2438502"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=2438502"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=2438502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}