Hướng dẫn how to turn on html in gmail - cách bật html trong gmail

You can display Gmail on your browser in "Standard view" or "Basic HTML view." Depending on whether your browser works with Gmail, you might see one view or the other.

Nội dung chính Show

Standard view
Basic HTML view
Switch views
Tại sao lại nhập HTML vào Gmail, không có tác dụng
Cách gửi email HTML với gmail
Tùy chọn 1: Sao chép/Dán HTML được kết xuất vào cửa sổ Gmail Compose
Tạo và gửi email HTML của bạn trong Gmail
Tùy chọn 2: Dán mã HTML vào Gmail bằng công cụ phát triển Chrome,
Tùy chọn 3: Sử dụng tiện ích mở rộng Chrome để gửi email HTML trong Gmail

Standard view

If you're using a browser that works with Gmail, you'll see Gmail in Standard view. When you're in Standard view, you can use all of Gmail's features.

Basic HTML view

If you're using a browser that isn't supported, you'll see Gmail in HTML view.

When you're in Basic HTML view, you won't see some Gmail features, including:

Chat
Spell checker
Keyboard shortcuts
Adding or importing contacts
Custom "from" addresses
Rich formatting

To get these features, use a browser that works with Gmail.

Switch views

Was this helpful?

How can we improve it?

Hôm nay, tôi sẽ chỉ cho bạn cách tạo email HT HTML và gửi chúng trong Gmail. Lợi ích của việc làm như vậy là bạn có thể thiết kế các chiến dịch email và sau đó chỉnh sửa và gửi chúng trực tiếp bên trong Gmail, như một chiến dịch hoặc chỉ là một phần của thư từ email thông thường.show you how to create “HTML emails” and send them in Gmail. The benefit of doing so is that you can design email campaigns and then edit and send them directly inside Gmail, either as a campaign or just as part of regular email correspondence.

Và một khi bạn đã thực hiện điều đó, bạn có thể lưu email HTML của mình dưới dạng mẫu để sử dụng lại.

Tại sao lại nhập HTML vào Gmail, không có tác dụng

Nếu bạn lấy mã HTML và dán nó ra Raw Raw vào cửa sổ Gmail Compose, thì nó đã giành được bất cứ thứ gì khác - nó sẽ xuất hiện dưới dạng mã HTML. Vì vậy, HTML trên won của riêng mình giúp bạn định dạng hình dạng hoặc sự xuất hiện của email của bạn.

Vì vậy, tôi sẽ chỉ cho bạn cách làm việc xung quanh đó.

Cách gửi email HTML với gmail

Có ba cách bạn có thể tải cửa sổ Commail Compose với HTML tùy chỉnh của bạn.three ways you can load the Gmail Compose window with your custom HTML.

Sao chép/dán HTML kết xuất vào cửa sổ Compose Gmail. the rendered HTML into the Gmail Compose window.
Dán mã HTML của bạn vào cửa sổ Commail Compose bằng công cụ phát triển ChromeChrome’s Developer Tools
Sử dụng tiện ích mở rộng Chrome để thêm trình soạn thảo HTML vào hộp Compose GmailChrome extension to add an HTML editor to the Gmail Compose box

Kỹ thuật yêu thích của tôi là #2 vì nó mang lại cho tôi quyền kiểm soát nhiều nhất và không yêu cầu mở rộng. Mỗi tiện ích mở rộng bạn thêm vào đám đông gmail, giao diện chỉ cần thêm một chút nữa.

Tùy chọn 1: Sao chép/Dán HTML được kết xuất vào cửa sổ Gmail Compose

Theo cách riêng của mình, cửa sổ Gmail Compose & nbsp; không cho phép bạn chỉnh sửa & nbsp; html Hồi đằng sau tin nhắn. Điều này trái ngược với nhà cung cấp dịch vụ email như MailChimp hoặc liên hệ liên tục, trong đó bạn có thể chỉnh sửa HTML RAW. Vì vậy, kỹ thuật dưới đây là một cách để làm việc xung quanh giới hạn Gmail đó.Gmail Compose window doesn’t let you edit the HTML “behind” the message. This is in contrast to an email service provider like Mailchimp or Constant Contact, in which you can edit the raw HTML. So, the technique below is a way to work around that Gmail limitation.

