Canva email 2

This email is a payment failure notification from Canva addressed to a user with a Canva Pro subscription. It clearly informs the recipient that their recent payment could not be processed due to card issues, advises them to update their payment method, and warns about subscription cancellation if payment is not made by a specific date. The email is structured with a direct, urgent tone, includes clear calls to action with links to update payment details and find payment-related support, and reassures the user that it is a transactional, non-promotional message.

Subject:

Action required - please update your payment details

Date sent:

January 14, 2024

from

Canva

<!doctype html> <html lang='en' xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" dir='ltr'> <head> <title>Action required - please update your payment details</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style type="text/css"> #outlook a{padding: 0;} .ReadMsgBody{width: 100%;} .ExternalClass{width: 100%;} .ExternalClass *{line-height: 100%;} body{margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} table, td{border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;} img{border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic;} p{display: block; margin: 13px 0;} </style>   <style type="text/css"> @media only screen and (max-width: 480px) { .dys-desktop { display: none !important; } div.dys-mobile { display: block !important; } tr.dys-mobile { display: table-row !important; } } </style> <style type="text/css"> @media only screen and (max-width:480px) { table.full-width-mobile { width: 100% !important; } td.full-width-mobile { width: auto !important; } } @media only screen and (min-width:480px) { .dys-column-per-100 { width: 100.000000% !important; max-width: 100.000000%; } .dys-column-px-96 { width: 96px !important; max-width: 96px; } .dys-column-px-16 { width: 16px !important; max-width: 16px; } .dys-column-px-392 { width: 392px !important; max-width: 392px; } } u + #body a {color: #7d2ae8;text-decoration: underline;font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } a {color: #7d2ae8;text-decoration: underline;} html { font-size: 100%; -webkit-text-size-adjust: 100%; font-variant-ligatures: none; -webkit-font-variant-ligatures: none; text-rendering: optimizeLegibility; text-shadow: rgba(0, 0, 0, .01) 0 0 1px; font-family: Open Sans, Helvetica, Arial, sans serif; margin:0 !important; } body { margin: 0 !important; } [dir=rtl] .bullet { background-position: 100% 0; padding-left: 0; padding-right: 32px; text-align: end; } amp-img.contain img { object-fit: contain; } .submit-button { background: #7d2ae8; color: #ffffff; } .submit-button:disabled { background: rgba(57, 76, 96, 0.15); cursor: not-allowed; color: rgba(17, 23, 29, 0.6); } form.amp-form-submit-success .hide-on-success { display: none } form.amp-form-submit-error .hide-on-error { display: none } button[disabled] { background: rgba(14, 19, 24, 0.15); color: rgba(14, 19, 24, 0.45) } button { background: #7d2ae8; color: #ffffff } .hide { display: none } .show { display: block } .inline > table { display: inline !important; } div.inline { display: inline !important; } .show-for-large { display: block } .hide-for-large { display: none } .wrapper { background-color: #edf0f2; } .wrapper-padding { padding: 0 48px } .wrapper-margin { width: 48px } .wrapper-typography { padding: 12px 48px } .footer-container { padding: 48px 48px 56px 48px !important; background-color: red} .header-bottom { height: 36px } .card-image { width: 38.8% } .card-content { width: 61.2% } .grid-cta { background: #F8F9F9; border-radius: 4px; border: 1px solid #E8E9E9} .word-break, word-break > div { word-break: break-all } .device-image-container table { margin: auto } .grid-cta-button { border: 1px solid #EDF0F2; border-radius: 4px } @media only screen and (max-width:480px) { .wrapper-background { border: none !important; border-radius: 0 !important } .columns-stacked-mobile {} .columns-stacked-mobile .column-left { width: 100% !important; display: inline-block !important; } .columns-stacked-mobile .column-right { display: inline-block !important; width: 100% !important } .columns-stacked-mobile .gutter { display: inline-block; width: 100% !important; height: 16px !important } .card-horizontal .card-image { width: 30% } .card-horizontal .card-content { width: 70% } .card-contained .card-image { display: table-footer-group !important; width: 100% !important} .card-contained .card-content { display: table-caption; width: 100% !important } .card-template-stacked .card-image { width: calc(100% - 32px) !important; display: table-caption !important; } .card-template-stacked .card-content { display: table-footer-group !important; width: 100% !important; } .card-template-stacked .gutter { display: none !important; } .card-template-stacked .card-content > p { margin-top: 16px !important; } .card-horizontal-stacked { display: inline-block !important; width: 100% !important } .card-horizontal-stacked .card-content { display: inline-block !important; width: 100% !important; } .card-horizontal-stacked .card-image { display: inline-block !important; width: 100% !important; } .card-horizontal-stacked .gutter { display: inline-block; width: 100% !important; height: 16px !important } .stack-on-mobile {} .column-left { display: table-caption; width:100% !important; max-width: 100% !important; padding: 0 !important } .column-right { display: table-footer-group; max-width: 100% !important; width:100% !important; padding: 0 !important } .center-on-mobile { text-align:center !important } } @media only screen and (max-width:648px) { .wrapper { background-color: #fff; } .header-top-padding { border-radius: 0 !important } .header-top-padding td { height: 24px !important; line-height: 24px } .show-for-large { display: none !important } .hide-for-large { display: block !important } .wrapper-padding { padding: 0 24px !important } .wrapper-margin { width: 24px !important } .footer-container {padding: 48px 24px 56px 24px !important; background-color:green} .header-bottom { height: 12px; line-height: 12px } .wrapper-typography { padding: 12px 24px !important } .border-radius-for-large, .border-radius-for-large img { border-radius: 0 !important } .spacing-for-large { height: 1px !important; line-height: 0 !important } .image_grid .col { width: 47% } .full-image-block-spacing { height: 24px !important} .card-horizontal-image > table > tbody > tr > td { padding: 0px 24px 12px 24px !important } .card-horizontal-content > table > tbody > tr > td { padding: 12px 24px 0 24px !important } .header-left { display: table-footer-group !important; width: 320px !important } .header-right { width: 320px !important; display: table-caption !important; text-align: left !important; }} </style> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'><style type='text/css'>@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);</style> </head> <body id="body" style="background-color: #FFFFFF;"><span style="width:0;opacity:0;max-height:0;mso-hide:all;overflow:hidden;float:left;display:none !important;">Payment failed because of a problem with your card</span><span style="display: none; max-height: 0px; overflow: hidden;"> ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏                                                                                                      </span><div style="background-color: #FFFFFF;"> <div class='wrapper' style='margin:0px auto;max-width:600px;'><table align='center' border='0' cellpadding='0' cellspacing='0' role='presentation' style='width:100%;'><tbody><tr><td style='direction:ltr;font-size:0px;padding:0;text-align:center;vertical-align:top;'><div class='dys-column-per-100 outlook-group-fix' style='direction:ltr;display:inline-block;font-size:13px;text-align:left;vertical-align:top;width:100%;'><table border='0' cellpadding='0' cellspacing='0' role='presentation' width='100%'><tbody><tr><td style='padding:0;vertical-align:top;'><table border='0' cellpadding='0' cellspacing='0' role='presentation' style='' width='100%'> <tr><td align='left' style='font-size:0px;padding:0;word-break:break-word;'><table border='0' cellpadding='0' cellspacing='0' style='color:#000000;font-family:Helvetica, Arial, sans-serif;font-size:13px;line-height:22px;table-layout:auto;width:100%;' width='100%'> <tr> <td> <table cellpadding='0' cellspacing='0' class='header-top-padding' role='presentation' style='background: #ffffff; width: 100%'> <tr> <td height='36'> </td> </tr> </table> </td> </tr> </table></td></tr> </table></td></tr></tbody></table></div></td></tr></tbody></table></div> <div style='background-color:#ffffff;margin:0px auto;max-width:600px;'><table align='center' border='0' cellpadding='0' cellspacing='0' role='presentation' style='background-color:#ffffff;width:100%;'><tbody><tr><td style='direction:ltr;font-size:0px;padding:0;padding-bottom:12px;padding-top:12px;text-align:center;vertical-align:top;'><div class='dys-column-per-100 outlook-group-fix' style='direction:ltr;display:inline-block;font-size:13px;text-align:left;vertical-align:top;width:100%;'><table border='0' cellpadding='0' cellspacing='0' role='presentation' width='100%'><tbody><tr><td style='padding:0;vertical-align:top;'><table border='0' cellpadding='0' cellspacing='0' role='presentation' style='' width='100%'> <tr><td align='left' style='font-size:0px;padding:0;word-break:break-word;'><table border='0' cellpadding='0' cellspacing='0' style='color:#000000;font-family:Helvetica, Arial, sans-serif;font-size:13px;line-height:22px;table-layout:auto;width:100%;' width='100%'> <tr> <th class='wrapper-margin' width='48'> </th> <th> <h2 style='font-family: Open Sans, Helvetica, Arial, sans serif; font-size: 24px; font-weight: 700; line-height: 130%; color: #0E1318; letter-spacing: -0.3px; margin: 0 0 16px; text-align: left; text-align: start'>Payment failed</h2> <p style='color: #565a5d; font-family: Open Sans, Helvetica, Arial, sans serif; font-weight: 400; line-height: 160%; font-size: 14px; margin: 0; text-align: left; text-align: start'>We couldn't process the most recent payment for your Canva Pro account. This might be because your card has expired or your account doesn't have enough funds.<br/><br/>Take a few moments to check if the payment details we have saved is still the best method for you. If you continue to experience issues, try adding a different payment method or try checking with your bank.<br/><br/>If we're unable to process payment by 30/01/2024, your subscription will be cancelled and you'll lose all the great features of Canva Pro.</p> </th> <th class='wrapper-margin' width='48'> </th> </tr> </table></td></tr> </table></td></tr></tbody></table></div></td></tr></tbody></table></div> <div style='background-color:#ffffff;margin:0px auto;max-width:600px;'><table align='center' border='0' cellpadding='0' cellspacing='0' role='presentation' style='background-color:#ffffff;width:100%;'><tbody><tr><td style='direction:ltr;font-size:0px;padding:0;padding-bottom:12px;padding-top:12px;text-align:center;vertical-align:top;'><div class='dys-column-per-100 outlook-group-fix' style='direction:ltr;display:inline-block;font-size:13px;text-align:left;vertical-align:top;width:100%;'><table border='0' cellpadding='0' cellspacing='0' role='presentation' width='100%'><tbody><tr><td style='padding:0;vertical-align:top;'><table border='0' cellpadding='0' cellspacing='0' role='presentation' style='' width='100%'> <tr><td align='left' style='font-size:0px;padding:0;word-break:break-word;'><table border='0' cellpadding='0' cellspacing='0' style='color:#000000;font-family:Helvetica, Arial, sans-serif;font-size:13px;line-height:22px;table-layout:auto;width:100%;' width='100%'> <tr> <th class='wrapper-margin' width='48px'> </th> <th style='text-align: left; text-align: start'> <a href='https://track.canva.com/CL0/https:%2F%2Fwww.canva.com%2Flogin%2Fswitch%3Fbrand=BAFyv6ZZW8Q%26redirect=%252Faccount%252Fbilling/1/0100018d0889dbd7-93a0ad71-6e12-4a87-b00b-6f78f7618778-000000/0F0DseTMAS-CWpmFGHn-2t1B6JdMNdO2LiCbxw7Tei8=335' style='background:#7d2ae8;border-radius:4px;color:#ffffff;display:inline-block;font-family:Open Sans, Helvetica, Arial, sans serif;font-size:14px;font-weight:600;line-height:160%;margin:0;mso-padding-alt:0px;padding:9px 16px;text-decoration:none;text-transform:none;' target='_blank'><span style='color:#ffffff;text-decoration:none;'>Update payment details</span></a> </th> <th class='wrapper-margin' width='48px'> </th> </tr> </table></td></tr> </table></td></tr></tbody></table></div></td></tr></tbody></table></div> <div style='margin:0px auto;max-width:600px;'><table align='center' border='0' cellpadding='0' cellspacing='0' role='presentation' style='width:100%;'><tbody><tr><td style='direction:ltr;font-size:0px;padding:0;text-align:center;vertical-align:top;'><div class='dys-column-per-100 outlook-group-fix' style='direction:ltr;display:inline-block;font-size:13px;text-align:left;vertical-align:top;width:100%;'><table border='0' cellpadding='0' cellspacing='0' role='presentation' width='100%'><tbody><tr><td style='background-color:#fff;padding:0;vertical-align:top;'><table border='0' cellpadding='0' cellspacing='0' role='presentation' style='' width='100%'> <tr><td align='left' style='font-size:0px;padding:0;word-break:break-word;'><table border='0' cellpadding='0' cellspacing='0' style='color:#000000;font-family:Helvetica, Arial, sans-serif;font-size:13px;line-height:22px;table-layout:auto;width:100%;' width='100%'> <tr> <th height='24' style='line-height: 0'></th> </tr> </table></td></tr> </table></td></tr></tbody></table></div></td></tr></tbody></table></div> <div style='background-color:#ffffff;margin:0px auto;max-width:600px;'><table align='center' border='0' cellpadding='0' cellspacing='0' role='presentation' style='background-color:#ffffff;width:100%;'><tbody><tr><td style='direction:ltr;font-size:0px;padding:0;padding-bottom:12px;padding-top:12px;text-align:center;vertical-align:top;'><div class='dys-column-per-100 outlook-group-fix' style='direction:ltr;display:inline-block;font-size:13px;text-align:left;vertical-align:top;width:100%;'><table border='0' cellpadding='0' cellspacing='0' role='presentation' width='100%'><tbody><tr><td style='padding:0;vertical-align:top;'><table border='0' cellpadding='0' cellspacing='0' role='presentation' style='' width='100%'> <tr><td align='left' class='wrapper-typography title' style='font-size:0px;padding:0;padding-bottom:8px;padding-left:48px;padding-right:48px;padding-top:0;word-break:break-word;'><div style='color:#0E1318;font-family:Open Sans, Helvetica, Arial, sans serif;font-size:20px;font-weight:700;letter-spacing:-0.3px;line-height:130%;text-align:left;'><p style='margin-top:0;margin-bottom:0;'>Questions about payments?</p></div></td></tr> <tr><td align='left' class='wrapper-typography text' style='font-size:0px;padding:0;padding-bottom:0;padding-left:48px;padding-right:48px;padding-top:8px;word-break:break-word;'><div style='color:#565a5d;font-family:Open Sans, Helvetica, Arial, sans serif;font-size:14px;line-height:160%;text-align:left;'><p style='margin-top:0;margin-bottom:0;'>Visit <a href="https://track.canva.com/CL0/https:%2F%2Fwww.canva.com%2Fhelp%2Fpayments-pricing-and-billing/1/0100018d0889dbd7-93a0ad71-6e12-4a87-b00b-6f78f7618778-000000/gIUYuGeUWoU6P0P8q-CbQ5dlXzNOpS4gzt-jhNcIcbo=335">Payments, pricing and billing</a> in our Help Centre.</p></div></td></tr> </table></td></tr></tbody></table></div></td></tr></tbody></table></div> <div style='margin:0px auto;max-width:600px;'><table align='center' border='0' cellpadding='0' cellspacing='0' role='presentation' style='width:100%;'><tbody><tr><td style='direction:ltr;font-size:0px;padding:0;text-align:center;vertical-align:top;'><div class='dys-column-per-100 outlook-group-fix' style='direction:ltr;display:inline-block;font-size:13px;text-align:left;vertical-align:top;width:100%;'><table border='0' cellpadding='0' cellspacing='0' role='presentation' width='100%'><tbody><tr><td style='background-color:#fff;padding:0;vertical-align:top;'><table border='0' cellpadding='0' cellspacing='0' role='presentation' style='' width='100%'> <tr><td align='left' style='font-size:0px;padding:0;word-break:break-word;'><table border='0' cellpadding='0' cellspacing='0' style='color:#000000;font-family:Helvetica, Arial, sans-serif;font-size:13px;line-height:22px;table-layout:auto;width:100%;' width='100%'> <tr> <th height='24' style='line-height: 0'></th> </tr> </table></td></tr> </table></td></tr></tbody></table></div></td></tr></tbody></table></div> <div style='margin:0px auto;max-width:600px;'><table align='center' border='0' cellpadding='0' cellspacing='0' role='presentation' style='width:100%;'><tbody><tr><td style='direction:ltr;font-size:0px;padding:0;text-align:center;vertical-align:top;'><div class='dys-column-per-100 outlook-group-fix' style='direction:ltr;display:inline-block;font-size:13px;text-align:left;vertical-align:top;width:100%;'><table border='0' cellpadding='0' cellspacing='0' role='presentation' width='100%'><tbody><tr><td style='padding:0;vertical-align:top;'><table border='0' cellpadding='0' cellspacing='0' role='presentation' style='' width='100%'> <tr><td align='left' style='font-size:0px;padding:0;word-break:break-word;'><table border='0' cellpadding='0' cellspacing='0' style='color:#000000;font-family:Helvetica, Arial, sans-serif;font-size:13px;line-height:22px;table-layout:auto;width:100%;' width='100%'> <tr> <th class='wrapper-margin' width='48'> </th> <th> <table border='0' cellpadding='0' cellspacing='0' style='color:#000000;font-family:Helvetica, Arial, sans-serif;font-size:13px;line-height:22px;table-layout:auto;width:100%;' width='100%'> <tr> <td style='border-bottom: 1px solid #E1E4E7; height: 24px'>   </td> </tr> <tr> <td style='height: 24px'> </td> </tr> <tr> <td class='center-on-mobile' style='color:#56595C;font-family:Open Sans, Helvetica, Arial, sans serif;font-size:14px;font-weight:400;line-height:160%;text-align:left;text-align:start;'> <span>You’re receiving this email because you have a Canva account. This email is not a marketing or promotional email. That is why this email does not contain an unsubscribe link. You will receive this email even if you have unsubscribed from Canva’s marketing emails.</span> </td> </tr> <tr> <td style='height: 32px'> </td> </tr> <tr> <td> <div style='margin:0px auto;max-width:600px;'><table align='center' border='0' cellpadding='0' cellspacing='0' role='presentation' style='width:100%;'><tbody><tr><td style='direction:ltr;font-size:0px;padding:0;text-align:center;vertical-align:top;'><div class='dys-column-px-96 outlook-group-fix center-on-mobile' style='direction:ltr;display:inline-block;font-size:13px;text-align:left;vertical-align:middle;width:100%;'><table border='0' cellpadding='0' cellspacing='0' role='presentation' width='100%'><tbody><tr><td style='padding:0;vertical-align:middle;'><table border='0' cellpadding='0' cellspacing='0' role='presentation' style='' width='100%'> <tr><td align='center' style='font-size:0px;padding:0;word-break:break-word;'><table border='0' cellpadding='0' cellspacing='0' role='presentation' style='border-collapse:collapse;border-spacing:0px;'><tbody><tr><td style='width:96px;'><img alt='Canva' height='auto' src='https://cdn-web-assets.dyspatch.io/org_01dkczrvg1vfk07fv6g3p7qf09%2FPqa6k05TSjuUVfwK3qln_Email%20(Txn)%20footer%20Canva%20type%20logo.png' style='border:none;display:block;font-size:13px;height:auto;outline:none;text-decoration:none;width:100%;' width='96' /></td></tr></tbody></table></td></tr> </table></td></tr></tbody></table></div><div class='dys-column-px-16 outlook-group-fix' style='direction:ltr;display:inline-block;font-size:13px;text-align:left;vertical-align:top;width:100%;'><table border='0' cellpadding='0' cellspacing='0' role='presentation' style='vertical-align:top;' width='100%'> </table></div><div class='dys-column-px-392 outlook-group-fix' style='direction:ltr;display:inline-block;font-size:13px;text-align:left;vertical-align:middle;width:100%;'><table border='0' cellpadding='0' cellspacing='0' role='presentation' style='vertical-align:middle;' width='100%'> <tr><td align='left' style='font-size:0px;padding:0;word-break:break-word;'><table border='0' cellpadding='0' cellspacing='0' style='color:#000000;font-family:Helvetica, Arial, sans-serif;font-size:13px;line-height:22px;table-layout:auto;width:100%;' width='100%'> <tr> <td class='center-on-mobile inline' style='color: #56595C; font-family: Open Sans, Helvetica, Arial, sans serif; font-size: 14px; font-weight: 400; line-height: 160%; text-align:left; text-align: start; vertical-align: middle'> <span>Made for you with</span> <img alt='love' class='inline' height='16px' padding='0' src='https://cdn-web-assets.dyspatch.io/org_01dkczrvg1vfk07fv6g3p7qf09%2FUwqxx1yxQeiYHluMpu41_Email%20(Txn)%20footer%20heart.png' style='display: inline;' width='15px' /> <span>from</span> Canva<br />Canva®, <span>110 Kippax St, NSW 2010, Australia</span><br /><span>ABN 80 158 929 938 | <a href='https://track.canva.com/CL0/https:%2F%2Fwww.canva.com%2Fpolicies%2Fprivacy-policy%2F/1/0100018d0889dbd7-93a0ad71-6e12-4a87-b00b-6f78f7618778-000000/HRMvJKMc8yNsEvxJN1FNce1Auv1HOXRxTj_b7bRbRqk=335' localisable-fields='content' style='color:#7d2ae8;text-decoration:underline;'><span style='color:#7d2ae8;text-decoration:underline;'>Privacy Policy</span></a></span> </td> </tr> </table></td></tr> </table></div></td></tr></tbody></table></div> </td> </tr> </table> </th> <th class='wrapper-margin' width='48'> </th> </tr> <tr> <td height='48'> </td> </tr> </table></td></tr> </table></td></tr></tbody></table></div></td></tr></tbody></table></div> </div><img alt="" src="http://track.canva.com/CI0/0100018d0889dbd7-93a0ad71-6e12-4a87-b00b-6f78f7618778-000000/WMv1-Vcin4EiSwrESSSdVRAsSUVYICu5M334l54WA04=335" style="display: none; width: 1px; height: 1px;"> </body> </html>