صفحه اصلی - نکات طراح
قالب های ایمیل Html. قالب ها و ویرایشگرهای قالب برای خبرنامه های ایمیل

من هنوز نفهمیدم که آیا لازم است اندازه تصاویر را مشخص کنیم، بنابراین از این نظر هنوز هرج و مرج است. یک جایی آن را گذاشتم، یک جایی نه. بعد از تست ها همه چیز را مرتب خواهم کرد. یا برای کوتاه کردن کد آن را به طور کامل حذف می کنم، یا اگر در یکی از ایمیل ها به درستی نمایش داده نشد، باید آن را همه جا اضافه کنم.

با این کد یک ردیف با یک ستون به جدول "محتوا" اضافه می کنم و یک عکس با کتیبه "Smartlanding" در آن قرار می دهم:

حالا نامه به شکل زیر است:



همه این کارها به گونه ای انجام می شود که بین محتوا فاصله هایی وجود داشته باشد. کد HTMLبا محتوا به این شکل است:

اکنون باید اعلامیه مقاله را پیاده سازی کنید، این کار به سادگی انجام می شود. 1 خط، 1 ستون و متن در آن:

من دقیقاً همان نشانه گذاری را برای متن و عنوان انجام می دهم:

و اکنون آخرین مرحله باقی مانده است، ساخت پاورقی. من یک جدول جدید برای آن ایجاد نکردم، بلکه آن را در محتوا قرار دادم، به سادگی یک ردیف و ستون جدید اضافه کردم:

نامه به این شکل بود. اکنون آزمایش های زیادی در پیش است. من قصد دارم طرح بندی را در سرویس ها و برنامه های ایمیل زیر آزمایش کنم:

  • جیمیل
  • یاندکس
  • رامبلر
  • موزیلا تاندربرد
  • چشم انداز 2007
  • چشم انداز 2013
  • خفاش

در طول آزمایش، سبک‌هایی را به عنوان‌ها و متون اضافه می‌کنم، ویژگی‌ها را بازنشانی می‌کنم و تنظیمات دیگری را انجام می‌دهم. و سپس یک پست مفصل دیگر در مورد این موضوع خواهم نوشت. شاید در مقاله بعدی چیزی تغییر کند، بنابراین اگر علاقه مند هستید در به روز رسانی ها مشترک شوید این موضوعو شما نمی خواهید مطالب جدید را از دست بدهید.

اگر تجربه ایجاد حروف html را دارید، لطفا نظر خود را بنویسید و به خطاها اشاره کنید. من از شما بسیار سپاسگزار خواهم بود. و این همه برای امروز است. خداحافظ

(تست های مقدماتی حروف html را در موتورهای جستجوی مختلف بررسی کنید)

بازاریابی ایمیلی هر سال همراه با افزایش تعداد کاربران اینترنت، همچنان به سرعت در حال افزایش است. پایگاه‌های اطلاعاتی شرکت‌ها در حال رشد هستند، ارسال نامه‌ها به هر مشتری به صورت دستی کار طاقت‌فرسایی می‌شود. بازاریابی ایمیلی کمک می کند تا فرآیند ارسال ایمیل راحت تر، سریع تر شود و زمینه خلاقیت را ایجاد کند. HTML و قالب های ایمیل معمولی برای ارسال پستی استفاده می شود.

اگر صحبت کنیم به زبان ساده، ایمیل مارکتینگ یک سیستم اندیشیده شده برای ارسال نامه به آدرس های ایمیل واقع در پایگاه داده است.

این نوع بازاریابی بر اساس الگوهای حروف و صفحاتی است که به صورت حروف ساخته شده اند.

قالب های ایمیل در 2 نوع هستند:

  • ایمیل‌های ساده فقط چند ایمیل متنی با یا بدون پیوست هستند، به ندرت با قالب‌بندی خلاقانه. این الگوهای ایمیل معمولاً در مکاتبات تجاری استفاده می شوند.

  • قالب های حروف HTML روشن هستند و برای جلب توجه و ایجاد علاقه در صفحه وب طراحی شده اند که در نامه تعبیه شده است.

مزایا و معایب چیست؟

بیایید با قالب های معمول شروع کنیم.

تعداد زیادی از "به علاوه" یک شاخص خوب است. اما بعید است که در اولین ارتباط با مشتری، به خصوص یک مشتری معمولی، بتوانند چنین نامه هایی را بفروشند. برخلاف ایمیل های HTML.

ایجاد ایمیل‌های HTML به تنهایی و بدون آمادگی کافی دشوار است، اگرچه دقیقاً چنین پیام‌هایی، زیبا و کارت پستال‌مانند، هستند که بسیار بیشتر از پیام‌های ساده «سیاه و سفید» جلب توجه می‌کنند. الگوهای نامه‌های HTML و ایمیل‌ها را می‌توان مستقیماً در سایت‌های خدمات پستی ایجاد کرد که مدت‌ها پیش این قابلیت را برای سازماندهی ارسال نامه‌ها به کاربران اجباری کرده‌اند.

خدمات اولیه

هنگام توصیف سایت های اصلی برای خبرنامه های ایمیل، منطقی است که آنها را با توجه به مهمترین ویژگی ها مقایسه کنید.

Stripo ارائه می دهد انتخاب گسترده قالب های رایگانخبرنامه های ایمیل آنها بر اساس منطقه تجاری و دسته بندی، مانند رویدادهای خاص، تعطیلات و غیره گروه بندی می شوند. قالب‌های ما برای انواع پیام‌های راه‌انداز، خدمات حقوقی و مشاوره‌ای، پیام‌های تبلیغاتی و سایر انواع پیام‌ها از پیش طراحی شده‌اند.

در اینجا قالب های ایمیل مارکتینگ را پیدا خواهید کرد که مطابق با نیاز و سلیقه شما هستند.