Khi bạn đã viết HTML, quá trình về cơ bản chỉ là vấn đề sao chép và dán. Bạn tạo trang của mình trong HTML, tải nó vào trình duyệt, sao chép nội dung của trình duyệt và sau đó dán nó vào cửa sổ soạn thảo Gmail. Bằng cách kết xuất HTML HTML, ý tôi là HTML trông như thế nào trong trình duyệt, với màu sắc, phông chữ và hình ảnh tại chỗ. You create your page in HTML, load it into a browser, copy the contents of the browser, and then paste it into Gmail’s compose window. By “rendered” HTML, I mean what the HTML looks like in the browser, with colors, fonts, and images in place.

Hãy để chạy qua một ví dụ nhanh về điều đó.

Tạo và gửi email HTML của bạn trong Gmail

Bước 1: Viết HTML của bạn.

Trong ví dụ này, tôi đã sử dụng một số HTML Boilerplate được điều chỉnh cho mục đích của chúng tôi. HTML có thể được viết trực tiếp hoặc, có thể, được sáng tác với một công cụ tác giả HTML. Gmail là một chút kén chọn với những gì nó sẽ cho phép như HTML trong các email của mình, vì vậy ở đây & nbsp; CSS trong đầu. Để biết thêm chi tiết về chính xác những gì bạn có thể và nên sử dụng trong Gmail, hãy xem trang này. Bài đăng mà tôi liên kết được cập nhật với sự thay đổi đó. Một số thẻ HTML có thể không được hỗ trợ. Danh sách này (có thể không hoàn toàn hiện tại) hiển thị các thẻ HTML được hỗ trợ và một số không được hỗ trợ. Gmail không hỗ trợ các phông chữ web. Vì vậy, hoặc sử dụng các phông chữ tiêu chuẩn mà họ cung cấp hoặc, nếu bạn muốn một phông chữ khác cho một cái gì đó như logo, hãy tạo hình ảnh của văn bản đó. Sau đó, trong HTML, liên kết đến hình ảnh đó được lưu trữ trực tuyến, đó là những gì tôi đã làm cho logo của Binkman Binkman trong email mẫu của tôi bên dưới. Tất cả các hình ảnh phải được lưu trữ trực tuyến ở đâu đó - chúng không thể được đưa vào e-mail. Bạn có thể lưu trữ hình ảnh trên IMGUR, Amazon Web Services, Google Docs (nếu bạn có thể nhận được liên kết trực tiếp đến hình ảnh) hoặc bất kỳ nơi nào khác dành cho việc lưu trữ hình ảnh. Đi cho email HTML. Tuy nhiên, ngay cả khi sử dụng bảng, vẫn còn những vấn đề cần chú ý. - Google Docs cho Complic & NBSP; có thể có vấn đề. Mặc dù có những hướng dẫn ngoài kia về việc sử dụng Google Docs để tạo email HTML của bạn mà không cần mã hóa, nhưng khi tôi thử, tôi thấy rằng những gì được hiển thị trên Google Docs không chính xác những gì xuất hiện trong email (ví dụ: một cái gì đó tập trung vào Google Docs được liên kết trái trong email). - Giữ cho nó đơn giản. Bởi vì những gì Gmail sẽ hỗ trợ có phần không thể đoán trước được, nên tốt nhất là giữ mọi thứ khá đơn giản về HTML. (Đó có lẽ là một ý tưởng tốt từ quan điểm của người nhận. . - Tạo một mẫu. Khi bạn có tệp HTML được định dạng, hãy lưu nó dưới dạng mẫu bên ngoài Gmail. Sau đó, trong tương lai, bạn có thể sử dụng mẫu đó để thiết lập các email mới chỉ bằng cách thay thế một vài từ mà không phải tạo lại mã HTML để định cấu hình bố cục, vị trí logo của bạn, v.v. -Hãy nhớ rằng, Gmail là một công việc đang tiến hành. Gmail tiếp tục thay đổi, vì vậy bài đăng trên blog hoặc câu trả lời trực tuyến từ vài năm trước đã lỗi thời. Nếu bạn đang nghiên cứu cách làm bất cứ điều gì với HTML và Gmail, hãy cố gắng tìm nội dung được viết gần đây nhất có thể.
– You can’t use external style sheets, though you can use inline CSS (e.g.,

) as well as embedded CSS in the head. For more details about exactly what you can and should use in Gmail, see this page. Note: Gmail changed their support for CSS in 2016, so older posts online may claim they don’t support things they actually do. The post I linked to is up to date with that change.
– Some HTML tags may not be supported. This list (which may not be perfectly current) shows HTML tags that are supported and some that are not.
– Gmail does not support web fonts. So, either use the standard fonts they provide or, if you want another font for something like a logo, make an image of that text. Then, in the HTML, link to that image hosted online, which is what I have done for the “Binkman’s Books” logo in my sample email below.
– All images have to be hosted online somewhere — they can’t be included in the email. You can host images on Imgur, Amazon Web Services, Google Docs (if you can get a direct link to the image), or any other place intended for hosting images.
– Using tables to organize the display of contents is the recommended way to go for HTML emails. However, even using tables, there are still issues to watch out for.
– Google Docs for composing could be problematic. Although there are tutorials out there about using Google Docs to create your HTML email without coding, when I tried it, I found that what was displayed on Google Docs was not exactly what appeared in the email (e.g., something that was centered in Google Docs was left-aligned in the email).
– Keep it simple. Because what Gmail will support is somewhat unpredictable, it’s best to keep things fairly simple in terms of the HTML. (That’s probably a good idea from the point of view of recipients, too. No one needs an overly complex email.) Keeping things simple also helps your recipients’ email clients render things as you intend them, especially when it comes to responsive email design.
– Create a template. Once you have your HTML file formatted, save it as a template outside of Gmail. Then in the future, you can use that template to set up new emails just by replacing a few words without having to recreate the HTML code to configure your layout, logo placement, and so on.
– Remember, Gmail is a work-in-progress. Gmail keeps changing, so blog posts or online answers from a few years ago are already out of date. If you’re researching how to do anything with HTML and Gmail, try to find content that is as recently written as possible.

Bước 2: Hiển thị trang HTML được hiển thị trong trình duyệt.

Tôi đã sử dụng Chrome và vừa mở (Ctrl-O) tệp .html trên máy tính của tôi.

Bước 3: Mở cửa sổ Gmail Compose và dán nó vào khu vực văn bản chính.

Email HTML sẽ xuất hiện trong cửa sổ Compose. Kiểm tra kỹ (bao gồm cả cuộn xuống phía dưới) rằng mọi thứ đều phù hợp trước khi bạn gửi email.

Bước 4: Gửi thư của bạn hợp nhất với GMASS. & NBSP; Như thường lệ, chỉ cần nhấn Red GmassButton. As usual, just hit the red GMassbutton.

Đó là nó! Điều tuyệt vời về cách tiếp cận này là khi bạn lưu tệp HTML dưới dạng mẫu, các email HTML trong tương lai của bạn sẽ trông nhất quán và xây dựng một thương hiệu trên mạng trong các email của bạn. Nó cũng giúp bạn tiết kiệm một lượng lớn thời gian tạo ra các email HTML mới và bạn không phải tạo bất kỳ tệp CSS bên ngoài nào. The nice thing about this approach is when you save the HTML file as a template, your future HTML emails will look consistent and build a “brand look” in your emails. It also saves you a huge amount of time crafting new HTML emails, and you don’t have to create any external CSS files.

Tất nhiên, kỹ thuật này có thể được kết hợp với bất kỳ cách nào khác để sử dụng GMASS, chẳng hạn như từ bảng tính Google Docs & NBSP; hoặc thậm chí là một phần của chuỗi email tự động.GMass, such as from a Google Docs spreadsheet or even as part of an automated email sequence.

Tùy chọn 2: Dán mã HTML vào Gmail bằng công cụ phát triển Chrome,

Kỹ thuật này là một hack gmail và Chrome. Bạn nhấp chuột phải vào cửa sổ Commail Compose, tìm phần HTML có liên quan của phần tử hộp, và sau đó dán vào mã HTML của bạn.right-click in the Gmail Compose window, find the relevant HTML portion of the box’s element, and then paste in your HTML code.

Đầu tiên, nhấp chuột phải ở bất cứ đâu trong hộp Compose và chọn Kiểm tra.right-click anywhere in the Compose box and choose Inspect.

Chrome sau đó sẽ tự tách và mở một khung hiển thị HTML của hộp soạn thảo và một phần sẽ được tô sáng.

Tìm các div div được đánh dấu là có thể hài lòng với các trò chơi trực tuyến, và sau đó nhấp chuột phải và chọn chỉnh sửa dưới dạng HTML.right-click and choose Edit as HTML.

Phần bên trong thẻ div Div là phần bạn nên thay thế bằng mã HTML tùy chỉnh của mình.

Ở đây tôi có mã HTML tùy chỉnh của mình trong trình soạn thảo văn bản siêu phàm:

Nhưng đây cũng dành cho bạn, trong trường hợp bạn muốn thử tự sao chép/dán bản này:

&amp;lt;h2&amp;gt;This is my headline&amp;lt;/h2&amp;gt;

&amp;lt;p&amp;gt;This is my first paragraph.&amp;lt;/p&amp;gt;

&amp;lt;p style="font-weight: bold;"&amp;gt;Here is some bold text.&amp;lt;/p&amp;gt;

&amp;lt;p&amp;gt;Here is an image of a sun:&amp;lt;/p&amp;gt;
&amp;lt;br&amp;gt;
&amp;lt;img src="https://image.shutterstock.com/image-vector/sad-sun-exhausted-heat-vector-260nw-200226281.jpg"&amp;gt;

Cuối cùng, đây là mã của tôi được dán trong:

Và ngay khi tôi nhấp vào, cửa sổ Compose chứa đầy phiên bản hiển thị của HTML.Compose window is filled with the rendered version of the HTML.

Tùy chọn 3: Sử dụng tiện ích mở rộng Chrome để gửi email HTML trong Gmail

Có một số tiện ích mở rộng Chrome thêm trình chỉnh sửa HTML bóng mượt vào cửa sổ Gmail Compose để bạn có thể chỉnh sửa HTML phía sau hậu trường theo cách dễ sử dụng. Trong tùy chọn 2, bạn cũng đang chỉnh sửa HTML phía sau hậu trường - nhưng thực hiện trực tiếp bằng cách hack mã phía sau trang HTML. Các tiện ích mở rộng Chrome cho phép bạn làm điều tương tự nhưng làm cho toàn bộ quy trình mã HTML dễ dàng hơn.several Chrome extensions that add a slick HTML editor to the Gmail Compose window so that you can edit the HTML behind the scenes in an easy-to-use manner. In Option 2, you are also editing the HTML behind the scenes — but doing so directly by hacking the code behind the HTML page. Chrome extensions let you do the same thing but make the entire HTML code process easier.

Mở rộng Chrome 1: Trình chỉnh sửa HTML miễn phí cho Gmail của CloudHQ Free HTML Editor for Gmail by cloudHQ

Đây là phần mạnh nhất của các biên tập viên HTML vì nó cũng bao gồm các công cụ thiết kế Wysiwig. Một phiền toái đi kèm với tiện ích mở rộng này là nó đòi hỏi bạn phải tạo một tài khoản với họ. Họ không yêu cầu truy cập OAuth vào tài khoản Gmail của bạn, nhưng họ yêu cầu các đặc quyền đăng nhập của Google. Điều đó vốn đã không gây rủi ro cho dữ liệu tài khoản của bạn, nhưng nó gây khó chịu vì chức năng sẽ có thể được thực hiện tất cả trên phía máy khách.it requires you to create an account with them. They don’t require OAuth access to your Gmail account, but they do require Google Sign-in privileges. That doesn’t inherently put your account data at risk, but it’s annoying because the functionality should be able to be accomplished all on the client-side.

Nhấp vào biểu tượng tiện ích mở rộng ở dưới cùng của cửa sổ Compose.

Công cụ thiết kế email của họ trông như thế này:

Công cụ thiết kế tiếp quản cửa sổ Compose cho đến khi bạn nhấp vào Trình chỉnh sửa đóng.

Bạn cũng có thể xem video của họ để xem phần mở rộng của họ trong hành động.

Mở rộng Chrome 2: GMASS GMass

Phần mở rộng Chrome của riêng tôi bao gồm chức năng HT HTML để bạn có thể xem và đặt HTML vào cửa sổ Compose.view and set the HTML into the Compose window.

Khởi chạy hộp Cài đặt và nhấp vào HT HTML.Settings box and click “HTML.”

Dán vào HTML của bạn.

Nhấn ổn, và xem phép thuật xảy ra.Okay, and watch the magic happen.

Lưu ý rằng để chỉ sử dụng chức năng trình soạn thảo HTML của GMASS, bạn không cần phải đăng ký một kế hoạch trả phí.don’t need to subscribe to a paid plan.

Mở rộng Chrome 3: Chèn HTML cho Gmail HTML Inserter for Gmail

Đây là một tiện ích mở rộng tiện lợi mà một trong những mục yêu thích của tôi vì nó không yêu cầu bất kỳ quyền truy cập OAuth nào vào tài khoản Gmail của tôi. Nó hoạt động hoàn toàn ở phía máy khách mà không gửi bất kỳ thông tin nào trở lại máy chủ.doesn’t require any OAuth access to my Gmail account. It works entirely on the client side without sending any information back to a server.

Bạn có thể sử dụng nó trong 3 bước dễ dàng:

Nhấp vào biểu tượng HTML.
Dán HTML của bạn.
Nhấp vào nút Chèn HTML và xem thông báo được định dạng của bạn xuất hiện.Insert HTML button and watch your formatted message appear.

Vì vậy, như bạn có thể thấy, bạn có thể tạo các mẫu cơ bản cho email số lượng lớn mà không cần học cách sử dụng công cụ nhà phát triển hoặc thuê một nhà thiết kế mẫu email. Bạn thậm chí không cần biết cách viết mã từ đầu nếu bạn có thể sao chép và dán phiên bản HTML của email hiện có.

Chúc may mắn khi tạo mẫu email tiếp theo của bạn!

Sẵn sàng để chuyển đổi Gmail thành một công cụ tiếp thị email/email lạnh/thư?transform Gmail into an email marketing/cold email/mail merge tool?

Chỉ GMASS đóng gói mọi ứng dụng email vào một công cụ - và mang tất cả vào Gmail cho bạn. Email tốt hơn. Tấn quyền lực. Dễ sử dụng.packs every email app into one tool — and brings it all into Gmail for you. Better emails. Tons of power. Easy to use.

Hãy thử GMASS cho tiện ích mở rộng Chrome Freedownload - 30 giây! Không cần thẻ tín dụng

Download Chrome extension - 30 second intall!
No credit card required

Ajay là người sáng lập GMASS và đã phát triển phần mềm gửi email trong 20 năm.

Yêu những gì bạn đang đọc? Nhận chiến lược email mới nhất và mẹo và giữ liên lạc.