วิธีสร้างและส่งจดหมายข่าวทางอีเมลฟรี

มีตัวเลือกการชำระเงินจำนวนมากที่ให้บริการโดยผู้ให้บริการจดหมายข่าวอีเมลจำนวนมาก แต่ถ้าคุณสามารถส่งได้จาก Gmail, Yahoo, Hotmail และบัญชีอีเมลฟรีอื่น ๆ คุณสามารถจองงบประมาณเพิ่มเติมในรายการอื่น ๆ.

หากคุณกำลังมองหาบริการจดหมายข่าวที่มีการจัดการที่ดีกว่าด้วยเครื่องมือในการตรวจสอบแคมเปญอีเมลของคุณไปกับบริการชำระเงิน แต่ถ้าคุณกำลังมองหาเพียงแค่ส่งจดหมายข่าวให้เพื่อนสองสามคนคุณจะรักบทช่วยสอนนี้.

เราจะแนะนำวิธีบันทึกเทมเพลตจดหมายข่าวของคุณเองเป็นเทมเพลต HTML และเริ่มส่งพวกเขาด้วยความช่วยเหลือของ CampaignMonitor.

เริ่มต้นด้วยเทมเพลตอีเมลใน Photoshop

หากคุณมีความคิดเกี่ยวกับสิ่งที่คุณต้องการให้เทมเพลตจดหมายข่าวของคุณดูเหมือนคุณสามารถเริ่มทำงานกับ Photoshop ได้ มิฉะนั้นคุณสามารถดาวน์โหลดเทมเพลตจากผู้ให้บริการเทมเพลตอีเมลฟรีมากมาย ไม่มีความกว้างและความสูงเฉพาะของเทมเพลตอีเมล แต่เพื่อให้แน่ใจว่าสามารถใช้งานร่วมกันได้และสามารถอ่านได้บนอีเมลใด ๆ โดยไม่หยุดพักเราขอแนะนำให้คุณตั้งค่าขนาดความกว้างไม่เกิน 650px อย่างไรก็ตามไม่มีข้อ จำกัด เกี่ยวกับความสูงดังนั้นพารามิเตอร์นั้นขึ้นอยู่กับคุณ.

เทมเพลตอีเมล

คุณสามารถสร้างสรรค์ได้อย่างที่คุณต้องการด้วยเทมเพลตอีเมลของคุณ แต่โปรดจำไว้ว่าเมื่อรวมองค์ประกอบด้านความคิดสร้างสรรค์เข้าด้วยกันแล้วจะมีชิ้นงานแต่ละชิ้นมากขึ้น เทมเพลตที่เราจะใช้มีองค์ประกอบง่าย ๆ เพียงไม่กี่ส่วนเท่านั้น: ส่วนหัว, รูปถ่าย, เส้นและข้อความเพื่อประโยชน์ของคู่มือนี้.

การเลือกแบบอักษร

คุณสามารถใช้แบบอักษรทุกชนิดที่มีอยู่บน Photoshop ของคุณได้อย่างแน่นอน แต่ถ้าคุณกำลังสร้างจดหมายข่าวขอแนะนำให้ใช้แบบอักษรบนเว็บเช่น Times New Roman, Arial และ Georgia มิฉะนั้นให้ใช้แบบอักษรพิเศษของคุณ แต่บันทึกเป็นภาพแทนที่จะเป็นข้อความ.

พยายาม จำกัด ไม่ให้บันทึกภาพมากเกินไปในเทมเพลตของคุณเนื่องจากจะทำให้มีขนาดใหญ่ขึ้นเท่านั้นและใช้เวลาโหลดนานขึ้น.

1. Slice เทมเพลตอีเมลของคุณ

ในคู่มือนี้เราจะใช้เทมเพลตอีเมลฟรีที่แก้ไขโดย CampaignMonitor ดาวน์โหลดได้ที่นี่เพื่อติดตามบทช่วยสอนนี้.

เมื่อคุณพร้อมกับแม่แบบอีเมลของคุณให้เปิดด้วย Photoshop เลือก เครื่องมือ Slice และเริ่มแบ่งองค์ประกอบทุกอย่างของแม่แบบ.

ในขั้นตอนนี้คุณจะต้องเชือดพื้นที่ข้อความบรรทัดและรูปภาพทุกส่วน.

เมื่อคุณแบ่งข้อความตรวจสอบให้แน่ใจว่าคุณเลือกขนาดที่ถูกต้องอย่าเว้นช่องว่างใด ๆ ในพื้นที่ข้อความ สำหรับช่องว่างให้แบ่งออกเป็นชิ้นใหญ่ ๆ แล้วแบ่งออกเป็นช่องสี่เหลี่ยม.