چرا ما اینقدر مطمئن هستیم که:

    طراحی وب سایت واکنش گرا

    تمام قالب های Stripo کاملا واکنش گرا هستند. این بدان معنی است که همه دستگاه های تلفن همراه و اکثر سرویس گیرندگان ایمیل آنها را به درستی نمایش می دهند.
    با این حال، اگر می‌خواهید عناصر خاصی از قالب‌های ایمیل شما بدون تغییر باقی بمانند، می‌توانید هر تصویر، بلوک یا ساختاری را انتخاب کنید و آن را غیر پاسخگو کنید.
    همچنین، به لطف کد HTML باز قالب‌های ایمیل رایگان ما، این امکان وجود دارد که انتخاب کنید کدام تصاویر و بلوک‌ها در دستگاه‌های تلفن همراه نمایش داده شوند و کدام - فقط در دستگاه‌های رومیزی.
    از الگوهای پیام HTML ما برای طیف گسترده ای از کمپین های بازاریابی استفاده کنید.

    دو ویرایشگر در یک

    ابزار نسل بعدی ما کدهای باز HTML/CSS و یک ویرایشگر کشیدن و رها کردن را ترکیب می‌کند.
    این ویژگی به شما امکان طراحی عناصر بصری و متن را با کشیدن و رها کردن بخش‌هایی از ابزار می‌دهد. با کد HTML، می توانید ویدیوها و عناصر تعاملی را در قالب خبرنامه خود جاسازی کنید و بدون ترک ویرایشگر به طراحی تصاویر بپردازید.

    ساخت بنر

    با Stripo می توانید به راحتی بنر ایجاد کنید، آنها را در ویرایشگر پردازش کنید و متن را در بالای بنر قرار دهید. به لطف این ویژگی، این امکان را دارید که چندین بار از بنرها استفاده کنید. اکنون به هیچ ابزار اضافی (مانند ویرایشگرهای عکس) نیاز ندارید تا قالب HTML پاسخگوی خود را خلاقانه و سفارشی کنید.
    به طور گسترده ای شناخته شده است که ارائه دهندگان ایمیل فونت های تزئینی را با فونت های ایمن وب جایگزین می کنند. در عین حال طراحی ایمیل شما جذابیت خاص خود را از دست می دهد. اما Stripo به شما امکان می دهد از هر فونتی که دوست دارید از فونت های موجود در ویرایشگر ما استفاده کنید. چگونه این کار را انجام دهیم؟ فقط متن را در بالای بنر قرار دهید، آن را انتخاب کنید رنگ مناسبو فونت تزئینی مورد علاقه خود را روی متن اعمال کنید.
    کلاینت‌های ایمیل، متن اضافه شده در بالای هر تصویر را به‌عنوان عنصری از خود تصویر در نظر می‌گیرند. به این ترتیب، مشترکین شما می بینند که متن شما دقیقاً همانطور که در نظر گرفته شده به قالب رایگان HTML شما اضافه شده است.

    اتوماسیون کار - عناصر هوشمند منحصر به فرد ما

    ایجاد کارت های محصول یک فرآیند نسبتا خسته کننده است. اما Stripo هر کاری می کند تا این کار را برای شما راحت کند. پس از سفارشی سازی عناصر هوشمند، به سادگی باید پیوند را در خط مورد نظر قرار دهید. توضیحات، هزینه، نمونه محصول به طور خودکار در فیلدهای مربوطه درج می شود. برای راحتی شما، ما قبلاً عناصر هوشمند را به برخی از قالب های پیام HTML اضافه کرده ایم. Stripo در وقت شما صرفه جویی می کند!

    کتابخانه ماژول شخصی در Stripo

    بلوک ها/ساختارها/نوارها/ظروف محتوا را در کتابخانه شخصی خود ایجاد، ویرایش و ذخیره کنید. هر زمان که یک کمپین ایمیل جدید راه اندازی کردید، می توانید از آنها استفاده کنید.
    الگوهای رایگان موجود ما به طور خودکار به ماژول هایی تقسیم می شوند که از قبل در کتابخانه شخصی شما موجود است.

    صادرات آسان

    قالب های پیام پاسخگو Stripo به راحتی به اکثر ارائه دهندگان ایمیل و سرویس گیرنده های ایمیل محبوب مانند Gmail و Outlook صادر می شود.
    خبر عالی: الگوهای ایمیل ما حتی پس از صادرات قابل ویرایش هستند. با یکپارچه سازی پیشرفته، می توانید انواع تغییرات را در کد HTML، متن و عناصر بصری ایجاد کنید. این گزینه باعث می شود که قالب های HTML پاسخگوی Stripo برای مشتریان و ارائه دهندگان ایمیل مناسب باشد.
    برای راحتی شما، می توانید قالب های ایمیل خود را نیز در پوشه ها مرتب کنید.

    بازاریابی ایمیلی علاقه ماست و به همین دلیل است که استریپو قالب های ایمیل حرفه ای را با اشتیاق واقعی طراحی می کند.

نمایش بیشتر

یک کمپین ایمیل خوب با طراحی ایمیل شروع می شود. امروزه، زمانی که اکثر مشتریان و پلتفرم های ایمیل ایمیلبا پشتیبانی از استانداردهای جدید وب، ما می توانیم ایمیل های پاسخگو را با استفاده از دسکتاپ و دستگاه های تلفن همراه برای همه مشترکین ارسال کنیم. تطبیقی قالب HTMLسنامه ها تضمین می کنند که خبرنامه ما بدون توجه به دستگاهی که در آن خوانده می شود، به طور یکسان توسط مشترکین درک می شود.

برای کمک به شما انتخاب درست، مجموعه ای از محبوب ترین قالب های نامه برای بازاریابی ایمیلی را ارائه می دهیم. در آن ما نه تنها به قالب‌ها، بلکه به چارچوب‌های تطبیقی ​​نیز نگاه می‌کنیم که می‌توانید از آنها برای ایجاد الگوهای خود استفاده کنید.

سربروس

ایجاد یک قالب ایمیل خبرنامه از ابتدا می تواند یک چالش باشد. کار آسانی نیست. و چه زمانی ما در مورددر مورد ایجاد یک طرح پاسخگو نیز وجود دارد تفاوت های ظریف بیشترکه باید در نظر گرفته شوند. به همین دلیل است که چارچوبی مانند سربروس می تواند برای شما مفید باشد.

این کتابخانه جمع و جور طراحی شده است تا به کاربران کمک کند از چند الگوی HTML برای ایجاد ایمیلی استفاده کنند که تجربه مشاهده ایمیل فراموش نشدنی را برای مشترکین شما فراهم کند. قالب های کوچک ایجاد شده با با استفاده از HTML، قرار نیست از آنها به عنوان نتیجه نهایی استفاده شود. توسعه دهندگان Cerberus توصیه می کنند که با کد HTML آزمایش کنید تا تغییرات خود را ایجاد کنید.

تورنسل


