{"id":14733,"date":"2026-08-18T00:16:38","date_gmt":"2026-08-18T00:16:38","guid":{"rendered":"https:\/\/academy.filio.io\/?p=14733"},"modified":"2026-08-18T00:16:41","modified_gmt":"2026-08-18T00:16:41","slug":"how-to-annotate-photos-with-markup-in-filio-data-collector","status":"publish","type":"post","link":"https:\/\/academy.filio.io\/how-to-annotate-photos-with-markup-in-filio-data-collector\/","title":{"rendered":"How to Annotate Photos with Markup in Filio Data Collector?"},"content":{"rendered":"\n<p>Use Markup on a captured photo to add text, callouts, and shapes, adjust their appearance, and save the annotation in Filio Data Collector.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">In this guide<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#step-1-open-photo-markup\" style=\"color:#6EC1E4\">Step 1 \u2014 Open Photo Markup<\/a><\/li>\n\n\n<li><a href=\"#step-2-add-text-or-a-callout\" style=\"color:#6EC1E4\">Step 2 \u2014 Add Text or a Callout<\/a><\/li>\n\n\n<li><a href=\"#step-3-add-shapes-and-adjust-their-appearance\" style=\"color:#6EC1E4\">Step 3 \u2014 Add Shapes and Adjust Their Appearance<\/a><\/li>\n\n\n<li><a href=\"#step-4-save-the-markup\" style=\"color:#6EC1E4\">Step 4 \u2014 Save the Markup<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Step-by-Step Guide<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-1-open-photo-markup\">Step 1 \u2014 Open Photo Markup<\/h3>\n\n\n\n<p>From the Add Media screen, select Markup on the photo you want to annotate.<\/p>\n\n\n<figure class=\"wp-block-video academy-step-video\" style=\"width:360px;max-width:100%;margin:24px auto 32px;\"><video height=\"2000\" style=\"aspect-ratio: 1312 \/ 2000;\" width=\"1312\" autoplay loop muted playsinline preload=\"metadata\" src=\"https:\/\/academy.filio.io\/wp-content\/uploads\/2026\/08\/01-open-photo-markup-1.mp4\"><\/video><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-2-add-text-or-a-callout\">Step 2 \u2014 Add Text or a Callout<\/h3>\n\n\n\n<p>Use the Text or Callout controls to add a note to the photo and enter the text you want to display.<\/p>\n\n\n<figure class=\"wp-block-video academy-step-video\" style=\"width:360px;max-width:100%;margin:24px auto 32px;\"><video height=\"2000\" style=\"aspect-ratio: 1312 \/ 2000;\" width=\"1312\" autoplay loop muted playsinline preload=\"metadata\" src=\"https:\/\/academy.filio.io\/wp-content\/uploads\/2026\/08\/02-add-callout-text-1.mp4\"><\/video><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-3-add-shapes-and-adjust-their-appearance\">Step 3 \u2014 Add Shapes and Adjust Their Appearance<\/h3>\n\n\n\n<p>Open Shapes and choose a visible option such as FREE, ARROW, RECT, TRI, or CIRCLE. Use the available fill or outline, color, and opacity controls to adjust the annotation.<\/p>\n\n\n<figure class=\"wp-block-video academy-step-video\" style=\"width:360px;max-width:100%;margin:24px auto 32px;\"><video height=\"2000\" style=\"aspect-ratio: 1312 \/ 2000;\" width=\"1312\" autoplay loop muted playsinline preload=\"metadata\" src=\"https:\/\/academy.filio.io\/wp-content\/uploads\/2026\/08\/03-add-arrow-and-rectangle-1.mp4\"><\/video><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-4-save-the-markup\">Step 4 \u2014 Save the Markup<\/h3>\n\n\n\n<p>Select Save when the markup is complete.<\/p>\n\n\n<figure class=\"wp-block-video academy-step-video\" style=\"width:360px;max-width:100%;margin:24px auto 32px;\"><video height=\"2000\" style=\"aspect-ratio: 1312 \/ 2000;\" width=\"1312\" autoplay loop muted playsinline preload=\"metadata\" src=\"https:\/\/academy.filio.io\/wp-content\/uploads\/2026\/08\/04-save-photo-markup-1.mp4\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Result<\/h2>\n\n\n\n<p>The photo is saved with the markup and annotations you added.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\" style=\"margin-top:20px;margin-bottom:20px\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-text-color has-background wp-element-button\" href=\"https:\/\/app.filio.io\/login\/?tab=register\" target=\"_blank\" rel=\"noopener\" style=\"border-radius:8px;color:#ffffff;background-color:#eaaa00;padding-top:13px;padding-right:30px;padding-bottom:13px;padding-left:30px\">Try Photo Markup in Filio<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Use Markup on a captured photo to add text, callouts, and shapes, adjust their appearance, and save the annotation in Filio Data Collector. In this guide Step-by-Step Guide Step 1 \u2014 Open Photo Markup From the Add Media screen, select Markup on the photo you want to annotate. Step 2 \u2014 Add Text or a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":14781,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[130],"tags":[],"class_list":["post-14733","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-filio-mobile-app"],"acf":[],"_links":{"self":[{"href":"https:\/\/academy.filio.io\/wp-json\/wp\/v2\/posts\/14733","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/academy.filio.io\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/academy.filio.io\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/academy.filio.io\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/academy.filio.io\/wp-json\/wp\/v2\/comments?post=14733"}],"version-history":[{"count":6,"href":"https:\/\/academy.filio.io\/wp-json\/wp\/v2\/posts\/14733\/revisions"}],"predecessor-version":[{"id":14778,"href":"https:\/\/academy.filio.io\/wp-json\/wp\/v2\/posts\/14733\/revisions\/14778"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/academy.filio.io\/wp-json\/wp\/v2\/media\/14781"}],"wp:attachment":[{"href":"https:\/\/academy.filio.io\/wp-json\/wp\/v2\/media?parent=14733"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/academy.filio.io\/wp-json\/wp\/v2\/categories?post=14733"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/academy.filio.io\/wp-json\/wp\/v2\/tags?post=14733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}