Inboxes

Create an inbox to save and track emails. It's free!

+New inbox

<html dir="ltr" lang="en">
 <head>
  <title>
   The Completely Redesigned Android Widget — Now with Compact Mode
  </title>
  <meta charset="utf-8"/>
  <meta content="text/html charset=UTF-8" http-equiv="Content-Type"/>
  <meta content="width=device-width" name="viewport"/>
  <style type="text/css">
   /* CLIENT-SPECIFIC STYLES */
        #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
        .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
        .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
        body, table, td, a{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
        table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
        img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */

        /* iOS BLUE LINKS */
        
    .ios-links a {color:#E44232 !important; text-decoration: none !important;}


        /* RESET STYLES */
        body{margin:0; padding:0;}
        img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
        table{border-collapse:collapse !important;}
        body{height:100% !important; margin:0; padding:0; width:100% !important;}

        
    /* FONT SMOOTHING */
    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }


        /* MOBILE STYLES */
        @media screen and (max-width: 630px) {

            /* RESPONSIVE ELEMENTS */
            img[class="responsive-img"]{
              max-width: 100% !important;
              height: auto !important;
            }

            table[class="responsive-button"]{
              width: 100% !important;
            }

            table[class="responsive-table"]{
              width: 100% !important;
            }

            /* RESPONSIVE VISIBILITY */
            img[class="mobile-hide"]{
              display: none !important;
            }

            td[class="mobile-hide"]{
              display: none !important;
            }

            /* UTILITY CLASSES FOR ADJUSTING PADDING ON MOBILE */
            td[class="no-padding"]{
              padding: 0 !important;
            }

            /* COMPONENTS */
            
    /* HEADING A */
    td[class="heading-a-title"]{
      font-size: 23px !important;
    }

    td[class="heading-a-subtitle"]{
      font-size: 20px !important;
    }

        }
  </style>
 </head>
 <body style="margin: 0; padding: 0; ">
  <!-- PREHEADER TEXT -->
  <div style="display: none; font-size: 1px; color: #474747; line-height: 1px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; max-height: 0px; max-width: 0px; opacity:0; overflow:hidden;">
   Use Todoist from your home screen and catch up with more Android updates.
  </div>
  <!-- HEADER -->
  <table border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed;" width="100%">
   <tr>
    <td align="center" class="responsive-table" style="padding: 0 32px 12px;" width="570">
     <a style="color: #BDBDBD; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; line-height: 14px; text-decoration: none;">
      Display it in your browser.
     </a>
    </td>
   </tr>
  </table>
  <table border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed;" width="100%">
   <tr>
    <td align="center" style="padding: 0;">
     <table border="0" cellpadding="0" cellspacing="0" class="responsive-table" width="570">
      <tr>
       <td bgcolor="#ffffff" colspan="2" style="padding: 32px 0 0 0;">
       </td>
      </tr>
      <tr>
       <td align="left" bgcolor="#ffffff" style="padding: 0 0 32px 0; padding-left: 8px; " width="300">
        <a target="_blank">
         <img alt="Todoist" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3ptyyxy2at9ui.cloudfront.net%252F522758c4fe8b0643d5015652724300e7.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM3B0eXl4eTJhdCJ9:1kXMpR:1hNpkJm84ESqcRLgZa1KKRdNpXal5yO_92cFNKXW8FM" style="height: auto; display: block; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #666666; font-size: 16px; max-width: 100%;" width="138"/>
        </a>
       </td>
      </tr>
     </table>
    </td>
   </tr>
  </table>
  <!-- GRID CONTAINER -->
  <table border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed;" width="100%">
   <tr>
    <td align="center" style="padding: 0;">
     <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="responsive-table" width="570">
      <!-- GRID ROW -->
      <tr>
       <td style="padding: 0 8px 0 8px;">
        <!-- GRID CELL -->
        <table align="center" border="0" cellpadding="0" cellspacing="0" class="responsive-table" width="100%">
         <tr>
          <td>
           <!-- GRID CELL INNER -->
           <table border="0" cellpadding="0" cellspacing="0" width="100%">
            <!-- CONTENT -->
            <tr>
             <!-- IMAGE -->
             <td align="center" style="padding-bottom: 32px">
              <a target="_blank">
               <div class="responsive-img" style="max-width: 600px">
                <img alt="" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3ptyyxy2at9ui.cloudfront.net%252Fbanner-d40a52.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM3B0eXl4eTJhdCJ9:1kXMpR:1hNpkJm84ESqcRLgZa1KKRdNpXal5yO_92cFNKXW8FM" style="height: auto; display: block; color: #666666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px;" width="100%"/>
               </div>
              </a>
             </td>
            </tr>
            <tr>
             <!-- PARAGRAPH -->
             <td align="left" style="padding-bottom: 25px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px">
              Hi James,
              <br/>
              <br/>
              Today we’re launching a redesigned widget that gives you full control of your task list right from your Android’s home screen.
             </td>
            </tr>
            <tr>
             <!-- PARAGRAPH -->
             <td align="left" style="padding-bottom: 48px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px">
              Learn more below — and scroll to the end for even more time-saving updates:
             </td>
            </tr>
            <tr>
             <!-- HEADING -->
             <td align="left" style="padding-bottom: 0px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 500 ; line-height: 28px">
              Handle your tasks with a better looking, more powerful widget
             </td>
            </tr>
            <tr>
             <!-- IMAGE -->
             <td align="center" style="padding-bottom: 16px">
              <div class="responsive-img" style="max-width: 600px">
               <img alt="" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3ptyyxy2at9ui.cloudfront.net%252Fandroid-1-f48379.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM3B0eXl4eTJhdCJ9:1kXMpR:1hNpkJm84ESqcRLgZa1KKRdNpXal5yO_92cFNKXW8FM" style="height: auto; display: block; color: #666666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px;" width="100%"/>
              </div>
             </td>
            </tr>
            <tr>
             <!-- PARAGRAPH -->
             <td align="left" style="padding-bottom: 16px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px">
              Your new redesigned-from-head-to-toe widget gives you complete access to your tasks and projects in seconds.
             </td>
            </tr>
            <tr>
             <!-- PARAGRAPH -->
             <td align="left" style="padding-bottom: 16px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px">
              👆
              <b>
               Manage your tasks with a tap:
              </b>
              Add and complete tasks right from the widget. Edit a task by simply tapping it — you’ll open task view and can update the details there.
             </td>
            </tr>
            <tr>
             <!-- PARAGRAPH -->
             <td align="left" style="padding-bottom: 16px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px">
              ✅
              <b>
               See any task list:
              </b>
              Tap the drop-down in the top left to select any view like Today or a specific project, filter, or label.
             </td>
            </tr>
            <tr>
             <!-- IMAGE -->
             <td align="center" style="padding-bottom: 16px">
              <div class="responsive-img" style="max-width: 600px">
               <img alt="" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3ptyyxy2at9ui.cloudfront.net%252Fandroid-2-33adc1.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM3B0eXl4eTJhdCJ9:1kXMpR:1hNpkJm84ESqcRLgZa1KKRdNpXal5yO_92cFNKXW8FM" style="height: auto; display: block; color: #666666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px;" width="100%"/>
              </div>
             </td>
            </tr>
            <tr>
             <!-- PARAGRAPH -->
             <td align="left" style="padding-bottom: 16px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px">
              📱
              <b>
               See more with compact mode:
              </b>
              Have a lot on your plate? With the new compact mode, you’ll be able to see even more tasks at once.
             </td>
            </tr>
            <tr>
             <!-- PARAGRAPH -->
             <td align="left" style="padding-bottom: 16px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px">
              ✨
              <b>
               Themes and transparency:
              </b>
              Give your widget a custom look by choosing a theme from Todoist red to Sunflower yellow and more. Coordinate with your wallpaper by changing the opacity from fully opaque to fully transparent.
             </td>
            </tr>
            <tr>
             <!-- PARAGRAPH -->
             <td align="left" style="padding-bottom: 16px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px">
              To set up your widget in seconds, long press an empty space on your home screen, select
              <b>
               Widget
              </b>
              , then drag and drop the
              <b>
               Todoist task view
              </b>
              widget wherever you want it.
             </td>
            </tr>
            <tr>
             <!-- PARAGRAPH -->
             <td align="left" style="padding-bottom: 16px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px">
              <b>
               <a style="color: #316FEA; text-decoration: underline;">
                Learn more about how to use the widget on our blog.
               </a>
              </b>
             </td>
            </tr>
            <tr>
             <!-- PARAGRAPH -->
             <td align="left" style="padding-bottom: 8px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px">
              <i>
               Bonus: For a super coordinated style, our designer Alex Muench has created some
               <a style="color: #316FEA; text-decoration: underline;">
                beautiful Android wallpapers that go perfectly with the widget
               </a>
               .
              </i>
             </td>
            </tr>
            <tr>
             <td class="spacer-a" style="padding-bottom: 40px; text-align: center; padding-top: 40px">
              <img alt="• • •" border="0" height="4" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3ptyyxy2at9ui.cloudfront.net%252Fseparator-dots-12baf8.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM3B0eXl4eTJhdCJ9:1kXMpR:1hNpkJm84ESqcRLgZa1KKRdNpXal5yO_92cFNKXW8FM" style="height: 4px; display: inline; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #666666; font-size: 10px;" width="44"/>
             </td>
            </tr>
            <tr>
             <!-- HEADING -->
             <td align="left" style="padding-bottom: 0px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 500 ; line-height: 28px">
              What’s new with Todoist for Android
             </td>
            </tr>
            <tr>
             <!-- PARAGRAPH -->
             <td align="left" style="padding-bottom: 16px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px">
              Over the last few months, we’ve added a handful of Android updates to help you save time and stay organized:
             </td>
            </tr>
            <tr>
             <!-- IMAGE -->
             <td align="center" style="padding-bottom: 16px">
              <div class="responsive-img" style="max-width: 600px">
               <img alt="" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3ptyyxy2at9ui.cloudfront.net%252Fandroid-3-2cff5d.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM3B0eXl4eTJhdCJ9:1kXMpR:1hNpkJm84ESqcRLgZa1KKRdNpXal5yO_92cFNKXW8FM" style="height: auto; display: block; color: #666666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px;" width="100%"/>
              </div>
             </td>
            </tr>
            <tr>
             <!-- PARAGRAPH -->
             <td align="left" style="padding-bottom: 16px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px">
              ➕ You can add a task, sub-task or section wherever you want by
              <a style="color: #316FEA; text-decoration: underline;">
               dragging the add button
              </a>
              .
             </td>
            </tr>
            <tr>
             <!-- PARAGRAPH -->
             <td align="left" style="padding-bottom: 16px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px">
              👇 To rearrange your sub-tasks in Task View, just
              <a style="color: #316FEA; text-decoration: underline;">
               drag and drop
              </a>
              .
             </td>
            </tr>
            <tr>
             <!-- PARAGRAPH -->
             <td align="left" style="padding-bottom: 16px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px">
              ⚫ When your Android device turns to dark theme, Todoist
              <a style="color: #316FEA; text-decoration: underline;">
               switches to Dark theme, too
              </a>
              .
             </td>
            </tr>
            <tr>
             <!-- PARAGRAPH -->
             <td align="left" style="padding-bottom: 16px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px">
              ⌚ On
              <a style="color: #316FEA; text-decoration: underline;">
               Todoist for WearOS
              </a>
              , you can scroll through task lists with rotary input.
             </td>
            </tr>
            <tr>
             <!-- PARAGRAPH -->
             <td align="left" style="padding-bottom: 16px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px">
              📧 Turn an email into a task by tapping the
              <a style="color: #316FEA; text-decoration: underline;">
               Todoist icon at the bottom of Gmail
              </a>
              .
             </td>
            </tr>
            <tr>
             <!-- PARAGRAPH -->
             <td align="left" style="padding-bottom: 8px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px">
              📅 To align your schedule,
              <a style="color: #316FEA; text-decoration: underline;">
               sync multiple Todoist projects to multiple Google calendars
              </a>
              .
             </td>
            </tr>
            <tr>
             <td class="spacer-a" style="padding-bottom: 40px; text-align: center; padding-top: 40px">
              <img alt="• • •" border="0" height="4" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3ptyyxy2at9ui.cloudfront.net%252Fseparator-dots-12baf8.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM3B0eXl4eTJhdCJ9:1kXMpR:1hNpkJm84ESqcRLgZa1KKRdNpXal5yO_92cFNKXW8FM" style="height: 4px; display: inline; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #666666; font-size: 10px;" width="44"/>
             </td>
            </tr>
            <tr>
             <!-- PARAGRAPH -->
             <td align="left" style="padding-bottom: 16px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px">
              <b>
               More ways to stay organized...
              </b>
             </td>
            </tr>
            <tr>
             <!-- LIST -->
             <td align="left" style="padding-bottom: 15px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px">
              <ul style="list-style-type:circle; margin: 0; padding: 0 0 0 30px">
               <li style="padding-bottom: 16px">
                Learn everything you can do with Todoist in the
                <a style="color: #316FEA; text-decoration: underline;">
                 Ultimate Guide to Todoist
                </a>
                .
               </li>
               <li style="padding-bottom: 16px">
                Take control of your projects with the
                <a style="color: #316FEA; text-decoration: underline;">
                 Quick(ish) Guide to Completing a Project in Todoist
                </a>
                .
               </li>
               <li style="padding-bottom: 16px">
                Catch up with the powerful time-saving updates from our
                <a style="color: #316FEA; text-decoration: underline;">
                 Todoist Foundations
                </a>
                update.
               </li>
              </ul>
             </td>
            </tr>
            <tr>
             <!-- PARAGRAPH -->
             <td align="left" style="padding-bottom: 16px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px">
              We hope the new Android widget and accompanying updates will help you manage your tasks — and time — more easily. Share your new looks and workflows with us on Twitter
              <a style="color: #316FEA; text-decoration: underline;">
               @todoist
              </a>
              or Instagram
              <a style="color: #316FEA; text-decoration: underline;">
               @todoistofficial
              </a>
              .
             </td>
            </tr>
            <tr>
             <!-- SPACER A -->
             <td class="spacer-a" style="padding-bottom: 25px">
             </td>
            </tr>
            <tr>
             <!-- PARAGRAPH -->
             <td align="left" style="padding-bottom: 16px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px">
              All the best,
              <br/>
              The Todoist Team
             </td>
            </tr>
            <tr>
             <!-- SPACER A -->
             <td class="spacer-a" style="padding-bottom: 25px">
             </td>
            </tr>
            <tr>
             <!-- SPACER A -->
             <td class="spacer-a" style="padding-bottom: 25px">
             </td>
            </tr>
           </table>
          </td>
         </tr>
        </table>
       </td>
      </tr>
     </table>
    </td>
   </tr>
  </table>
  <!-- FOOTER -->
  <table border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed;" width="100%">
   <tr>
    <td align="center" class="responsive-table" style="padding: 0 32px 12px;" width="570">
     <div align="center" style="padding-bottom: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 24px; color: #949494">
      <a style="color: #999999; text-decoration:none; border-right: 1px solid #9A9A9A; padding-right: 10px;">
       Blog
      </a>
      <a style="color: #999999; text-decoration:none; border-right: 1px solid #9A9A9A; padding: 0 10px;">
       Twitter
      </a>
      <a style="color: #999999; text-decoration:none; border-right: 1px solid #9A9A9A; padding: 0 10px;">
       Facebook
      </a>
      <a style="color: #999999; text-decoration: none; padding-left: 10px;">
       Help Center
      </a>
     </div>
    </td>
   </tr>
  </table>
  <table cellpadding="0" cellspacing="0" class="contenttable" style="margin-top: 47px; line-height:22px; font-size: 12px; font-family:'Helvetica Neue',helvetica,sans-serif; color: #999; width: 100%;">
   <tr>
    <td>
    </td>
    <td style="border-top-style:solid; border-top-width:1px; border-top-color:#bbb; width: 640px; text-align: center; padding-top: 8px; padding-bottom: 8px;">
     If you no longer wish to receive Todoist emails,
     <a style="color: #999">
      click here to unsubscribe
     </a>
     .
    </td>
    <td>
    </td>
   </tr>
  </table>
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fem.todoist.net%252Fwf%252Fopen%253Fupn%253DqAaAZJY-2Bx82CL6VYupKBb3ulM3mt70QSPCkEh5aLhxmrmDQ9ydrUsKRWr55hRB46KfvTR55eHbav7pcCC8yb1AIxsM12G2eSm-2FfH8S9Xnb5sCUbctJd8CJQ9yc7z-2F4gSMDmf4c-2Fu8nymL1okdtIjMZOnD1ekMFIST-2FEih6VJdSr9ffcOrlBZike3Bqo2qPBrasB8iRaQTshR71cN4UOT8bCHwCNWQZh6sJzjfcm1UeB5IrTmNgz3FFQLL-2FSFrzrVct3-2FM6NM7jJcmXdm98Av9w-3D-3D/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbS50b2RvaXN0LiJ9:1kXMpR:t5qPnNIGTTMsmU--jLDjiWgCkyAI_Vk-W57gU61SxWY" style="height:1px !important;width:1px !important;border-width:0 !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;" width="1"/>
 </body>
</html>