این برند معروفدر میان کسانی که دوست دارند اثربخشی را آزمایش و تجزیه و تحلیل کنند بازاریابی ایمیلیکمپین ها تیم Litmus به دلیل ارائه منظم منابع مختلف رایگان به جامعه مشهور است که یکی از آنها مجموعه ای از قالب های ایمیل پاسخگو است.

هر پنج قالب از مجموعه به دسته های مختلف تعلق دارند. اینها شامل یک قالب ایمیل خبرنامه HTML، یک الگوی اعلام محصول جدید، یک الگوی رسید برای اطلاعیه های مالی، اطلاعیه های پیام کوتاه و حتی یک الگوی ایمیل معمولی است. برای کاربرانی که می‌خواهند ایمیل‌هایشان ساده و در عین حال پاسخگو باشد، بسیار مناسب است.

چارچوب ایمیل پاسخگو HTML


این یک راه حل کامل برای ایجاد خبرنامه های ایمیل پاسخگو است. این فریم ورک مجموعه‌ای از شبکه‌ها، ماژول‌ها، بلوک‌ها و خطوط برای محتوا را در اختیار توسعه‌دهندگان قرار می‌دهد، عملکردی برای تنظیم فاصله بین عناصر، دکمه‌ها، خطوط تصویر و سایر عناصر که می‌توان از آنها برای ایجاد یک قالب ایمیل کامل استفاده کرد. این در تمام مشتریان ایمیل محبوب آزمایش شده است.

بنیاد ایمیل


این مجموعه ای از چارچوب ها و پلتفرم های مختلف برای بهینه سازی توسعه وب است. Foundation به توسعه دهندگان و طراحان یک چارچوب CSS با استفاده آسان ارائه می دهد که به آنها اجازه می دهد تا به سرعت ایمیل های موثر و پاسخگو ایجاد کنند.

هر ویرایشگر قالب ایمیل HTML به طور بومی از سیستم شبکه ارائه شده توسط بنیاد استفاده می کند. سپس می توان آن را با عناصر مختلفی که معمولاً برای چنین اهدافی استفاده می شود تکمیل کرد. چه در تجارت الکترونیک یا برندسازی تجاری کار می کنید، Foundation می تواند به شما در ایجاد قالب های واکنش گرا کمک کند. ایمیل ها.

مورچه


Antwort خود را به عنوان یک چارچوب قرار نمی دهد، آنها خود را منبعی از قالب های ایمیل آماده می نامند که می توانند با تلفن ثابت و سازگار شوند. دستگاه های تلفن همراه. این بی عیب و نقص در iOS و Android و همچنین کلاینت های ایمیل اصلی مانند Yahoo!، Gmail و Outlook کار می کند.

حتی با برخی از قدیمی ترین نسخه های Outlook. طرح‌بندی‌ها به گونه‌ای طراحی شده‌اند که محتوای پویا را در خود جای دهد. در عین حال، سبک طراحی حروف مینیمالیستی است.

زمین بازی توسط ZURB


این یک شرکت توسعه است بنیاد چارچوب HTML5و همچنین اپراتور سرویسی به نام Ink. امروزه بیشتر به عنوان ایمیل بنیادی شناخته می شود.

ZURB's Playground پنج الگوی ایمیل مختلف را برای انتخاب ارائه می دهد که به راحتی با هر اندازه صفحه و دستگاه سازگار می شوند. همه قالب ها با شیوه نامه های جداگانه و اسناد HTML ارائه می شوند. این قالب ها با هر پلتفرم اصلی ایمیل سازگار خواهند بود. شما به راحتی می توانید سرویسی را پیدا کنید که با آن بتوانید از این قالب ها استفاده کنید.

موزاییکو


پلتفرمی که به هر کاربری اجازه می‌دهد تا قالب‌های ایمیل سازگار و زیبای HTML ایجاد کند. Mosaico ابزارهایی برای مدیریت عناصر سفارشی و طراحی تطبیقی. آنها به شما این امکان را می دهند که با کلیک یک دکمه تمام طرح بندی های خود را شخصی سازی کنید.

سیستم کنترل داخلی به شما امکان می دهد تمام تغییرات ایجاد شده را لغو و مجدداً انجام دهید. شما حتی می توانید قالب های ایمیل خود را آپلود کرده و آنها را در Mosaico سفارشی کنید. این پلتفرم متن باز است و همه را تشویق می کند تا در توسعه پروژه شرکت کنند.

الگوهای ایمیل منبع باز


یک پلت فرم بازاریابی ایمیلی مشهور که به بازاریابان و وبلاگ نویسان امکان ایجاد و بازاریابی قالب های خود را در محیطی با کاربری آسان ارائه می دهد. به عنوان تشکر از جامعه بازاریابی، SendWithUs کتابخانه ای از ده قالب پاسخگو را در اختیار کاربران قرار می دهد.

همه قالب ها متن باز هستند که به شما امکان می دهد هر گونه تغییر و تنظیم را بنا به صلاحدید خود انجام دهید. اگرچه این قالب ها رایگان هستند، اما فقط برای صدور فاکتور و اعلان به مشتریان مناسب هستند.

الگوهای ایمیل پاسخگو


برایان گریوز یک پایه محکم برای ایجاد و کار با ایمیل های پاسخگو گذاشته است. پروژه الگوهای ایمیل پاسخگوی او مجموعه ای از قالب های قابل اتصال است که می توانید از آنها برای ایجاد سریع ایمیل های پاسخگو برای استفاده با پلت فرم ایمیل مورد علاقه خود یا مستقیماً در مشتری ایمیل خود استفاده کنید. الگوها شامل عناصری مانند فهرست ها، رسانه ها، ناوبری و شبکه ها هستند.

قالب های ایمیل HTML


یک سرویس ایمیل مارکتینگ معتبر که به صدها هزار بازاریاب آنلاین کمک می کند تا با کمپین های ایمیلی به نتایج مطلوب دست یابند. Campaign Monitor عملکردی را برای آزمایش کمپین های ایمیل و همچنین یک طراح ایمیل و مجموعه ای از قالب های ایمیل HTML ارائه می دهد. دارای بیش از 20 قالب منحصر به فرد است که تقریبا برای هر موقعیتی مناسب است. الگوهایی برای ایجاد مشارکت، مذاکرات تجاری، الگوهای سنتی خبرنامه و الگوهایی برای اعلام رویدادها.