เครื่องมือถัดไปที่คุณต้องใช้กับ Photoshop คือ เครื่องมือเลือกชิ้น. ใช้เครื่องมือนี้เพื่อแก้ไขทุกองค์ประกอบที่หั่นบาง ๆ ในแม่แบบของคุณ ตรวจสอบให้แน่ใจว่าเชื่อมต่อทุกบรรทัดแล้วอย่าออกจากพื้นที่ว่างโดยไม่ต้องตัดมัน.

ด้วยเครื่องมือเลือกชิ้นงานให้ขยายแม่แบบของคุณและตรวจสอบทุกส่วนที่คุณทำ ตรวจสอบให้แน่ใจว่าทุกสายเชื่อมต่อและแก้ไขแล้ว.

ผลจะออกมาเป็นแบบนี้.

2. บันทึกเป็นเทมเพลต HTML

เมื่อคุณพร้อมกับเท็มเพลตที่แบ่งส่วนแล้วให้ไปที่ไฟล์แล้วเลือก บันทึกสำหรับเว็บ & อุปกรณ์.

หน้าต่างที่มีตัวเลือกการบันทึกจะปรากฏขึ้น ประการแรกดับเบิลคลิกที่องค์ประกอบภาพของคุณและตั้งชื่อเพื่อให้คุณสามารถจดจำไฟล์ภาพได้อย่างง่ายดายเมื่อถูกบันทึก คลิก ตกลง หลังจากคุณตั้งชื่อพวกเขา.

ถัดไปที่มุมขวาบนของหน้าต่างป๊อปอัปตั้งประเภทภาพเป็น JPEG จากเมนูแบบเลื่อนลง สามารถตั้งค่าคุณภาพเป็น 60 หรือ 80. หากคุณตั้งค่าคุณภาพเป็น 100 คุณภาพของภาพจะสูงสุด แต่จะทำให้เทมเพลตของคุณหนัก.

ตอนนี้คลิกที่ บันทึก ปุ่มที่ด้านล่างของหน้าต่าง.

หน้าต่างป๊อปอัพใหม่จะปรากฏขึ้น ที่นี่เลือกปลายทางที่คุณต้องการบันทึกไฟล์จากนั้นเปลี่ยนรูปแบบเป็น HTML และรูปภาพ และตั้งค่า ชิ้น ไปยัง สไลซ์ทั้งหมด.

ถัดไปภายใต้ การตั้งค่า เลือกเมนูแบบเลื่อนลง อื่น ๆ.

หน้าต่างป๊อปอัปอื่นจะปรากฏขึ้นภายใต้ HTML ส่วนตรวจสอบให้แน่ใจว่าตัวเลือกภายใต้ 'การจัดรูปแบบ' เป็นดังนี้ ทำเช่นเดียวกันสำหรับส่วน 'การเข้ารหัส'.

ตอนนี้จาก HTML เลือกเมนูแบบเลื่อนลง ชิ้น, และเลือก Slice Output ไปยัง สร้างตาราง และตั้งค่าคอลัมน์ดังต่อไปนี้.

ตอนนี้จาก ชิ้น, ไปที่ กำลังบันทึกไฟล์ จากเมนูแบบเลื่อนลงไปที่ส่วน 'ไฟล์ที่ปรับให้เหมาะสม' และตรวจสอบ ใส่รูปภาพในโฟลเดอร์ และตั้งชื่อโฟลเดอร์ภาพ โฟลเดอร์รูปภาพเริ่มต้นจะเป็น 'images' จากนั้นคลิก 'ตกลง'.

การคลิกตกลงจะนำคุณกลับไปที่หน้าต่างป๊อปอัปก่อนหน้านี้ตอนนี้คลิก บันทึก.

หลังจากที่คุณกดปุ่มบันทึกให้เปิดโฟลเดอร์ตำแหน่งที่คุณบันทึกไฟล์ไว้และคุณจะเห็นโฟลเดอร์ html และรูปภาพที่มีภาพที่หั่นบางส่วนที่บันทึกไว้แล้วสำหรับเทมเพลตอีเมลของคุณ.

เปิดไฟล์ '.html' ในเบราว์เซอร์ของคุณและคุณจะเห็นว่าจดหมายข่าวของคุณได้รับการแปลงเป็นเทมเพลต HTML แล้ว.

3. แก้ไข HTML เปลี่ยนภาพตัวอักษรเป็นแบบอักษรบนเว็บ

ในตอนท้ายของขั้นตอนต่อไปนี้คุณจะได้รับเทมเพลตอีเมลที่ผ่านการสรุปในรูปแบบ HTML.

