پرش به محتوا

تماس با ما: تفاوت میان نسخه‌ها

از دانشنامه کتاب مقدس
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۱۰۹: خط ۱۰۹:
         .note {
         .note {
             background-color: #f8f9fa;
             background-color: #f8f9fa;
             border-right: 4px solid #6a69cc;
             border-right: 4px solid #6a69bd;
             padding: 12px 15px;
             padding: 12px 15px;
             margin: 20px 0;
             margin: 20px 0;
خط ۱۹۹: خط ۱۹۹:
         }
         }
          
          
         .setup-guide {
         .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;
            border-right: 4px solid #6a69cc;
         }
         }
          
          
         .setup-guide h3 {
         .setup-instructions h3 {
             color: #4a69bd;
             color: #4a69bd;
             margin-bottom: 15px;
             margin-bottom: 15px;
         }
         }
          
          
         .setup-step {
         .instruction-step {
             margin-bottom: 15px;
             margin-bottom: 15px;
             padding-bottom: 15px;
             padding-bottom: 15px;
خط ۲۱۸: خط ۲۱۸:
         }
         }
          
          
         .setup-step:last-child {
         .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="userName" placeholder="نام خود را وارد کنید" required>
                     <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="userEmail" placeholder="email@example.com" required>
                     <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="userSubject" required>
                     <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="userMessage" placeholder="پیام خود را اینجا بنویسید..." rows="5" required></textarea>
                     <textarea id="userMessage" name="message" placeholder="پیام خود را اینجا بنویسید..." rows="5" required></textarea>
                 </div>
                 </div>
                  
                  
خط ۳۰۲: خط ۳۰۲:
         </div>
         </div>
          
          
         <div class="setup-guide">
         <div class="setup-instructions">
             <h3>راهنمای تنظیم ایمیل خودکار</h3>
             <h3>راهنمای تنظیم EmailJS</h3>
             <div class="setup-step">
             <div class="instruction-step">
                 <p><strong>۱. ایجاد حساب EmailJS رایگان:</strong></p>
                 <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="setup-step">
             <div class="instruction-step">
                 <p><strong>۲. افزودن سرویس ایمیل:</strong></p>
                 <p><strong>2. اضافه کردن سرویس ایمیل:</strong></p>
                 <p>در پنل EmailJS، سرویس ایمیل خود (Gmail، Outlook و غیره) را اضافه کنید.</p>
                 <p>در پنل EmailJS، سرویس ایمیل خود (مانند Gmail) را اضافه و تأیید کنید.</p>
             </div>
             </div>
             <div class="setup-step">
             <div class="instruction-step">
                 <p><strong>۳. ایجاد تمپلیت ایمیل:</strong></p>
                 <p><strong>3. ایجاد تمپلیت ایمیل:</strong></p>
                 <p>یک تمپلیت ایمیل ایجاد کنید و متغیرهای زیر را استفاده کنید:</p>
                 <p>یک تمپلیت جدید ایجاد کنید و متغیرهای زیر را استفاده کنید:</p>
                 <p>{{userName}}، {{userEmail}}، {{userSubject}}، {{userMessage}}</p>
                 <p>{{user_name}}، {{user_email}}، {{subject}}، {{message}}</p>
             </div>
             </div>
             <div class="setup-step">
             <div class="instruction-step">
                 <p><strong>۴. جایگزینی اطلاعات حساب:</strong></p>
                 <p><strong>4. جایگزینی اطلاعات حساب:</strong></p>
                 <p>مقادیر SERVICE_ID، TEMPLATE_ID و PUBLIC_KEY را در کد زیر با اطلاعات حساب خود جایگزین کنید.</p>
                 <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", {
                 userName: name,
                 user_name: name,
                 userEmail: email,
                 user_email: email,
                 userSubject: subject,
                 subject: subject,
                 userMessage: message,
                 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 با اطلاعات حساب خود جایگزین کنید.

راه های ارتباطی

دانشنامه کتاب مقدس