الهام بخش طراحی ایمیل توسط طرح های ایمیل HTML


این یک مخزن از بهترین قالب‌های ایمیل است که در خبرنامه‌های برخی از شرکت‌های برتر فناوری استفاده می‌شوند: Dropbox، Udemy، Moo، DigitalOcean و بسیاری دیگر. نکته جالب در مورد این الگوهای نمونه این است که برای کاربران واقعی ارسال شده اند. این به شما این امکان را می دهد که به راحتی ساختار قالب ها را تجزیه و تحلیل کنید تا ویژگی های پیاده سازی ارائه شده را بهتر درک کنید. راندمان بالا. صدها قالب ایمیل برای شروع.

MJML - چارچوب ایمیل پاسخگو


این یک چارچوب و زبان نشانه گذاری سفارشی داخلی است که برای کمک به توسعه دهندگان در ایجاد سریع قالب های پاسخگو طراحی شده است. هدف MJML سهولت در طراحی ایمیل های ریسپانسیو است. علامت گذاری که با استفاده از MJML ایجاد می کنید به طور خودکار به کد کاملاً سازگار با HTML5 تبدیل می شود. شما می توانید آن را در هر سرویس گیرنده ایمیل استفاده کنید. چندین قالب از پیش تعیین شده نیز موجود است.

Respmail


برای کسانی که نمی خواهند با فریمورک های پیچیده خود را خسته کنند، Respmail یک راه حل ساده و پاسخگو بازاریابی ایمیلی است. این یک الگو را در اختیار شما قرار می دهد که می توانید آن را به دلخواه شخصی سازی کنید. از زمان آغاز به کار، قالب ایمیل HTML برای اطمینان از سازگاری با تمام سرویس گیرندگان ایمیل اصلی بهبود و اصلاح شده است.

اشتیاق


این یک قالب ایمیل پیچیده است که از مفاهیم طراحی وب مدرن استفاده می کند. توسعه پذیری این قالب بسیار چشمگیر است. عناصر مختلفقالب ها اجزای جداگانه ای هستند و شما به سادگی می توانید آنچه را که فکر می کنید برای ایمیل های خبرنامه خود لازم است انتخاب کنید.

قالب خبرنامه رایگان


قالب خبرنامه رایگان. این یک راه حل ظریف و مینیمالیستی برای کسانی است که می خواهند یک طرح ایمیل ساده داشته باشند. به نظر ما، این الگو می تواند برای وبلاگ نویسان، هنرمندان، نویسندگانی که می خواهند پیام خود را بدون نیاز به بارگذاری بیش از حد نامه با عناصر پیچیده مدرن منتقل کنند مفید باشد.

Mail Portfolio


MailPortfolio از همان فلسفه الگوی ایمیل HTML که در بالا توضیح داده شد پیروی می کند. تنها تفاوت این است که MailPortfolio بیشتر بر روی رنگ های قرمز اصلی متمرکز است. اما به نظر می رسد همه چیز دقیقاً مشابه است. در فوتر می توانید اطلاعات لازم در مورد شرکت را مشخص کنید که برای اکثر پلتفرم های بازاریابی ایمیلی اجباری است.


روز ولنتاین به سرعت نزدیک می شود! به همین دلیل تصمیم گرفتیم یک قالب بسیار زیبا را در بررسی قرار دهیم. الگوی ایمیل روز ولنتاین، که می توانید در این روز برای تبلیغ پیشنهادات و اخبار خود استفاده کنید. با ویژگی های بسیار می توانید این قالب را برای موارد استفاده مختلف سفارشی کنید.

EDMDESIGNER


این شرکت زمان زیادی را صرف انطباق کامل با نیازهای جامعه کرده است. نتیجه یک پلت فرم کاربردی برای ایجاد ایمیل است. رابط کشیدن و رها کردن به توسعه دهندگان کمک می کند تا طرح بندی های زیبایی ایجاد کنند. دیگر نیازی به اتلاف وقت برای ایجاد دوباره و دوباره همان محتوا نیست. با EDMDESIGNER می توانید نه تنها الگوهای حروف، بلکه عناصر فردی را نیز ذخیره کنید. سپس می توانید دوباره از آنها در هر کمپین بعدی استفاده کنید.

ایمیل مدرن HTML


ما می خواهیم لیست قالب های رایگان خود را با یک کتاب تکمیل کنیم. این بهترین راهیاد بگیرید که چگونه قالب های ایمیل ریسپانسیو ایجاد کنید. نویسنده یکی از آنها است جیسون رودریگز. این کتاب به شما کمک می‌کند تا قالب‌های ایمیل مدرن و زیبای HTML ایجاد کنید که بر روی همه دستگاه‌ها، با همه کلاینت‌ها و در همه مرورگرها به خوبی کار می‌کنند. این کتاب اصول ایجاد ایمیل و همچنین نحوه آزمایش کمپین های ایمیل و بهینه سازی آنها را با استفاده از ابزارها و گزارش های تحلیلی پوشش می دهد.

قالب های ایمیل پاسخگو HTML پریمیوم

ما می خواهیم در مورد قالب های ایمیل پاسخگو برای خبرنامه های HTML از بخش برتر صحبت کنیم. قیمتشون واقعا خیلی پایینه ( در مقایسه با مبلغی که به یک طراح برای این کار می دهید). و ما چند قالب واقعا عالی پیدا کردیم.

ایده


الگوی کاربردی ارائه همه موجود است عناصر مدرن HTML5 که می تواند در خود قالب جاسازی شود. شما به راحتی می توانید قیمت ها، ویژگی های محصول خود را با عناصر داخلی که کل فرآیند را ساده می کند، ارتباط برقرار کنید. این قالب شامل یک ماژول داخلی کشیدن و رها کردن است که به شما در ایجاد ایمیل های شگفت انگیز کمک می کند. همچنین با ارائه دهندگان پیشرو بازاریابی ایمیلی کاملاً سازگار است.

ویبگیور


Vibgyor را می توان به عنوان یک قالب چند منظوره برای صنایع مختلف. حرفه ای ظاهر Vibgyor را برای این مشاغل جذاب می کند. این شامل یک سازنده کشیدن و رها کردن است که تغییر و بهینه سازی هر بخشی از قالب را به صلاحدید شما آسان می کند.

سلام به همه روز قبل تصمیم گرفتم بفهمم حروف html چگونه تایپ می شوند. من چندین ساعت را در اینترنت گذراندم، ده ها مقاله در مورد این موضوع خواندم و به این نتیجه رسیدم که این کار بسیار دشواری است.