องค์ประกอบทั้งหมดในจดหมายข่าว HTML จะถูกบันทึกไว้ในภาพซึ่งรวมถึงข้อความทั้งหมด ตอนนี้คุณต้องแปลงภาพข้อความเป็นแบบอักษรบนเว็บ หากต้องการทำเช่นนั้นให้เปิดไฟล์ '.html' ด้วยโปรแกรมแก้ไข HTML ในตัวอย่างนี้ฉันกำลังใช้ Dreamweaver.

คลิกที่ส่วนหัวและตรวจสอบ HTML ที่ไฮไลต์.

HTML จะเป็นแบบนี้

ตอนนี้ลบทุกบรรทัดที่ไฮไลต์หรือคลิกที่ภาพส่วนหัวและกดลบ เมื่อถูกลบคุณจะเห็นพื้นที่ที่เต็มไปด้วยสีพื้นหลังเริ่มต้น.

ตอนนี้กลับไปที่ Photoshop ตรวจสอบรายละเอียดตัวอักษรของส่วนหัว คุณต้องได้รับแบบอักษรสีและขนาด.

เมื่อคุณได้รับรายละเอียดของแบบอักษรให้ป้อนข้อความส่วนหัวในพื้นที่ส่วนหัวของแม่แบบและรวมถึงรายละเอียดแบบอักษรด้วย ในตัวอย่างของฉัน HTML ข้อความส่วนหัวของฉันเป็นดังนี้:

จดหมายข่าว ABC

บรรทัด HTML ด้านบนมี 'สไตล์' รวมอยู่ด้วย นั่นคือที่ที่คุณกำหนดสีพื้นหลังตระกูลแบบอักษรขนาดตัวอักษรรวมถึงระยะห่างของตัวอักษร พยายามเติมพื้นที่ข้อความด้วยการเว้นวรรคตัวอักษรและขนาดตัวอักษรที่เหมาะสม ตรวจสอบให้แน่ใจว่าไม่ได้ทำลายเทมเพลตของคุณ.

ตอนนี้คุณต้องทำซ้ำกระบวนการเดียวกันสำหรับทุกข้อความในเทมเพลตของคุณ ตรวจสอบให้แน่ใจว่ารูปภาพข้อความทั้งหมดถูกแปลงเป็นแบบอักษรบนเว็บและหลีกเลี่ยงภาพที่ไม่จำเป็นใน HTML.

ถัดไปเป็นตัวเลือก แต่คุณสามารถตั้งค่าจดหมายข่าวเป็นศูนย์เพิ่มการจัดตำแหน่งใน

มาตรา.

หากต้องการตรวจสอบเทมเพลตสุดท้ายของคุณให้เปิดไฟล์ '.html' บนเบราว์เซอร์ของคุณ

คุณสามารถดาวน์โหลดเทมเพลตสุดท้ายที่นี่เพื่อการอ้างอิงของคุณ.

4. ส่ง HTML เป็นจดหมายข่าวผ่าน Gmail

ต่อไปนี้เป็นเคล็ดลับเล็กน้อยเพื่อให้คุณสามารถส่งอีเมล HTML ของคุณได้โดยตรงจาก Gmail ในการทำสิ่งนี้คุณต้องอัปโหลดโฟลเดอร์จดหมายข่าวไปยังเว็บเซิร์ฟเวอร์ของคุณ แต่ในกรณีที่คุณไม่มีอยู่ให้ลองทำด้วย Dropbox แทน.

ใช้โฟลเดอร์สาธารณะของ Dropbox

หากคุณลงทะเบียนบัญชี Dropbox ของคุณก่อนวันที่ 1 สิงหาคม 2012 คุณอาจทำตามขั้นตอนด้านล่าง.

1. ลงทะเบียนบัญชีฟรีด้วย Dropbox จากนั้นติดตั้งแอพลงในพีซีหรือ Mac ของคุณเพื่อให้คุณสามารถข้ามขั้นตอนการอัปโหลดผ่านเว็บได้ ให้แอปทำการอัปโหลดให้คุณ.

   

2. เทมเพลตอีเมลที่คุณสร้างถูกบันทึกในโฟลเดอร์ คัดลอกโฟลเดอร์และวางใน สาธารณะ พบโฟลเดอร์ใน Dropbox ของคุณ (Dropbox> สาธารณะ).

   

3. ตอนนี้ค้นหาไฟล์ '.html' ของคุณในโฟลเดอร์คลิกขวาแล้วเลือก คัดลอกลิงก์สาธารณะ.

   

4. เมื่อคุณเลือก 'คัดลอกลิงก์สาธารณะ' ลิงค์นั้นจะถูกบันทึกในหน่วยความจำคอมพิวเตอร์ของคุณ วางลิงก์นี้ไปยังเว็บเบราว์เซอร์ของคุณจากนั้นเปิดเป็นหน้าเว็บ.

   

