رفتن به مطلب

کمک برای زیبا سازی ایمیل های Contact form 7


پست های پیشنهاد شده

دوستان من میخوام وقتی کسی واسم از تماس با ما ایمیل میزنه محتویات متن انقد لخت و عور نباشه و یه جلوه ی خوبی داشته باشه

نمونه ی فعلی

32209796420888922067.jpg

به عبارت دیگه یه استایل در قسمت [your-message] اجرا بشه

که محتوای ایمیلی که برای مدیر ارسال میشه بی روح نباشه

کسی میتونه کمک بکنه

ممنون میشم

لینک به ارسال

خب شما در قسمت پست الکترونیک ( در داخل فرمی که در حال ساختش هستید ) تیک گزینه " استفاده از فرمت HTML " رو بزنید و بعد هم با div ها استایل دهی کنید

لینک به ارسال

میتونید یک قالب ایمیل رو دانلود کنید و این کد ها را توش بزارید

و به دلواه خوذتون ویرایش کنید

نمونه یک قالب ایمیل

<html>

<head>

</head>

<body>

<div style="direction:rtl;text-align:right;font-family:Tahoma;font-size:8pt;background-color:White">

<div marginwidth="0" marginheight="0" style="width:100%;margin:0;padding:0;background-color:#f5f5f5;font-family:tahoma">

<div style="display:block;min-height:5px;background-color:#32689a"></div>

<center>

<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">

<tbody>

<tr>

<td align="center" valign="top" style="border-collapse:collapse;color:#525252">

<table border="0" cellpadding="0" cellspacing="0" width="700">

<tbody><tr>

<td align="center" valign="top" height="20" style="border-collapse:collapse;color:#525252"></td>

</tr>

<tr>

<td align="center" valign="top" style="border-collapse:collapse;color:#525252">

<table width="100%" border="0">

<tbody><tr>

<td width="100%" align="center" style="border-collapse:collapse;color:#525252">

<table border="0" cellpadding="0" cellspacing="0" style="margin-bottom:10px">

<tbody><tr>

<td width="641" height="34" align="center" style="border-collapse:collapse;color:#525252">

<a href="#" style="width:80px;min-height:34px;display:block" target="_blank">

</a> </td> </tr>

</tbody></table> </td> </tr> </tbody></table> </td> </tr> <tr>

<td align="center" height="38" style="border-collapse:collapse;color:#525252"></td> </tr> <tr>

<td align="center" valign="top" style="border-collapse:collapse;color:#525252">

<table width="100%" valign="top" border="0" cellpadding="0" cellspacing="0">

<tbody><tr> <td width="100%" style="direction:rtl;border-collapse:collapse;color:#525252;padding:10px;background-color:rgb(255,255,255);border-color:rgb(221,221,221);border-width:1px;border-radius:5px;border-style:solid;font-size:8pt;padding:15px 40px!important" align="justify" dir="rtl" valign="top">

<table dir="rtl" style="direction:rtl">

<tbody><tr>

<td style="border-collapse:collapse;color:#525252;padding:0px!important;text-align:justify;direction:rtl;font-family:Tahoma;line-height:20px;font-size:8pt" align="right" valign="top"> <br>

<div style="font-size:15px;color:rgb(83,83,83);text-align:justify;font-weight:bold;font-family:Tahoma">

پیام شما با موفقیت دریافت شد !

</div>

<br>

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

<br>

تشکر

<br><br>

آرش حیدری ، مدیر سایت پیکور

<br>

www.picor.ir

<br><br>

</td> </tr> </tbody></table> </td> </tr> <tr>

<td align="center" valign="top" height="10" style="border-collapse:collapse;color:#525252"></td>

</tr> <tr> <td align="center" valign="top" style="border-collapse:collapse;color:#525252">

<table width="100%" valign="top" border="0" cellpadding="0" cellspacing="0" dir="rtl"> <tbody><tr>

<td width="100%" style="border-collapse:collapse;color:#525252;padding:10px;background-color:rgb(255,255,255);border-color:rgb(221,221,221);border-width:1px;border-radius:5px;border-style:solid;font-size:8pt;padding:15px 40px!important" align="justify" valign="top">

<p style="line-height:20px;font-family:Tahoma;font-size:8pt">

توجه : این ایمیل به صورت خودکار فرستاده شده است ، بنابراین به آن جواب ندهید و منتظر ایمیل ما باشید.

</p>

</td> </tr> <tr>

<td align="center" valign="top" height="10" style="border-collapse:collapse;color:#525252"></td> </tr> <tr>

<td width="100%" style="font-size:8pt;border-collapse:collapse;color:#525252;padding:10px;background-color:rgb(255,255,255);border-color:#e8e8e8;border-width:1px;border-radius:5px;border-style:solid;font-size:8pt;padding:15px 40px!important" align="left" valign="top"> <center>

<a href="http://picor.ir" style="color:#999;text-decoration:none;font-family:Tahoma;font-size:8pt" target="_blank">صفحه نخست</a>

  |  

<a href="http://picor.ir/about-us" style="color:#999;text-decoration:none;font-family:Tahoma;font-size:8pt" target="_blank">درباره ما</a>

  |  

<a href="http://picor.ir/contact" style="color:#999;text-decoration:none;font-family:Tahoma;font-size:8pt" target="_blank">ارتباط با ما</a>

  | 

<a href="http://www.facebook.com/pages/picorir/447849195255223" style="color:#999;text-decoration:none;font-family:Tahoma;font-size:8pt" target="_blank">ما در فیس بوک</a>

</center>

</td>

</tr>

</tbody>

</table> </td>

</tr> <tr>

<td align="center" valign="top" height="33" style="border-collapse:collapse;color:#525252">

</td> </tr>

<tr>

<td style="border-collapse:collapse;color:#525252">

</td> </tr> <tr>

<td align="center" valign="top" height="30" style="border-collapse:collapse;color:#525252">

</td> </tr> </tbody></table> </td> </tr></tbody></table></center></div></div>

</body>

</html>

منبع قالب ایمیل:پیکور

ویرایش شده توسط Morteza
لینک به ارسال

تست کنید:

<div style="direction:rtl;font-family:tahoma;border:1px solid gray;">
<srtong> از:</strong> [your-name] <[your-email]>
<srtong>موضوع:<srtong> [your-subject]

<srtong>متن پیام:<srtong>

[your-message]
</div>

لینک به ارسال
  • 3 سال بعد...

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...