اما میل وجود دارد، بنابراین من شروع به حفاری بیشتر کردم. شاید در وبلاگ، به زودی اشتراک ایمیل از feedburner (در زیر مقالات) را با چیز دیگری جایگزین کنم که بتوانم آن را جذاب تر کنم. نکته اصلی این است که تمام تفاوت های ظریف طرح بندی برای مشتریان ایمیل را در نظر بگیرید و باور کنید تعداد کمی از آنها وجود دارد.

ارتباط ایجاد حروف html برای پست

پست یکی از مهمترین آنهاست راه های موثرفروش کالا، انتقال اخبار به مشتریان، صحبت در مورد تبلیغات و خدمات اضافی. علاوه بر این، هنگامی که یک پایگاه مشتری دارید، می توانید مشتریان «قدیمی» را بازگردانید و فروش دیگری انجام دهید.

می توانید مطالبی را در مورد خدمات اضافی ارسال کنید که مشتریان شما ممکن است پس از اولین خرید به آنها علاقه مند شده باشند.

و البته، نظریه اعداد بزرگ در اینجا کار می کند. اگر پیشنهادی برای فروش چیزی به 20000 مشترک ارسال کنید، 1000 نفر از آنها پیشنهاد را می خوانند و حداقل 10 نفر می خرند و هزینه آن 0 می شود. شما فقط یک نامه ارسال کردید!

اما کسی نامه را باز نکرد، شخصی آن را باز کرد و آن را نخواند زیرا متن بهم ریخته بود، برای کسی عکس ها باز نشد و برای کسی صفحه بندی بهم ریخته بود. اتفاق می افتد. با توجه به اینکه برنامه های ایمیل از CSS و همچنین مرورگرها پشتیبانی نمی کنند. در مورد جاوا اسکریپت، من به طور کلی ساکت هستم.

و مشکلات زیادی برای طراحان صفحه بندی که حروف html ایجاد می کنند وجود دارد.

اما امروز سعی می کنم به شما بگویم که چگونه یک حرف HTML ایجاد کنید که در همه مرورگرها (از جمله موبایل) و برنامه های ایمیل به یک اندازه خوب باز شود تا نامه های شما جذاب به نظر برسد و مشتریان خود را از دست ندهید. این آخرین پست نیست، اگر مشکلی برای نمایش وجود دارد، بعداً یا این یکی را اصلاح می کنم یا ادامه آن را می نویسم. همچنین از همه کسانی که می توانند در تست و شناسایی مشکلات کمک کنند سپاسگزار خواهم بود.

مشکلات با طرح ایمیل HTML

با توجه به اینکه خدمات پستی ندارند قوانین کلیبا نمایش حروف html، طراح صفحه باید از قوانین چیدمان دهه 90 استفاده کند. برخی از افراد نیازی به عادت به این ندارند، اما باید اعتراف کنم، من هرگز در داخل یک سند html، و نه فقط در داخل یک سند html، استایل ها را با استفاده از، یعنی inline، برای هر عنصر به طور جداگانه.

برخی از توسعه دهندگان برنامه ایمیل پشتیبانی از شیوه نامه ها و شیوه نامه ها را به روشی که در بالا توضیح داده شد، به طور کامل غیرفعال کرده اند. این را با گفتن اینکه حروف به طور خاص برای متن مورد نیاز است استدلال می کنند. بنابراین شما باید برای هر عنصر به طور جداگانه استایل بنویسید.

شگفتی دیگر این بود که بسیاری از سرویس های ایمیل از شناور و حاشیه و padding پشتیبانی نمی کنند. چگونه آن را دوست دارید؟ تصور کنید که یک حرف HTML سه ستونه جالب بر اساس div(s) ایجاد کرده اید، و کاربر آنچنان بیهوده به ذهنش می رسد که بلافاصله آن را پاک می کند، بدون اینکه بفهمد از او چه می خواهند.

بله، بله. درست شنیدی! اگر نمی خواهید هزاران کاربر را قربانی کنید که ایمیل شما را به درستی باز نمی کنند، باید از جداول استفاده کنید. به نظر می رسد که امروزه جداول تنها راه برای دستیابی به سازگاری بین مرورگرها هستند.

همانطور که در یکی از سایت ها نوشتند:

شما باید چیزهای وحشتناکی را به خاطر بسپارید: Cellpadding، cellpacing، colspan

در مورد من، من باید آنها را یاد بگیرم، زیرا هرگز از جداول استفاده نکرده ام. شاید اگر تصمیم نمی گرفتم نحوه قالب بندی حروف را بفهمم هرگز مجبور نمی شدم :)

اگر عادت به تنظیم alt برای تصاویر ندارید، باید آن را برای چیدمان حروف توسعه دهید، زیرا برخی از سرویس گیرندگان ایمیل، به طور پیش فرض، نمایش تصاویر را خاموش می کنند، و اگر تعداد زیادی از آنها را در اختیار دارید. در این نامه، کاربر قاب های خالی را می بیند و بنابراین در آنها متنی وجود خواهد داشت.

یه مشکل دیگه برام اینه که باید مدام مقادیر زیادی رو ریست کنم مثلا مرز عکسا اگه به ​​صورت لینک باشه.

فعلا همین! اگر چیز دیگری پیش بیاید، در حین رفتن آن را شرح خواهم داد. و اکنون می‌خواهم کارهایی را که تاکنون انجام داده‌ام، بدون اضافه کردن سبک‌های طراحی مانند فونت، رنگ، اندازه متن و غیره به شما نشان دهم. اینها فقط عناصر در مکان های مناسب هستند. در مقاله بعدی روند تست در سرویس های ایمیل مختلف و تغییراتی که باید ایجاد می شد را شرح خواهم داد.

همانطور که می بینید، چیزی برای کار وجود دارد. اجازه دهید روند چیدمان را کمی توضیح دهم. هیچ فایده ای ندارد که در مقاله بعدی چیزهای زیادی تغییر کند. در واقع همه چیز ساده به نظر می رسد، اما از طرف دیگر این فعالیت زمان زیادی از من گرفت.

نحوه ایجاد یک حرف html

برای شروع، یک جدول Wireframe برای کل محتوای ایمیل با عرض 100% و پس زمینه آبی ایجاد کردم. این شامل دو جدول کودک است. یکی برای سرصفحه (id="header")، دومی برای محتوا (id="content"):