5. คุณต้องคัดลอกเนื้อหาของจดหมายข่าวนี้ดังนั้นให้ใช้แป้นพิมพ์ของคุณแล้วกด Ctrl + A เพื่อเลือกทั้งหมดจากนั้น Crtl + C เพื่อคัดลอกเนื้อหาทั้งหมด (สำหรับ Mac ใช้ Cmd + A เพื่อเลือกทั้งหมดและ Cmd + C เพื่อคัดลอก)

6. เปิด Gmail ของคุณคลิก แต่ง ในการรับอีเมลเปล่าให้คลิกเมาส์ของคุณในช่องข้อความแล้วกด Ctrl + V เพื่อวางจดหมายข่าวของคุณในฟิลด์เนื้อหาอีเมล ผู้ใช้ Mac สามารถกด Cmd + V

   

7. จดหมายข่าวของคุณจะปรากฏเป็นเนื้อหาอีเมลของคุณ ป้อนชื่อเรื่องและที่อยู่อีเมลและส่งจดหมายข่าวอีเมลฉบับแรกของคุณ!

การใช้แอป Site44

เนื่องจาก Dropbox ไม่มีคุณสมบัติโฟลเดอร์สาธารณะสำหรับผู้ใช้ Dropbox ที่ลงทะเบียนหลังจากวันที่ 1 สิงหาคม 2555 คุณอาจลอง Site44 แอพที่เปลี่ยนโฟลเดอร์ Dropbox เป็นเว็บไซต์.

1. เยี่ยมชม Site44 และลงชื่อเข้าใช้ด้วย Dropbox เพื่อเริ่มต้น.

   

2. อนุญาตให้ Site44 เชื่อมต่อกับบัญชี Dropbox ของคุณ ในกรณีส่วนใหญ่คุณจะต้องยืนยันที่อยู่อีเมลของคุณ.

   

3. คลิกที่ "คลิกเว็บไซต์ใหม่" เพื่อเริ่มต้น.

   

4. ในส่วน "ใช้โดเมน site44.com" ให้พิมพ์ชื่อโฟลเดอร์ที่ต้องการสำหรับเว็บไซต์นี้ใน Dropbox ของคุณแล้วคลิก "สร้าง" ในกรณีนี้ฉันใช้ "mynewsletter"เป็นชื่อโฟลเดอร์ของฉันหลังจากนั้นยอมรับข้อกำหนดการใช้งานเพื่อดำเนินการต่อ.

   

5. ตอนนี้ Site44 ได้สร้างโฟลเดอร์ใหม่สำหรับเว็บไซต์ใน Dropbox ของคุณ.

   

6. คัดลอก newsletter.html และโฟลเดอร์รูปภาพที่คุณสร้างไว้ก่อนหน้านี้ไปยัง mynewsletter.site44.com โฟลเดอร์ Dropbox.

   

7. เปิดเว็บเบราว์เซอร์และไปที่ http://mynewsletter.site44.com/newsletter.html.

   

8. คุณต้องคัดลอกเนื้อหาของจดหมายข่าวนี้ดังนั้นให้ใช้แป้นพิมพ์ของคุณแล้วกด Ctrl + A เพื่อเลือกทั้งหมดจากนั้น Crtl + C เพื่อคัดลอกเนื้อหาทั้งหมด (สำหรับ Mac ใช้ Cmd + A เพื่อเลือกทั้งหมดและ Cmd + C เพื่อคัดลอก)

9. เปิด Gmail ของคุณคลิก แต่ง ในการรับอีเมลเปล่าให้คลิกเมาส์ของคุณในช่องข้อความแล้วกด Ctrl + V เพื่อวางจดหมายข่าวของคุณในฟิลด์เนื้อหาอีเมล ผู้ใช้ Mac สามารถกด Cmd + V

   

10. จดหมายข่าวของคุณจะปรากฏเป็นเนื้อหาอีเมลของคุณ ป้อนชื่อเรื่องและที่อยู่อีเมลและส่งจดหมายข่าวอีเมลฉบับแรกของคุณ!

ข้อสรุป

ตราบใดที่โฟลเดอร์ HTML จดหมายข่าวยังคงถูกบันทึกไว้ในโฟลเดอร์สาธารณะ Dopbox ของคุณผู้รับของคุณจะสามารถดูจดหมายข่าวของคุณได้อย่างถูกต้อง แต่เมื่อคุณลบโฟลเดอร์ออกลิงก์จะไม่ทำงานและผู้รับจะสามารถดู ข้อความ ฉันหวังว่าคุณสามารถทำตามบทช่วยสอนนี้เกี่ยวกับวิธีสร้างจดหมายข่าว HTML พื้นฐานด้วย Photoshop จากนั้นส่งในรูปแบบ HTML ผ่าน Gmail หากคุณมีวิธีอื่นโปรดแชร์กับผู้อ่านที่เหลือของเรา.