[{"data":1,"prerenderedAt":1004},["ShallowReactive",2],{"blog-posts":3,"post-\u002Fblog\u002F1-way-to-get-annotated-screengrabs-into-asana":301},[4,19,31,50,64,79,94,105,117,131,143,153,164,177,186,201,210,222,234,245,256,267,280,289],{"path":5,"title":6,"description":7,"date":8,"modified":8,"draft":9,"locale":10,"category":11,"image":12,"translationKey":12,"tags":13,"readingTime":18},"\u002Fblog\u002Fwebsite-handover-checklist","Website Handover Checklist: 43 Items to Hand Over at Launch (Free Template)","A website handover checklist for agencies and freelancers: accounts, domain, hosting, backups, licenses and support terms, plus a free handover document.","2026-10-29T08:00:00+00:00",false,"en","guides",null,[14,15,16,17],"website handover checklist","website handover document template","website handover process","web agency",12,{"path":20,"title":21,"description":22,"date":23,"modified":23,"draft":9,"locale":10,"category":24,"image":12,"translationKey":12,"tags":25,"readingTime":30},"\u002Fblog\u002Fclaude-code-fix-bugs","How to Use Claude Code to Fix the Bugs Your Clients Report","How to use Claude Code to fix bugs: what it needs from a bug report, how to connect it to client feedback over MCP, and how to review the fix before you resolve it.","2026-10-27T08:00:00+00:00","workflow",[26,27,28,29],"claude code fix bugs","claude code mcp","ai bug fixing","bug report",7,{"path":32,"title":33,"description":34,"date":35,"modified":36,"draft":9,"locale":10,"category":11,"image":37,"translationKey":43,"tags":44,"readingTime":49},"\u002Fblog\u002Fbest-website-feedback-tools","How to Choose a Website Feedback Tool (2026 Checklist)","How to choose the best website feedback tool in 2026: the tool types, 12 criteria, a free scoring template (Excel) and a one-week trial plan with a real client.","2026-10-07T09:00:00+00:00","2026-10-22T10:00:00+00:00",{"src":38,"card":39,"alt":40,"width":41,"height":42},"\u002Fwp-content\u002Fuploads\u002F2023\u002F09\u002Fscreencode_7_Bug_tracker_GiveFeedback.jpg","\u002Fwp-content\u002Fuploads\u002F2023\u002F09\u002Fscreencode_7_Bug_tracker_GiveFeedback-400x250.jpg","Code on a screen, illustrating how to choose a website feedback tool",1200,630,"feedback-tools",[45,46,47,48],"best website feedback tool","website feedback tool free","visual website feedback tool","client feedback",8,{"path":51,"title":52,"description":53,"date":35,"modified":36,"draft":9,"locale":10,"category":24,"image":54,"translationKey":59,"tags":60,"readingTime":49},"\u002Fblog\u002Fclient-website-approval","Client Website Approval: How to Get Sign-Off Without Delays","Client website approval made simple: the 5 approval stages, a revision-limit clause, a sign-off email, a free website sign-off form (Word) and a checklist.",{"src":55,"card":56,"alt":57,"width":58,"height":41},"\u002Fwp-content\u002Fuploads\u002F2023\u002F06\u002FAutomating-Project-Management-for-Efficiency-Sized.jpg","\u002Fwp-content\u002Fuploads\u002F2023\u002F06\u002FAutomating-Project-Management-for-Efficiency-Sized-400x250.jpg","Two people reviewing a printed document with a pen, ready for client website approval",1920,"client-approval",[61,62,63,17],"client approval process","website sign off","revision rounds",{"path":65,"title":66,"description":67,"date":35,"modified":36,"draft":9,"locale":10,"category":11,"image":68,"translationKey":72,"tags":73,"readingTime":78},"\u002Fblog\u002Fhow-to-collect-client-feedback-on-a-website","How to Collect Client Feedback on a Website (Step by Step)","How to collect client feedback on a website: 5 methods compared, a review round step by step, good vs vague feedback examples and a briefing email to send today.",{"src":69,"card":70,"alt":71,"width":41,"height":42},"\u002Fwp-content\u002Fuploads\u002F2023\u002F07\u002FFree_Bug_tracking_web_Designer_GiveFeedback.jpg","\u002Fwp-content\u002Fuploads\u002F2023\u002F07\u002FFree_Bug_tracking_web_Designer_GiveFeedback-400x250.jpg","Web designer at a desk reviewing client feedback on a website","client-feedback",[74,75,76,77],"client feedback on website","website feedback examples","client feedback examples","website review process",9,{"path":80,"title":81,"description":82,"date":35,"modified":36,"draft":9,"locale":83,"category":11,"image":84,"translationKey":88,"tags":89,"readingTime":30},"\u002Fes\u002Fblog\u002Fanotar-capturas-de-pantalla-web","Cómo anotar capturas de pantalla de una web (Mac, Windows y online)","Cómo anotar capturas de pantalla en Windows, Mac, online o en Chrome, cómo capturar una página web entera y cómo marcar los errores para que se arreglen.","es",{"src":85,"card":86,"alt":87,"width":41,"height":42},"\u002Fwp-content\u002Fuploads\u002F2023\u002F07\u002FFree_Bug_tracking_office_colours_pc_GiveFeedback.jpg","\u002Fwp-content\u002Fuploads\u002F2023\u002F07\u002FFree_Bug_tracking_office_colours_pc_GiveFeedback-400x250.jpg","Persona anotando capturas de pantalla de una web para enviarlas al equipo de desarrollo","screenshot-annotation",[90,91,92,93],"anotar capturas de pantalla","captura de pantalla","anotar captura en Mac","anotar captura en Windows",{"path":95,"title":96,"description":97,"date":35,"modified":36,"draft":9,"locale":83,"category":24,"image":98,"translationKey":59,"tags":100,"readingTime":49},"\u002Fes\u002Fblog\u002Faprobacion-cliente-proyecto-web","Aprobación del cliente en un proyecto web: cómo conseguirla","Aprobación del cliente en un proyecto web: las 5 fases, una cláusula para limitar revisiones, un email de aprobación, un formulario de aprobación gratis y una checklist.",{"src":55,"card":56,"alt":99,"width":58,"height":41},"Dos personas revisan un documento con un bolígrafo antes de la aprobación del cliente en un proyecto web",[101,102,103,104],"aprobación del cliente","rondas de revisión","presupuesto web","agencia web",{"path":106,"title":107,"description":108,"date":35,"modified":36,"draft":9,"locale":83,"category":24,"image":109,"translationKey":111,"tags":112,"readingTime":78},"\u002Fes\u002Fblog\u002Fcapturas-anotadas-en-asana","Capturas anotadas en Asana: cómo llevar el feedback web a tareas","Cómo llevar capturas anotadas y feedback web a Asana: plantilla CSV gratis, cinco métodos comparados y tareas automáticas desde el feedback del cliente.",{"src":38,"card":39,"alt":110,"width":41,"height":42},"Capturas anotadas de una web convertidas en tareas de Asana","asana",[113,114,115,116],"capturas anotadas en Asana","plantilla Asana","gestión de bugs","feedback web",{"path":118,"title":119,"description":120,"date":35,"modified":36,"draft":9,"locale":83,"category":11,"image":121,"translationKey":125,"tags":126,"readingTime":18},"\u002Fes\u002Fblog\u002Fchecklist-qa-web-antes-de-lanzar","Checklist web: más de 70 comprobaciones antes de lanzar","Checklist web con más de 70 comprobaciones por áreas: formularios, enlaces, móvil, navegadores, velocidad, SEO, accesibilidad y WordPress, con plantilla Excel gratis.",{"src":122,"card":123,"alt":124,"width":41,"height":42},"\u002Fwp-content\u002Fuploads\u002F2023\u002F08\u002FFree_Bug_tracker_people_pc_GiveFeedback.jpg","\u002Fwp-content\u002Fuploads\u002F2023\u002F08\u002FFree_Bug_tracker_people_pc_GiveFeedback-400x250.jpg","Persona revisando una web con una checklist QA antes del lanzamiento","qa-checklist",[127,128,129,130],"checklist web","checklist QA web","pruebas web","lanzamiento web",{"path":132,"title":133,"description":134,"date":35,"modified":36,"draft":9,"locale":83,"category":11,"image":135,"translationKey":137,"tags":138,"readingTime":78},"\u002Fes\u002Fblog\u002Fcomo-escribir-un-informe-de-bugs","Plantilla de reporte de errores (bugs): gratis, con ejemplos","Plantilla de reporte de errores gratis en Excel, Google Sheets y Word, con un ejemplo de informe de bugs bueno y uno malo y los campos que importan en una web.",{"src":38,"card":39,"alt":136,"width":41,"height":42},"Código JavaScript en una pantalla, ilustrando cómo escribir un informe de bugs de una web","bug-report",[139,140,141,142],"plantilla de reporte de errores","reporte de errores","informe de bugs","ejemplo de reporte de errores",{"path":144,"title":145,"description":146,"date":35,"modified":36,"draft":9,"locale":83,"category":11,"image":147,"translationKey":72,"tags":149,"readingTime":78},"\u002Fes\u002Fblog\u002Fcomo-recoger-feedback-de-clientes-en-una-web","Cómo pedir feedback a un cliente sobre su web (paso a paso)","Cómo pedir feedback a un cliente sobre su web: 5 métodos comparados, una ronda de revisión paso a paso, ejemplos de feedback bueno y vago y un email para enviar hoy.",{"src":69,"card":70,"alt":148,"width":41,"height":42},"Diseñador web en su mesa revisando el feedback de clientes sobre una web",[150,151,116,152],"cómo pedir feedback a un cliente","feedback de clientes","revisión de una web",{"path":154,"title":155,"description":156,"date":35,"modified":36,"draft":9,"locale":83,"category":24,"image":157,"translationKey":159,"tags":160,"readingTime":49},"\u002Fes\u002Fblog\u002Ffeedback-web-en-notion","Bugs en Notion: gestiona el feedback de tu web paso a paso","Cómo gestionar bugs en Notion en proyectos web: plantilla gratis, propiedades, vistas tablero, rutina de triaje y cómo recibir el feedback del cliente solo.",{"src":55,"card":56,"alt":158,"width":58,"height":41},"Equipo organizando bugs y feedback de clientes de una web en Notion","notion",[161,162,163,116],"bugs en Notion","plantilla Notion","seguimiento de bugs",{"path":165,"title":166,"description":167,"date":35,"modified":36,"draft":9,"locale":83,"category":168,"image":169,"translationKey":171,"tags":172,"readingTime":78},"\u002Fes\u002Fblog\u002Fherramientas-gratis-seguimiento-bugs","Herramientas gratis de seguimiento de bugs para webs (2026)","Herramientas gratis de seguimiento de bugs para equipos web: los planes gratuitos de Jira, Trello, ClickUp, Notion, Asana, monday.com y Wrike, y una hoja de cálculo gratis.","comparisons",{"src":122,"card":123,"alt":170,"width":41,"height":42},"Equipo revisando incidencias en una herramienta gratis de seguimiento de bugs","free-bug-tracking",[173,174,175,176],"herramientas gratis seguimiento de bugs","bug tracker","gestión de incidencias","hoja de seguimiento de bugs",{"path":178,"title":179,"description":180,"date":35,"modified":36,"draft":9,"locale":83,"category":11,"image":181,"translationKey":43,"tags":183,"readingTime":78},"\u002Fes\u002Fblog\u002Fmejores-herramientas-feedback-visual-web","Cómo elegir una herramienta de feedback visual para tu web","Cómo elegir entre las herramientas de feedback visual web en 2026: tipos, 12 criterios, una plantilla de evaluación gratis en Excel y una prueba de una semana.",{"src":38,"card":39,"alt":182,"width":41,"height":42},"Código en una pantalla, ilustración de cómo elegir entre herramientas de feedback visual web",[184,116,185,151],"herramientas de feedback visual","feedback visual",{"path":187,"title":188,"description":189,"date":35,"modified":36,"draft":9,"locale":83,"category":11,"image":190,"translationKey":194,"tags":195,"readingTime":200},"\u002Fes\u002Fblog\u002Fpruebas-de-aceptacion-uat-web","Pruebas de aceptación de usuario (UAT): ejemplos y plantilla","Qué son las pruebas de aceptación de usuario (UAT), diferencias con el QA, ejemplos de escenarios, checklist para webs y plantillas gratis en Excel y Word.",{"src":191,"card":192,"alt":193,"width":41,"height":42},"\u002Fwp-content\u002Fuploads\u002F2023\u002F08\u002FFree_Bug_tracking_testing-man_GiveFeedback.jpg","\u002Fwp-content\u002Fuploads\u002F2023\u002F08\u002FFree_Bug_tracking_testing-man_GiveFeedback-400x250.jpg","Cliente haciendo pruebas de aceptación UAT de su nueva web frente al ordenador","uat",[196,197,198,199],"pruebas de aceptación","pruebas de aceptación de usuario","plan de pruebas de aceptación","ejemplo pruebas de aceptación",10,{"path":202,"title":203,"description":204,"date":35,"modified":36,"draft":9,"locale":83,"category":11,"image":205,"translationKey":207,"tags":208,"readingTime":49},"\u002Fes\u002Fblog\u002Fque-es-el-feedback-visual","Qué es el feedback visual y por qué agiliza tus proyectos web","Qué es el feedback visual: comentarios sobre la propia web con capturas marcadas, vídeo o notas. Tipos, ventajas, ejemplos y qué pedirle a una herramienta.",{"src":69,"card":70,"alt":206,"width":41,"height":42},"Diseñador web revisando el feedback visual sobre una interfaz","visual-feedback",[185,116,209,151],"capturas anotadas",{"path":211,"title":212,"description":213,"date":214,"modified":36,"draft":9,"locale":10,"category":24,"image":215,"translationKey":159,"tags":217,"readingTime":49},"\u002Fblog\u002Fsupercharge-your-workflow-with-the-notion-bug-tracker-extension","Notion Bug Tracker Template (Free) for Website Projects","Free Notion bug tracker template for website projects: import the CSV, set up the properties and board views, and send client feedback into Notion.","2025-04-24T16:17:44+00:00",{"src":55,"card":56,"alt":216,"width":58,"height":41},"Team organizing website bugs and client feedback in a Notion bug tracker",[218,219,220,221],"notion bug tracker template","notion issue tracker template","bug tracking","website feedback",{"path":223,"title":224,"description":225,"date":226,"modified":36,"draft":9,"locale":10,"category":11,"image":227,"translationKey":194,"tags":229,"readingTime":78},"\u002Fblog\u002Fuser-acceptance-testing-in-software-development","User Acceptance Testing (UAT): Template, Checklist & Examples","What user acceptance testing is, UAT vs QA, test scenario examples, a UAT checklist for websites and free templates: Excel test plan and Word sign-off form.","2023-09-28T17:32:27+00:00",{"src":191,"card":192,"alt":228,"width":41,"height":42},"Client doing user acceptance testing on a new website at his desk",[230,231,232,233],"user acceptance testing","UAT testing","user acceptance testing template","user acceptance testing checklist for website",{"path":235,"title":236,"description":237,"date":238,"modified":36,"draft":9,"locale":10,"category":168,"image":239,"translationKey":171,"tags":241,"readingTime":78},"\u002Fblog\u002Fbug-tracking-tools-free","Free Bug Tracking Tools for Web Teams (2026 Comparison)","Free bug tracking tools compared for web teams: the free plans of Jira, Trello, ClickUp, Notion, Asana, monday.com and Wrike, plus a free bug tracking spreadsheet.","2023-09-21T16:56:47+00:00",{"src":122,"card":123,"alt":240,"width":41,"height":42},"Team at a computer reviewing issues in a free bug tracking tool",[242,174,243,244],"free bug tracking tools","bug tracking spreadsheet","issue tracking",{"path":246,"title":247,"description":248,"date":249,"modified":36,"draft":9,"locale":10,"category":11,"image":250,"translationKey":137,"tags":252,"readingTime":49},"\u002Fblog\u002Fwhat-to-put-in-a-bug-report","Bug Report Template (Free Excel, Word & Google Sheets) + Examples","Free bug report template for Excel, Google Sheets and Word, with a good and a bad bug report example and the fields that matter for website bugs.","2023-09-11T14:43:18+00:00",{"src":38,"card":39,"alt":251,"width":41,"height":42},"JavaScript code on a screen, illustrating how to write a bug report for a website",[253,254,255,243],"bug report template","bug report example","how to write a bug report",{"path":257,"title":258,"description":259,"date":260,"modified":36,"draft":9,"locale":10,"category":24,"image":261,"translationKey":111,"tags":263,"readingTime":49},"\u002Fblog\u002F1-way-to-get-annotated-screengrabs-into-asana","Asana Bug Tracking: Free Template and Annotated Screenshots","Asana bug tracking for website projects: a free CSV template, five ways to get annotated screenshots into tasks, and automatic tasks from client feedback.","2023-09-11T11:56:04+00:00",{"src":38,"card":39,"alt":262,"width":41,"height":42},"Annotated screenshots of a website being turned into Asana tasks",[264,265,266,221],"asana bug tracking","asana bug tracking template","annotated screenshots",{"path":268,"title":269,"description":270,"date":271,"modified":36,"draft":9,"locale":10,"category":11,"image":272,"translationKey":125,"tags":274,"readingTime":279},"\u002Fblog\u002Fspeed-up-qa-testing","Website QA Checklist: 70+ Checks Before Launch (Free Template)","A website QA checklist with 70+ checks by area (forms, links, devices, browsers, speed, SEO, accessibility, WordPress), plus a free Excel and Google Sheets template.","2023-08-19T11:32:36+00:00",{"src":122,"card":123,"alt":273,"width":41,"height":42},"Person running a website QA checklist on a laptop before launch",[275,276,277,278],"website QA checklist","website testing checklist","website qa checklist template excel","wordpress website testing checklist",11,{"path":281,"title":282,"description":283,"date":284,"modified":36,"draft":9,"locale":10,"category":11,"image":285,"translationKey":207,"tags":287,"readingTime":49},"\u002Fblog\u002Fvisual-feedback-faster-bug-testing","What Is Visual Feedback? A Guide for Web Teams","What is visual feedback? Feedback given on the website itself with marked-up screenshots, video or pinned comments. Types, examples and a tool checklist.","2023-08-09T17:41:00+00:00",{"src":69,"card":70,"alt":286,"width":41,"height":42},"Web designer reviewing visual feedback on a website interface",[288,47,266,221],"visual feedback",{"path":290,"title":291,"description":292,"date":293,"modified":36,"draft":9,"locale":10,"category":11,"image":294,"translationKey":88,"tags":296,"readingTime":30},"\u002Fblog\u002Fscreen-grab-annotation-apps","How to Annotate a Screenshot of a Website (Mac, Windows & Online)","How to annotate a screenshot on Mac, Windows, online or in Chrome, how to capture a full web page, and how to mark up website screenshots so developers fix them.","2023-08-02T23:25:13+00:00",{"src":85,"card":86,"alt":295,"width":41,"height":42},"Person at a computer annotating website screenshots for a developer",[297,298,299,300],"annotate screenshot","annotate screenshot mac","annotate screenshot windows","annotate screenshot online",{"id":302,"title":258,"body":303,"category":24,"date":260,"description":259,"draft":9,"extension":975,"faq":976,"image":995,"locale":10,"meta":996,"modified":36,"navigation":997,"path":257,"readingTime":49,"seo":998,"seoTitle":999,"stem":1000,"tags":1001,"tldr":1002,"translationKey":111,"__hash__":1003},"blog\u002Fblog\u002F1-way-to-get-annotated-screengrabs-into-asana.md",{"type":304,"value":305,"toc":958},"minimark",[306,310,316,321,324,327,331,334,358,445,448,464,468,471,476,479,498,509,513,522,530,534,551,559,563,566,574,578,695,704,708,711,714,727,750,753,756,782,789,796,799,803,806,906,910,913,947],[307,308,309],"p",{},"Asana bug tracking works well for agencies and freelancers who already run their website projects in Asana, as long as every bug ends up as a task with the annotated screenshot and the browser details attached. The free CSV template sets the project up for you, and the five ways of adding screenshots range from dragging a file in by hand to having client feedback arrive as ready-made tasks.",[311,312],"template-download",{"files":313,"text":314,"title":315},"Asana CSV|\u002Ftemplates\u002Fasana-bug-tracking-template.csv","CSV for Asana's importer with sections for each stage and columns for type, priority, page URL, browser and OS, screen size and who reported it, plus four example tasks.","Free Asana bug tracking template",[317,318,320],"h2",{"id":319},"what-is-asana-bug-tracking","What is Asana bug tracking?",[307,322,323],{},"Asana bug tracking is using an Asana project as the list of bugs for a website or app: each bug is one task, sections represent the stages a bug goes through and custom fields hold the type, priority and browser details. Asana has no dedicated bug feature, so the project structure and the screenshots inside each task are what make it work.",[307,325,326],{},"The screenshot matters more than anything else. An annotated screenshot is a capture of the screen with arrows, boxes or text that point at the problem. In a Downloads folder or a chat thread it loses its context; inside the Asana task it sits next to the assignee, the due date and the conversation, so the developer doesn't have to ask \"which page was this?\". The goal is one issue, one task, with the screenshot attached and the page and browser written down.",[317,328,330],{"id":329},"how-do-you-set-up-an-asana-project-for-bug-tracking","How do you set up an Asana project for bug tracking?",[307,332,333],{},"Import the template to create a project with four sections (Reported, To fix, In progress, Ready for review) and custom fields for type, priority, page URL, browser and OS, screen size and reporter. Then agree on one rule: every new bug starts in Reported, one person triages it daily and finished bugs are marked complete rather than moved to another section.",[335,336,337,349,352,355],"ol",{},[338,339,340,341,348],"li",{},"Import the template: click the + button, create a new project, choose Import and select the CSV. Asana's ",[342,343,347],"a",{"href":344,"rel":345},"https:\u002F\u002Fasana.com\u002Fapps\u002Fcsv-importer",[346],"nofollow","CSV importer page"," shows the steps.",[338,350,351],{},"Check the preview: Name, Description, Section\u002FColumn, Assignee and Due Date map to task fields; Type, Priority, Page URL, Browser and OS, Screen size and Reported by become custom fields. Custom fields need a paid plan, so on the free Personal plan leave those columns out.",[338,353,354],{},"Switch to the board view: the four sections become columns. Keep Reported first, because new tasks land in the first section.",[338,356,357],{},"Delete the examples: the four tasks show one per section. Remove them before the first review round.",[359,360,361,377],"table",{},[362,363,364],"thead",{},[365,366,367,371,374],"tr",{},[368,369,370],"th",{},"Custom field",[368,372,373],{},"Type",[368,375,376],{},"Values",[378,379,380,391,401,415,425,435],"tbody",{},[365,381,382,385,388],{},[383,384,373],"td",{},[383,386,387],{},"Single-select",[383,389,390],{},"Bug, Proposal, Recommendation, Feature",[365,392,393,396,398],{},[383,394,395],{},"Priority",[383,397,387],{},[383,399,400],{},"High, Medium, Low",[365,402,403,406,409],{},[383,404,405],{},"Page URL",[383,407,408],{},"Text",[383,410,411],{},[342,412,413],{"href":413,"rel":414},"https:\u002F\u002Fstaging.example.com\u002Fcart\u002F",[346],[365,416,417,420,422],{},[383,418,419],{},"Browser and OS",[383,421,408],{},[383,423,424],{},"Chrome 129, Windows 11",[365,426,427,430,432],{},[383,428,429],{},"Screen size",[383,431,408],{},[383,433,434],{},"1366x768",[365,436,437,440,442],{},[383,438,439],{},"Reported by",[383,441,408],{},[383,443,444],{},"Client, Tester, Project manager",[307,446,447],{},"A few rules keep the project useful:",[449,450,451,454,457],"ul",{},[338,452,453],{},"One issue per task: if a client sends five problems in one message, split them into separate tasks or subtasks.",[338,455,456],{},"Daily triage: during review rounds, one person goes through Reported, sets Type and Priority, assigns and merges duplicates.",[338,458,459,460,463],{},"A clean launch list: before launch, filter Priority = High and incomplete. That list should be empty, or accepted in writing by the client. Our ",[342,461,275],{"href":462},"\u002Fblog\u002Fspeed-up-qa-testing\u002F"," covers what else to check.",[317,465,467],{"id":466},"how-do-you-get-annotated-screenshots-into-asana","How do you get annotated screenshots into Asana?",[307,469,470],{},"Five, from fully manual to automatic: attach or paste them by hand, annotate attachments inside Asana with Proofing, email them to the project's address, collect them with an Asana form or let a website feedback tool create the tasks. The first four need someone to capture the screenshot and type the context; the fifth captures both automatically.",[472,473,475],"h3",{"id":474},"method-1-paste-or-attach-the-screenshot-manually","Method 1: Paste or attach the screenshot manually",[307,477,478],{},"The basic route works on every Asana plan:",[335,480,481,489,492,495],{},[338,482,483,484,488],{},"Capture and annotate: use Snipping Tool on Windows, Shift-Command-4 and Markup on Mac, or a desktop screenshot app. Our guide to ",[342,485,487],{"href":486},"\u002Fblog\u002Fscreen-grab-annotation-apps\u002F","annotating website screenshots"," covers the options.",[338,490,491],{},"Create the task: in the right section of the project.",[338,493,494],{},"Add the image: drag it into the task, attach it with the paperclip or paste it into the description or a comment.",[338,496,497],{},"Write the context: the page URL, browser and screen size in the description.",[307,499,500,504,505,508],{},[501,502,503],"strong",{},"Good for:"," your own team and a few issues a week. ",[501,506,507],{},"Weak point:"," every step is manual, and the URL and browser are the first things people forget.",[472,510,512],{"id":511},"method-2-annotate-inside-asana-with-proofing","Method 2: Annotate inside Asana with Proofing",[307,514,515,516,521],{},"Asana Proofing lets you open an image or PDF attached to a task, click on a spot and leave feedback. Each annotation becomes a subtask that you can assign and give a due date, according to ",[342,517,520],{"href":518,"rel":519},"https:\u002F\u002Fhelp.asana.com\u002Fs\u002Farticle\u002Fproofing",[346],"Asana's help center",".",[307,523,524,526,527,529],{},[501,525,503],{}," design reviews of mockups and PDFs that are already in Asana. ",[501,528,507],{}," someone still has to capture and upload the screenshot first, and Proofing is limited to the higher plans.",[472,531,533],{"id":532},"method-3-email-the-screenshot-to-the-project","Method 3: Email the screenshot to the project",[307,535,536,537,541,542,545,546,521],{},"Every Asana project has its own email address in the format ",[538,539,540],"code",{},"x+projectID@mail.asana.com"," (the project ID is the number in the project's URL). Send an email with the annotated screenshot attached: the subject becomes the task name and the body becomes the description. Forwarding to ",[538,543,544],{},"x@mail.asana.com"," creates a task assigned to yourself. Details are in Asana's ",[342,547,550],{"href":548,"rel":549},"https:\u002F\u002Fhelp.asana.com\u002Fs\u002Farticle\u002Femail-tasks-to-asana",[346],"email tasks help article",[307,552,553,555,556,558],{},[501,554,503],{}," turning client emails with screenshots into tasks without retyping them. ",[501,557,507],{}," you can only create tasks in projects you're a member of (unless the project and team are public), so clients usually can't send to it directly, and one email with six issues becomes one task, not six.",[472,560,562],{"id":561},"method-4-collect-feedback-with-an-asana-form","Method 4: Collect feedback with an Asana form",[307,564,565],{},"Asana forms let anyone fill in a form whose submissions become tasks in a project. Add fields for the page URL, the description and a file upload for the screenshot, and share the form link with your client.",[307,567,568,570,571,573],{},[501,569,503],{}," structured requests from people outside Asana. ",[501,572,507],{}," the client still has to take, annotate and upload the screenshot and type the URL and browser. Many won't.",[472,575,577],{"id":576},"which-asana-plan-do-you-need","Which Asana plan do you need?",[359,579,580,596],{},[362,581,582],{},[365,583,584,587,590,593],{},[368,585,586],{},"Feature",[368,588,589],{},"Personal (free)",[368,591,592],{},"Starter",[368,594,595],{},"Advanced",[378,597,598,611,623,634,646,657,668,682],{},[365,599,600,603,606,609],{},[383,601,602],{},"Users",[383,604,605],{},"Up to 2",[383,607,608],{},"No seat limit",[383,610,608],{},[365,612,613,616,619,621],{},[383,614,615],{},"Attach and paste images",[383,617,618],{},"Yes",[383,620,618],{},[383,622,618],{},[365,624,625,628,630,632],{},[383,626,627],{},"Email to task",[383,629,618],{},[383,631,618],{},[383,633,618],{},[365,635,636,639,642,644],{},[383,637,638],{},"Forms",[383,640,641],{},"No",[383,643,618],{},[383,645,618],{},[365,647,648,651,653,655],{},[383,649,650],{},"Custom fields",[383,652,641],{},[383,654,618],{},[383,656,618],{},[365,658,659,662,664,666],{},[383,660,661],{},"Proofing (annotate in Asana)",[383,663,641],{},[383,665,641],{},[383,667,618],{},[365,669,670,673,676,679],{},[383,671,672],{},"Price per user per month, billed yearly",[383,674,675],{},"$0",[383,677,678],{},"$10.99",[383,680,681],{},"$24.99",[365,683,684,687,689,692],{},[383,685,686],{},"Price per user per month, billed monthly",[383,688,675],{},[383,690,691],{},"$13.49",[383,693,694],{},"$30.49",[307,696,697,698,703],{},"Source: ",[342,699,702],{"href":700,"rel":701},"https:\u002F\u002Fasana.com\u002Fpricing",[346],"asana.com\u002Fpricing",", as of October 2026.",[317,705,707],{"id":706},"how-do-you-turn-client-website-feedback-into-asana-tasks-automatically","How do you turn client website feedback into Asana tasks automatically?",[307,709,710],{},"Add a feedback button to the website with GiveFeedback.io and connect its Asana integration. The client clicks the button, marks up a screenshot of the page and adds a title and description, and each report becomes a task in your Asana project with the screenshot attached, the browser details in the description and a link back to the full report.",[307,712,713],{},"The four manual methods share one weakness with client feedback: a person has to capture the screenshot, annotate it, move it into Asana and add the context. For your own developer that's fine. For a client reviewing a website before launch, it means a PDF with arrows, a long email or a form that says \"see attached\" with nothing attached, and someone on your team spends an afternoon turning it into tasks.",[307,715,716,717,721,722,726],{},"With ",[342,718,720],{"href":719},"\u002F","GiveFeedback.io"," and its ",[342,723,725],{"href":724},"\u002Fasana-bug-tracking-tool\u002F","Asana integration",":",[335,728,729,741,744,747],{},[338,730,731,732,735,736,740],{},"Install the button: create a free project and paste the script into the site's ",[538,733,734],{},"\u003Chead>","; there are ",[342,737,739],{"href":738},"\u002Fdocumentation-tool\u002F","install guides"," for WordPress, Shopify, Wix, Squarespace and more.",[338,742,743],{},"Connect Asana: in the project's Integrations screen choose Asana, sign in and authorize GiveFeedback.io.",[338,745,746],{},"Pick the destination: select the Asana workspace and the project where tasks should be created.",[338,748,749],{},"Send the client the link: they click \"Give Feedback\" on the site, allow the browser to capture the tab, mark up the screenshot with arrows, boxes, text or a highlighter and add a title and description. No account needed.",[751,752],"integration-map",{},[307,754,755],{},"Each report then becomes one Asana task with:",[449,757,758,764,770,776],{},[338,759,760,763],{},[501,761,762],{},"Task name:"," the title the reporter wrote.",[338,765,766,769],{},[501,767,768],{},"Description:"," what the reporter wrote, followed by the browser data: screen resolution, operating system, browser and version, language and time zone.",[338,771,772,775],{},[501,773,774],{},"Attachment:"," the annotated screenshot, as a file in the task.",[338,777,778,781],{},[501,779,780],{},"Link back:"," to the report in the GiveFeedback.io dashboard, which also holds the page URL and the feedback type.",[307,783,784],{},[785,786],"img",{"alt":787,"src":788},"Website feedback created as an Asana task with the annotated screenshot attached","\u002Fwp-content\u002Fuploads\u002F2024\u002F01\u002FAsana-screen.jpg",[307,790,791,792,521],{},"Your team then triages in Asana as usual: set the custom fields, assign the task and move it across the sections. If your team uses Notion instead, see our ",[342,793,795],{"href":794},"\u002Fblog\u002Fsupercharge-your-workflow-with-the-notion-bug-tracker-extension\u002F","Notion bug tracker template",[797,798],"blog-cta",{},[317,800,802],{"id":801},"which-way-of-getting-screenshots-into-asana-is-best","Which way of getting screenshots into Asana is best?",[307,804,805],{},"For bugs your own team finds, paste screenshots into tasks and use Proofing if your plan includes it. For clients who email screenshots, forward them to the project address. For clients and testers reviewing a whole website before launch, a feedback button that creates the tasks is the only method where the context arrives without anyone typing it.",[359,807,808,827],{},[362,809,810],{},[365,811,812,815,818,821,824],{},[368,813,814],{},"Method",[368,816,817],{},"Who captures the context (URL, browser)",[368,819,820],{},"Client needs an Asana account",[368,822,823],{},"Asana plan",[368,825,826],{},"Effort per issue",[378,828,829,846,861,875,891],{},[365,830,831,834,837,840,843],{},[383,832,833],{},"Paste or attach",[383,835,836],{},"You, by hand",[383,838,839],{},"Yes, or you do it for them",[383,841,842],{},"Any",[383,844,845],{},"High",[365,847,848,851,853,855,858],{},[383,849,850],{},"Proofing",[383,852,836],{},[383,854,618],{},[383,856,857],{},"Advanced or above",[383,859,860],{},"Medium",[365,862,863,866,868,871,873],{},[383,864,865],{},"Email to project",[383,867,836],{},[383,869,870],{},"Must be a project member",[383,872,842],{},[383,874,860],{},[365,876,877,880,883,885,888],{},[383,878,879],{},"Asana form",[383,881,882],{},"Client, by hand",[383,884,641],{},[383,886,887],{},"Starter or above",[383,889,890],{},"Medium, for the client",[365,892,893,896,899,901,903],{},[383,894,895],{},"Feedback button (GiveFeedback.io)",[383,897,898],{},"Automatic",[383,900,641],{},[383,902,842],{},[383,904,905],{},"Low",[317,907,909],{"id":908},"what-does-a-good-asana-bug-task-look-like","What does a good Asana bug task look like?",[307,911,912],{},"It has a name that says where and what, the section and assignee set, the type and priority filled in, a description with the expected and actual result, the page URL and browser, and the annotated screenshot attached. A developer can fix it without asking a single question.",[914,915,916],"blockquote",{},[307,917,918,920,921,924,925,928,929,932,933,936,937,939,940,943,944,946],{},[501,919,762],{}," Cart: checkout button text cut off\n",[501,922,923],{},"Section:"," moved from Reported to To fix\n",[501,926,927],{},"Assignee:"," Front-end developer. ",[501,930,931],{},"Priority:"," High. ",[501,934,935],{},"Type:"," Bug\n",[501,938,768],{}," \"The button says 'Proceed to chec'. It should show the full text.\" Page: ",[342,941,413],{"href":413,"rel":942},[346],", Chrome 129, Windows 11, 1280x720\n",[501,945,774],{}," screenshot with a red rectangle around the button",[307,948,949,950,953,954,521],{},"For the fields that make a report like this complete, see our ",[342,951,253],{"href":952},"\u002Fblog\u002Fwhat-to-put-in-a-bug-report\u002F",". Set up the project from the template, decide how screenshots get in and, if clients review your sites, let them report from the site itself: GiveFeedback.io's Asana integration is included in the Free plan; see ",[342,955,957],{"href":956},"\u002Fpricing\u002F","pricing",{"title":959,"searchDepth":960,"depth":960,"links":961},"",2,[962,963,964,972,973,974],{"id":319,"depth":960,"text":320},{"id":329,"depth":960,"text":330},{"id":466,"depth":960,"text":467,"children":965},[966,968,969,970,971],{"id":474,"depth":967,"text":475},3,{"id":511,"depth":967,"text":512},{"id":532,"depth":967,"text":533},{"id":561,"depth":967,"text":562},{"id":576,"depth":967,"text":577},{"id":706,"depth":960,"text":707},{"id":801,"depth":960,"text":802},{"id":908,"depth":960,"text":909},"md",[977,980,983,986,989,992],{"question":978,"answer":979},"Can you use Asana for bug tracking?","Yes. Create a project where each bug is a task, use sections for the stages (reported, to fix, in progress, ready for review) and add custom fields for type, priority and browser details. It suits agencies and website projects well. Custom fields and forms need a paid plan, and teams that need code integration or release planning often prefer a dedicated tool such as Jira.",{"question":981,"answer":982},"How do you import a bug tracking template into Asana?","Create a new project with the + button, choose Import and select the CSV file. In the preview, check that Name, Description, Section\u002FColumn, Assignee and Due Date map to task fields and that the other columns become custom fields, which need a paid plan. On the free Personal plan, leave those extra columns out of the import.",{"question":984,"answer":985},"Can you annotate images directly in Asana?","Yes, with Asana Proofing: you open an image or PDF attached to a task, click a spot and leave feedback that becomes a subtask you can assign. As of October 2026, Proofing is part of the Advanced and Enterprise plans, not Personal or Starter, and someone still has to capture and upload the screenshot first.",{"question":987,"answer":988},"How do I email a screenshot into an Asana project?","Every Asana project has its own email address in the format x+projectID@mail.asana.com. Email the screenshot there: the subject becomes the task name, the body the description and the image is attached. You can only create tasks in projects you're a member of, unless the project and team are public, so clients usually can't use it directly.",{"question":990,"answer":991},"How do clients send website feedback to Asana without an Asana account?","Use an Asana form or a website feedback button. With GiveFeedback.io, the client clicks a button on the website, marks up a screenshot of the page and adds a description, and the report is created as a task in your chosen Asana project with the screenshot attached. The client needs no account in either tool.",{"question":993,"answer":994},"Is the GiveFeedback.io Asana integration free?","Yes. The Asana integration is included in the Free plan, which covers 5 projects and 50 feedback reports with no credit card. The Pro plan costs €19.95 a month, or €199.50 a year (two months free), for up to 100 projects, with the same integrations.",{"src":38,"card":39,"alt":262,"width":41,"height":42},{},true,{"title":258,"description":259},"Asana Bug Tracking: Free Template | GiveFeedback.io","blog\u002F1-way-to-get-annotated-screengrabs-into-asana",[264,265,266,221],"Asana bug tracking means running an Asana project as your bug list: one task per issue, sections for each stage and custom fields for type, priority and browser details. Import the free CSV template to start with that structure. To get annotated screenshots into the tasks, attach or paste them, email them to the project, collect them with an Asana form or mark them up with Proofing; for client website feedback, a feedback widget like GiveFeedback.io creates the tasks for you with the screenshot attached.","-gO79tX0V3yiesmnGMhHJ2IU0ZSNxkb82EV83fsYoU8",1793371018589]