خبرنامه از سایت



همانطور که قبلاً متوجه شدید، من cellpadding = "40" را برای جدول wrapper تنظیم کردم محتوا قرار خواهد گرفت.

حالا باید کلاه را به 2 قسمت تقسیم کنید. من لوگو را در یکی قرار می دهم و در دیگری یک صفحه دیگر با 3 ستون ایجاد می کنم و پیوندهای شبکه های اجتماعی را در آنجا قرار می دهم.

Png" alt="logo" width="84" height="84"/> !}

چگونه لینک های خارجی را از فهرست بندی مسدود کنیم

سلام بچه ها امروز در مورد نحوه بستن ایمن پیوندهای خارجی در صفحه فرود خود صحبت خواهیم کرد تا وزن از آن منتقل نشود، اما در صفحه شما باقی بماند. همانطور که احتمالاً تا به حال می دانید، حتی اگر پیوند را با علامت ببندید، وزن ثابت همچنان منتقل می شود و بنابراین از صفحه شما حذف می شود.

حالا باید یک ساختار 3 ستونی ایجاد کنید. از آنجایی که نمی توانیم از شناور(ها) استفاده کنیم، باید 5 ستون بسازیم. 3 برای محتوای دارای تصاویر (150 پیکسل)، و 2 برای تنظیم فاصله بین آنها (60 پیکسل).

Png" />

نحوه ساخت تگ های UTM و کاربرد آنها به روز رسانی وبلاگ و گزارش بهینه سازی کوچک اسکریپت برای تست AB

Smartlanding | 2014

تعداد قالب ها

کیفیت قالب

عالی

عالی

عالی

عالی

موضوعات موجود

تعطیلات

- تجارت

فروشگاه اینترنتی

- گردشگری

- عمومی و غیره

-تعطیلات

- رستوران

- گردشگری

- تجارت

فروشگاه اینترنتی و غیره

- ژنرال

تعطیلات

- گردشگری

- تجارت

فروشگاه اینترنتی

-فروشگاه آنلاین

- زیبایی و سلامتی

- گردشگری

- تعطیلات

فروشگاه اینترنتی

- گردشگری

انطباق نوشتن برای صفحه های مختلف

بله (حداکثر 1500 نامه به 100 آدرس)

بله (حداکثر 15000 نامه به 2000 آدرس)

بله (حداکثر 6000 نامه به 5000 آدرس)

استفاده رایگان از قالب ها

امکان استفاده از قالب های استفاده شده قبلی

  1. UniSender.

یکی از محبوب ترین سرویس های روسی شده برای ایجاد خبرنامه ایمیل. 3 ویرایشگر موجود است: برای قالب های بلوک (متن و محتوای بصری را می توان به صلاحدید شما تغییر داد)، برای قالب های اولیه و HTML آماده، برای کار با الگوی ایمیل HTML خودتان. درک ویراستارها دشوار نیست، سیستم نکاتی را ارائه می دهد و این همه است ابزار لازمدر بالای صفحه کاری قرار دارند.

  1. SendPulse

یک سایت به همان اندازه محبوب، واضح و راحت برای ایجاد قالب های حروف HTML و کار با قالب های آماده. در بین موارد بررسی شده، دارای بزرگترین بسته رایگان و الگوهای بسیار زیادی برای ایجاد یک خبرنامه موفق است.

این سایت به شما این امکان را می دهد که قالب های خود را در یک ویرایشگر HTML ساده، طراح یا با دانلود قالب خود از رایانه خود ایجاد کنید. طراح به راحتی قابل درک است.

  1. رامیلر

یک سایت متوسط ​​از نظر طراحی با قالب های خوب و بسته رایگان نسبتا بزرگ. عملکرد برای کار با مقدار محدودقالب ها به اندازه ای که کاربران با تجربه می خواهند گسترده نیست. هیچ ویرایشگر بلوکی مناسبی وجود ندارد.

مزیت این سرویس این است که فرصت های بسیار خوبی برای مشترکان صادراتی دارد. آنها را می توان بر اساس فعالیت، بر اساس برگه، و همچنین با ورود به سیستم یا دامنه در یک آدرس ایمیل دانلود کرد.

  1. GetResponse

این سرویس به دلیل آن مشهور است تعداد زیادیقالب های موجود در 24 دسته. رابط کاربری دلپذیر خود سایت با یک ویرایشگر بلاک کاربر پسند از قالب های آماده و سفارشی HTML برای نامه به مشتریان تکمیل می شود.

استفاده از ویرایشگر آسان است. بلوک ها را می توان به راحتی کشیده، مرتب کرد، حذف کرد یا اضافه کرد. وقتی روی بلوک کلیک می کنید، یک منوی کاری با دکمه هایی برای انجام اقدامات اساسی با تصاویر و محتوای متن ظاهر می شود.

برای مشاهده الگوها، باید با وارد کردن اطلاعات فرستنده و موضوع نامه، کار با لیست پستی را شروع کنید و سپس دکمه «Block email builder» را انتخاب کنید. اگر کاربر بخواهد با قالب خود کار کند، باید "HTML Code Editor" را انتخاب کند.

  1. میلرلایت

یک سایت توزیع ایمیل که بسیاری از کاربران آن را ساده ترین می نامند. عملکرد کار با قالب ها کاملاً محدود است، اما اقدامات اساسی قابل انجام هستند. حتی یک مبتدی می تواند ویرایشگر را درک کند، زیرا ... ساده و واضح است درست مانند سایر پلتفرم‌ها، می‌توانید قالب‌های HTML خود را برای خبرنامه‌های ایمیل آپلود کنید، آنها را ویرایش و استفاده کنید.

چگونه یک قالب نامه HTML مناسب انتخاب کنیم؟

انتخاب یک سرویس و قالب برای خبرنامه های ایمیل یک موضوع مسئول است که باید عاقلانه با آن برخورد کرد، زیرا... موفقیت بیشتر یک سازمان تجاری یا کارآفرین تا حدی به این بستگی دارد. هنگام انتخاب یک سرویس، می توانید به ویژگی های فوق، نظرات دوستان یا کاربران در اینترنت، نمونه هایی از کار در سایت و همچنین احساسات خود در مورد کار با یک سرویس خاص اعتماد کنید.

یک پاسخ اضافی به این سوال "چگونه می دانید کدام الگو را انتخاب کنید؟" آمار در مورد محبوب ترین خدمات می تواند خدمت کند. ممکن است، اما اجازه دهید با آن روبرو شویم، درصد باز شدن، انتقال، کلیک‌ها و لغو اشتراک عملاً به خدمات بستگی ندارد. تنها چیزی که به آن اشاره کردیم این بود که، برای مثال، در SandPulse (محدودیت‌های مجلل مجلل) درصد کمی بالاتر از ایمیل‌ها به‌جای صندوق ورودی، در پوشه «اسپم» قرار می‌گیرند. و هیچ کس دیگری نمی تواند درصد خطاهای منتشر شده توسط خود سرویس ها را کنترل کند، مگر به صورت تجربی در موارد مجزا.

ما به طور مفصل در مورد قابلیت های رایگان خدمات پستی نوشتیم.

چگونه بفهمیم کدام قالب ایمیلآیا در هر مورد خاص مناسب است؟ این را می توان تنها با کار با قالب های مختلف، انتخاب انجام داد بهترین طراحیو محتوا. بسیاری از شرکت ها ابتدا استفاده می کنند قالب های آماده، آنها را اصلاح کنید، و سپس آنها را ایجاد کنید. این گزینه خوباگر مهارت های نوشتن html حروف و صفحاتنه، اما به نظر می رسد خبرنامه ابزار مفیدی باشد.

خدمات اینترنتی برای کسب و کار
پیوند به مطالب مورد نیاز است!


سلام خوانندگان عزیز - سایت!

امروز به شما نشان خواهم داد که چگونه یک مورد زیبا برای خبرنامه ایمیل خود بسازید.

مدتهاست که بر کسی پوشیده نیست که کل تجارت اینترنتی بر پایه بازاریابی ایمیلی بنا شده است.

هر روز با کمک خبرنامه ها، تاجران اطلاعات و وبلاگ نویسان با مشترکان خود تماس می گیرند و کالاها و خدمات مختلفی را به آنها ارائه می دهند.

اما برای اینکه چنین پیشنهادی مورد توجه قرار گیرد و بلافاصله به پوشه هرزنامه ارسال نشود، باید توجه را به آن جلب کنید.

برای انجام این کار، ایجاد یک الگوی نامه HTML با طراحی زیبا مناسب خواهد بود.

به خصوص برای شما یک قالب تستی انتخاب کرده ام که کمک بصری خواهد بود.

چه کاری و چگونه انجام خواهیم داد؟

ما ساده ترین قالب ایمیل HTML () را ایجاد خواهیم کرد که از یک کادر گفتگوی اصلی و دو ستون فرعی تشکیل شده است.

ایجاد یک میز وایرفریم و ظرف

ابتدا باید یک قاب HTML برای نامه خود ایجاد کنیم. به این صورت خواهد بود:

قالب حروف HTML

قالب حروف HTML



لطفا توجه داشته باشید که عرض میز را روی 99 درصد قرار داده ام، فضای کمی در اطراف آن باقی می گذارد. این خواسته شخصی من نیست، بلکه نیاز برخی از سرویس گیرندگان ایمیل وب مانند جیمیل و یاهو است. بقیه ایمیل‌های ما در آن سلول جدول خواهد بود که در مرکز قرار دارد.

گام بعدی ایجاد یک بسته بندی جدول از محتوای واقعی نامه است. حداکثر اندازه طراحی را بیش از 600 پیکسل نگه دارید:

قالب حروف HTML



همراه با سایه روشن روی پس زمینه سفید، قالب ایمیل ما تا 640 پیکسل کشیده شد، اما منطقه کارهمچنان برابر با 600px باقی می ماند.

ایجاد هدر

اکنون که جدول اصلی ایجاد شده است، زمان آن رسیده است که آن را با محتوای لازم پر کنید. من از بالای الگوی نامه شروع می کنم و به آرامی به سمت پایین حرکت می کنم.

خط بالا

از این به بعد کدهای نوشته شده قبلی (فریم جدول) را حذف خواهم کرد.

بنابراین ردیف اول صفحه گسترده دارای پس‌زمینه آبی با فونت سفید و پیوندی به نسخه وب ایمیل است. بسیار مهم است که نامه خود را با چنین پیوندی تجهیز کنید، زیرا همه مشتریان ایمیل محتویات آن را به یک اندازه درست نمایش نمی دهند.

و سبک CSS مسئول ظاهر آن است:

/* فونت ها و تایپوگرافی */ .footer ( فونت-خانواده: Arial,Helvetica,sans-serif؛ اندازه قلم: 11px؛ رنگ: #fff؛ padding-right: 20px؛ )

لوگو و نمادهای رسانه های اجتماعی

با رفتن به سمت پایین، آرم و را مشاهده می کنیم که در یک سطح قرار دارند.

کد زیر مسئول خروجی آنها است:

علاوه بر این، سبک های زیر به تمام تصاویر ما در قالب ایمیل HTML اضافه می شوند:

/* پس‌زمینه */ .email_background ( عرض: 640 پیکسل؛ پس‌زمینه: url ("email_images/email_bg.jpg") تکرار-y; ) /* تصاویر */ img (نمایش: بلوک؛ حاشیه: هیچ، )

به این ترتیب، نمادهای اجتماعی در سلول های جدول تودرتو در جای خود قرار می گیرند و هیچ ارتباطی با بخش های دیگر نامه ندارند. این اجازه می دهد تا آنها را در صورت نیاز تغییر دهید.

اضافه کردن محتوا

ابتدا با اضافه کردن تصویر اول شروع می کنیم که در این طرح 560 پیکسل در 210 پیکسل است. همچنین می توانید سایه تغییر شکل زیبا را در زیر تصویر مشاهده کنید که به طور جداگانه انجام شده است و به شما امکان می دهد بدون از دست دادن سایه، تصاویر را به سرعت تغییر دهید. بریم سراغ کد:

در اینجا ما یک ردیف جدید برای نمایش تصاویر بزرگ ایجاد کرده‌ایم، عرض را روی 560 پیکسل قرار می‌دهیم و در هر دو طرف آن را اضافه می‌کنیم. ما همین اقدامات را با سایه انجام دادیم.

اضافه کردن عنوان و محتوا

با حرکت در زیر، عنوان مطلب اصلی و خود محتوا را می بینیم. در اینجا کد زیر وظیفه نمایش محتوا را بر عهده دارد:

این داستان برجسته شماست

این عقیده وجود دارد که پاتایا به دلیل این واقعیت است که ملوانان آمریکایی اغلب در اینجا تعطیلات می کنند، هنوز تعداد زیادی از آنها در اینجا وجود دارد و همیشه توسط چندین تایلندی احاطه شده اند. طبیعتاً در بین هموطنان ما کمتر از مصر و ترکیه محبوبیت دارد. اما گفتار بومی در اینجا همه جا شنیده می شود)) هم در مراکز خرید هنگام خرید و هم در بسیاری از بارهای محلی)). پاتایا عمدتاً به خاطر زندگی شبانه، دریا و منسوجات مشهور است. البته، در میان چیزهای دیگر، شما می توانید بسیاری از چیزهای جالب دیگر را در اینجا بیابید. در اینجا می توانید هر وسیله نقلیه ای از جمله جیپ و اسکوتر را اجاره کنید. برای دوستداران موتورسیکلت، اینجا یک بهشت ​​است. برای کرایه یک موتورسیکلت، ممکن است حتی برای 100-500 بات (به اضافه سپرده 2000 بات) به گواهینامه نیاز نداشته باشید، می توانید یک اسکوتر مناسب کرایه کنید و برای لذت خود سوار شوید.

برای تغییر ظاهر هدر و متن یک الگوی نامه، فقط از سبک های زیر استفاده کنید:

H1 (رنگ: #e95f03؛ فونت-خانواده: Futura، Verdana، Sans-Serif؛ بالشتک: 0؛ حاشیه: 0؛ اندازه قلم: 24 پیکسل؛ وزن قلم: عادی؛ ) .content ( بالشتک: 0؛ حاشیه: 0 ) p (فونت-خانواده: Arial، Helvetica، sans-serif؛ اندازه قلم: 13 پیکسل؛ ارتفاع خط: 20 پیکسل؛ )

مطالب اضافی

اکنون به سراغ محتوای اضافی قالب خود می رویم. همانطور که قبلاً متوجه شدید ، به دو ستون تقسیم شده است. هر ستون شامل یک عکس، یک عنوان و یک پیش نمایش کوچک است. همه اینها با استفاده از کد زیر ایجاد می شوند:

این یک عنوان فرعی است

این یک عنوان فرعی است

با وجود شهرت ویران شده پاتایا، در اینجا می توانید دریابید که ماساژ بدنام تایلندی فقط پوششی برای فاحشه خانه ها نیست. در تایلند واقعاً ماساژهای خوبی می دهند و بهترین متخصصاندر این هنر استادان نابینا در نظر گرفته می شوند. راز آنها در افزایش حساسیت انگشتان نهفته است.

خیابان اصلی و قلب پاتایا که هیچکس را بی تفاوت نمی گذارد. آربات محلی، میدان تایمز و سدوم و گومورا در یک لیوان، واکینگ استریت منبع واقعی عشق و نفرت هم برای مردم محلی و هم برای بازدیدکنندگان است. وقتی می گوییم پاتایا، به معنای واکینگ استریت است.

در اینجا ما هنوز باید یک سبک اضافی اضافه کنیم. اینجاست:

H2 (رنگ: #e95f03؛ فونت-خانواده: Futura، Verdana، Sans-Serif؛ بالشتک: 0؛ حاشیه: 0؛ اندازه قلم: 18 پیکسل؛ وزن قلم: معمولی؛ )

بستن یک قالب ایمیل HTML

بنابراین ما به انتهای الگوی خود نزدیک می شویم. در اینجا باید با استفاده از تصویر و کد زیر پنجره اصلی را ببندیم:

یکی از بیشترین جنبه های مهم، افزودن پیوندی برای لغو اشتراک از دریافت چنین نامه هایی در انتهای الگوی نامه است (). بله، بله، می دانم، شما نمی خواهید مشترکین خود را از دست بدهید. اما شما همچنین نمی توانید آنها را عصبانی کنید. شما باید این فرصت را برای مشتریان فراهم کنید که از دریافت نامه هایی که ممکن است برای مدت طولانی برای آنها خسته کننده بوده، خودداری کنند. خوب، در همان زمان، به شما یادآوری کنید که نویسنده کیست.

در اینجا به کد زیر نیاز دارید:

خبرنامه از: ایوانف ایوان
نویسنده وبلاگ: Ivan.ru

می خواهید لغو اشتراک کنید؟ اینجا را کلیک کنید

نتیجه گیری

دوستان عزیز برای نمایش همه عناصر گرافیکیدر قالب نامه آنها باید در هر سرور آنلاین آپلود شوند و در خطوط کد مربوطه باید یک مسیر منحصر به فرد برای این تصاویر بنویسید.

الگوی حروف HTML آزمایشی به عنوان یک راهنما ارائه شده است که می توانید هر زمان که بخواهید آن را به سلیقه و رنگ خود تغییر دهید.

این همه برای امروز است. امیدوارم خوشتون اومده باشه

تا مطالب جدید...

با احترام، دنیس چرنیکوف!



 


بخوانید:



عناصر ترانس اورانیوم چرا فلزات واسطه بد هستند؟

عناصر ترانس اورانیوم چرا فلزات واسطه بد هستند؟

همچنین محدودیت هایی برای وجود هسته های اتمی از عناصر فوق سنگین وجود دارد. عناصر با Z > 92 در شرایط طبیعی یافت نشده اند.

آسانسور فضایی و نانوتکنولوژی آسانسور مداری

آسانسور فضایی و نانوتکنولوژی آسانسور مداری

ایده آسانسور فضایی در آثار علمی تخیلی نویسنده بریتانیایی آرتور چارلز کلارک در سال 1979 ذکر شد. او...

نحوه محاسبه گشتاور

نحوه محاسبه گشتاور

با در نظر گرفتن حرکات انتقالی و چرخشی، می توان قیاسی بین آنها برقرار کرد. در سینماتیک حرکت انتقالی، مسیر ...

روش های تصفیه سل: دیالیز، الکترودیالیز، اولترافیلتراسیون

روش های تصفیه سل: دیالیز، الکترودیالیز، اولترافیلتراسیون

اصولاً از 2 روش استفاده می شود: روش پراکندگی - با استفاده از خرد کردن یک ماده جامد به ذرات به اندازه کلوئیدها ....

فید-تصویر RSS