تماس با ما: تفاوت میان نسخهها
ظاهر
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
خط ۱۰۹: | خط ۱۰۹: | ||
.note { | .note { | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
border-right: 4px solid # | border-right: 4px solid #6a69bd; | ||
padding: 12px 15px; | padding: 12px 15px; | ||
margin: 20px 0; | margin: 20px 0; | ||
خط ۱۹۹: | خط ۱۹۹: | ||
} | } | ||
.setup- | .setup-instructions { | ||
background: #f8f9fa; | background-color: #f8f9fa; | ||
border-right: 4px solid #6a69bd; | |||
padding: 20px; | padding: 20px; | ||
margin: 20px 0; | margin: 20px 0; | ||
border-radius: 8px; | border-radius: 8px; | ||
} | } | ||
.setup- | .setup-instructions h3 { | ||
color: #4a69bd; | color: #4a69bd; | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
} | } | ||
. | .instruction-step { | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
padding-bottom: 15px; | padding-bottom: 15px; | ||
خط ۲۱۸: | خط ۲۱۸: | ||
} | } | ||
. | .instruction-step:last-child { | ||
border-bottom: none; | border-bottom: none; | ||
margin-bottom: 0; | margin-bottom: 0; | ||
خط ۲۶۲: | خط ۲۶۲: | ||
<div class="form-group"> | <div class="form-group"> | ||
<label for="userName" class="required">نام شما</label> | <label for="userName" class="required">نام شما</label> | ||
<input type="text" id="userName" name=" | <input type="text" id="userName" name="user_name" placeholder="نام خود را وارد کنید" required> | ||
</div> | </div> | ||
<div class="form-group"> | <div class="form-group"> | ||
<label for="userEmail" class="required">ایمیل شما</label> | <label for="userEmail" class="required">ایمیل شما</label> | ||
<input type="email" id="userEmail" name=" | <input type="email" id="userEmail" name="user_email" placeholder="email@example.com" required> | ||
</div> | </div> | ||
<div class="form-group"> | <div class="form-group"> | ||
<label for="userSubject" class="required">موضوع پیام</label> | <label for="userSubject" class="required">موضوع پیام</label> | ||
<select id="userSubject" name=" | <select id="userSubject" name="subject" required> | ||
<option value="">انتخاب موضوع</option> | <option value="">انتخاب موضوع</option> | ||
<option value="سوال">سوال</option> | <option value="سوال">سوال</option> | ||
خط ۲۸۴: | خط ۲۸۴: | ||
<div class="form-group"> | <div class="form-group"> | ||
<label for="userMessage" class="required">پیام شما</label> | <label for="userMessage" class="required">پیام شما</label> | ||
<textarea id="userMessage" name=" | <textarea id="userMessage" name="message" placeholder="پیام خود را اینجا بنویسید..." rows="5" required></textarea> | ||
</div> | </div> | ||
خط ۳۰۲: | خط ۳۰۲: | ||
</div> | </div> | ||
<div class="setup- | <div class="setup-instructions"> | ||
<h3>راهنمای تنظیم | <h3>راهنمای تنظیم EmailJS</h3> | ||
<div class=" | <div class="instruction-step"> | ||
<p><strong> | <p><strong>1. ایجاد حساب رایگان در EmailJS:</strong></p> | ||
<p>به <a href="https://www.emailjs.com/" target="_blank">EmailJS.com</a> بروید و یک حساب رایگان ایجاد کنید.</p> | <p>به <a href="https://www.emailjs.com/" target="_blank">EmailJS.com</a> بروید و یک حساب رایگان ایجاد کنید.</p> | ||
</div> | </div> | ||
<div class=" | <div class="instruction-step"> | ||
<p><strong> | <p><strong>2. اضافه کردن سرویس ایمیل:</strong></p> | ||
<p>در پنل EmailJS، سرویس ایمیل خود ( | <p>در پنل EmailJS، سرویس ایمیل خود (مانند Gmail) را اضافه و تأیید کنید.</p> | ||
</div> | </div> | ||
<div class=" | <div class="instruction-step"> | ||
<p><strong> | <p><strong>3. ایجاد تمپلیت ایمیل:</strong></p> | ||
<p>یک تمپلیت | <p>یک تمپلیت جدید ایجاد کنید و متغیرهای زیر را استفاده کنید:</p> | ||
<p>{{ | <p>{{user_name}}، {{user_email}}، {{subject}}، {{message}}</p> | ||
</div> | </div> | ||
<div class=" | <div class="instruction-step"> | ||
<p><strong> | <p><strong>4. جایگزینی اطلاعات حساب:</strong></p> | ||
<p>مقادیر SERVICE_ID، TEMPLATE_ID و PUBLIC_KEY را در کد | <p>مقادیر SERVICE_ID، TEMPLATE_ID و PUBLIC_KEY را در کد JavaScript با اطلاعات حساب خود جایگزین کنید.</p> | ||
</div> | </div> | ||
</div> | </div> | ||
خط ۳۷۵: | خط ۳۷۵: | ||
// ارسال ایمیل با استفاده از EmailJS | // ارسال ایمیل با استفاده از EmailJS | ||
emailjs.send("YOUR_SERVICE_ID", "YOUR_TEMPLATE_ID", { | emailjs.send("YOUR_SERVICE_ID", "YOUR_TEMPLATE_ID", { | ||
user_name: name, | |||
user_email: email, | |||
subject: subject, | |||
message: message, | |||
to_email: "info@pediabible.com" | to_email: "info@pediabible.com" | ||
}) | }) |
نسخهٔ ۱۵ سپتامبر ۲۰۲۵، ساعت ۲۱:۲۱
<!DOCTYPE html>
ارسال پیام به دانشنامه کتاب مقدس
پاسخگوی سوالات و پیام های شما هستیم
راهنمای تنظیم EmailJS
1. ایجاد حساب رایگان در EmailJS:
به EmailJS.com بروید و یک حساب رایگان ایجاد کنید.
2. اضافه کردن سرویس ایمیل:
در پنل EmailJS، سرویس ایمیل خود (مانند Gmail) را اضافه و تأیید کنید.
3. ایجاد تمپلیت ایمیل:
یک تمپلیت جدید ایجاد کنید و متغیرهای زیر را استفاده کنید:
{{user_name}}، {{user_email}}، {{subject}}، {{message}}
4. جایگزینی اطلاعات حساب:
مقادیر SERVICE_ID، TEMPLATE_ID و PUBLIC_KEY را در کد JavaScript با اطلاعات حساب خود جایگزین کنید.