Email gửi về từ Contact Form 7 mặc định trông rất đơn điệu và không chuyên nghiệp. Chỉ cần chút HTML và CSS là chúng ta sẽ thay đổi được vấn đề, bổ sung thêm logo, thông điệp và nội dung của form cho người nhận.
Dưới đây là một số mẫu TuongAds tổng hợp, các bạn có thể sử dụng vào form.
Mẫu 1
HTML & CSS
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 | <table cellpadding="0" cellspacing="0" align="center" width="100%" style="background-color:#f7f7f7; font-family:Arial, Helvetica, sans-serif"> <tr> <td valign="top"> <table cellpadding="0" cellspacing="0" width="100%" align="center" style="background:rgba(0,0,0,0.1);margin-top:20px;"> <tr> <td width="18"></td> <td width="95%" style="background-color:#ffffff; padding:15px" valign="top"> <table cellpadding="0" cellspacing="0" width="100%"> <tr> <td height="110" align="center" valign="top"><a href="[_site_url]"><img src='url-logo-cua-ban' /></a></td> </tr> <tr> <td style="background:#9acb51;color:#ffffff; font-size:18px; text-transform:capitalize; font-family:sans-serif; font-weight:bold; padding:10px;"> You got an email from your website! </td> </tr> <tr> <td> </td> </tr> <tr> <td style="color:#999999; font-weight:bold; font-size:16px;">Hey, hello and wake up!</td> </tr> <tr> <td style="color:#999999; font-size:16px; padding:15px 0px;">Something just happened!</td> </tr> <tr> <td style="color:#999999; font-size:16px;">You got a new lead from your website!</td> </tr> <tr> <td> </td> </tr> <tr><td valign="top" style="background-color:#f8f8f8; padding:5px"><table cellpadding="0" cellspacing="0" width="100%" style="background-color:#f1f1f1; color:#555555; font-size:14px; font-family:sans-serif;"> <tr><td width="40%" style="color:#999999; font-size:14px; font-weight:bold; font-family:sans-serif; border-right:2px solid #f8f8f8; border-bottom:2px solid #f8f8f8; text-transform:capitalize; padding:15px 10px">Customer Name</td><td style="color:#555555; font-size:14px; font-family:sans-serif; border-bottom:1px solid #f8f8f8; padding:15px 10px;">[customer-name]</td></tr> <tr><td width="40%" style="color:#999999; font-size:14px; font-weight:bold; font-family:sans-serif; border-right:2px solid #f8f8f8; border-bottom:2px solid #f8f8f8; text-transform:capitalize; padding:15px 10px">Company Name</td><td style="color:#555555; font-size:14px; font-family:sans-serif; border-bottom:1px solid #f8f8f8; padding:15px 10px;">[customer-company]</td></tr> <tr><td width="40%" style="color:#999999; font-size:14px; font-weight:bold; font-family:sans-serif; border-right:2px solid #f8f8f8; border-bottom:2px solid #f8f8f8; text-transform:capitalize; padding:15px 10px">Email</td><td style="color:#555555; font-size:14px; font-family:sans-serif; border-bottom:1px solid #f8f8f8; padding:15px 10px;">[customer-email]</td></tr> <tr><td width="40%" style="color:#999999; font-size:14px; font-weight:bold; font-family:sans-serif; border-right:2px solid #f8f8f8; border-bottom:2px solid #f8f8f8; text-transform:capitalize; padding:15px 10px">Service required</td><td style="color:#555555; font-size:14px; font-family:sans-serif; border-bottom:1px solid #f8f8f8; padding:15px 10px;">[service]</td></tr> <tr><td width="40%" style="color:#999999; font-size:14px; font-weight:bold; font-family:sans-serif; border-right:2px solid #f8f8f8; border-bottom:2px solid #f8f8f8; text-transform:capitalize; padding:15px 10px">Message</td><td style="color:#555555; font-size:14px; font-family:sans-serif; border-bottom:1px solid #f8f8f8; padding:15px 10px;">[customer-message]</td></tr> </table> </td> </tr> </table> <br><br><br><br> -------- <br> <p style="font-size:14px;">This e-mail was sent from the [_site_title] ([_site_url])</p> </td> </tr> </table> </td> </tr> </table> |
Nguồn: https://www.fatdogseo.com.au/
Bài viết cùng chủ đề:
Bài viết cùng chuyên mục: