Подключение платежной системы Transzilla и отправка формы на почту
Как работает логика отправки формы на почту магазина и логика платежной системы Transzilla
Магазин очень простой, весь функционал реализован при помощи плагина Advanced Custom Fields. Знаю, что у платежной системы Tranzila есть плагин для WooCommerce, но сам сайт не на WooCommerce. Подскажите, как реализовать подключение к платежной системе и отправку данных о заказе на почту, после успешеной оплаты.
Код формы:
<form id="itranpayform" class="prise__form" action="https://secure5.tranzila.com/cgi-bin/tranzila71u.cgi" method="POST">
<div class="prise__items">
<div class="prise__item-sup">
<div class="prise__item-sup--promo">
<h3 class="prise__item-sup--promo-title title">
1. בחרי כמות
</h3>
<div class="prise__item-sup--promo-lable">
<div class="prise__item-sup--promo-lable--wrapper">
<p class="prise__item-sup--promo-lable--text">
ההנחה שלך התקבלה בהצלחה
</p>
<p class="prise__item-sup--promo-lable--text">
אין לעזוב עמוד זה על מנת לא לאבד אותה
</p>
</div>
<div class="prise__item-sup--promo-lable--img">
<img class="prise__item-sup--promo-lable--img-img" src="<?php bloginfo( 'template_url' ); ?>/assets/img/lable.svg" alt="lable">
</div>
</div>
<div class="prise__item-sup--select">
<div class="prise__item-sup--select-product">
<h3 class="prise__item-sup--select-product--title title">
כמות
</h3>
<label class="prise__item-sup--select-product--lable">
<input class="prise__item-sup--select-product--checkbox" type="radio"
name="price" id="one-item" checked>
<span class="prise__item-sup--select-product--lable-fake"></span>
<span class="prise__item-sup--select-product--lable-text"><?php the_field('prise__item-sup--select-product--lable-text-1') ?></span>
</label>
<label class="prise__item-sup--select-product--lable">
<input class="prise__item-sup--select-product--checkbox" type="radio"
name="price" id="two-item">
<span class="prise__item-sup--select-product--lable-fake"></span>
<span class="prise__item-sup--select-product--lable-text stiker"><?php the_field('prise__item-sup--select-product--lable-text-2') ?></span>
</label>
<label class="prise__item-sup--select-product--lable">
<input class="prise__item-sup--select-product--checkbox" type="radio"
name="price" id="three-item">
<span class="prise__item-sup--select-product--lable-fake"></span>
<span class="prise__item-sup--select-product--lable-text"><?php the_field('prise__item-sup--select-product--lable-text-3') ?></span>
</label>
</div>
<div class="prise__item-sup--select-price">
<h3 class="prise__item-sup--select-price--name">
מחיר
</h3>
<p class="prise__item-sup--select-price--text"><span id="price-def-1"><?php the_field('prise__item-sup--select-price--text-1') ?></span> ₪ (<span id="def-sale-1">199</span> ₪/ליחידה)</p>
<p class="prise__item-sup--select-price--text"><span id="price-def-2"><?php the_field('prise__item-sup--select-price--text-2') ?></span> ₪ (<span id="def-sale-2">159</span> ₪/ליחידה)</p>
<p class="prise__item-sup--select-price--text"><span id="price-def-3"><?php the_field('prise__item-sup--select-price--text-3') ?></span> ₪ (<span id="def-sale-3">139</span> ₪/ליחידה)</p>
</div>
</div>
</div>
<div class="price__item-sup--wrapper">
<div class="price__item-sup--additionally">
<h3 class="price__item-sup--additionally-promo-title title">
שפרי את הזמנתך באמצעות:
</h3>
<div class="price__item-sup--additionally-alternative">
<div class="price__item-sup--additionally-alternative-select">
<label class="price__item-sup--additionally-alternative-select--lable">
<input
class="price__item-sup--additionally-alternative-select--lable-checkbox"
type="checkbox" name="alternative" id="two-year">
<span
class="price__item-sup--additionally-alternative-select--fake"></span>
<span
class="price__item-sup--additionally-alternative-select--text"><?php the_field('price__item-sup--additionally-alternative-select--text-1') ?></span>
</label>
<label class="price__item-sup--additionally-alternative-select--lable">
<input
class="price__item-sup--additionally-alternative-select--lable-checkbox"
type="checkbox" name="alternative" id="one-year" checked>
<span
class="price__item-sup--additionally-alternative-select--fake"></span>
<span
class="price__item-sup--additionally-alternative-select--text"><?php the_field('price__item-sup--additionally-alternative-select--text-2') ?></span>
</label>
</div>
<div class="price__item-sup--additionally-alternative-price">
<p class="price__item-sup--additionally-alternative-price--numb"><bdo
dir="ltr">₪ <span id="def-guar-2"><?php the_field('price__item-sup--additionally-alternative-price--numb-1') ?></span></bdo>
</p>
<p class="price__item-sup--additionally-alternative-price--numb"><bdo
dir="ltr">₪ <span id="def-guar-1"><?php the_field('price__item-sup--additionally-alternative-price--numb-2') ?></span> </bdo>
</p>
</div>
</div>
</div>
<div class="price__item-sup--additionally-insurance">
<div class="price__item-sup--additionally-insurance--product">
<h3 class="price__item-sup--additionally--insurance-promo-title title">
סיכום הזמנה
</h3>
<p class="price__item-sup--additionally-insurance--text" id="name-output">Wonder Brush X 1
</p>
<p class="price__item-sup--additionally-insurance--text" id="guar-output">אחריות לשנתיים</p>
<p class="price__item-sup--additionally-insurance--text">דמי משלוח</p>
</div>
<div class="price__item-sup--additionally-insurance--price">
<h3 class="price__item-sup--additionally--insurance-price-title title">
מחיר
</h3>
<p class="price__item-sup--additionally-insurance--price-numb" id="name-output-price"><bdo
dir="ltr">₪
199</bdo>
</p>
<p class="price__item-sup--additionally-insurance--price-numb" id="guar-output-price"><bdo
dir="ltr">₪
25</bdo>
</p>
<p class="price__item-sup--additionally-insurance--price-numb"><bdo
dir="ltr">₪
0</bdo>
</p>
</div>
</div>
</div>
</div>
<h3 class="price__item-contact--title title">2 . לאן לשלוח?</h3>
<div class="price__item-contact">
<div class="price__item-contact--form">
<div class="price__item-contact--form-wrapper">
<input class="price__item-contact--form-wrapper--input"
placeholder="שם פרטי ומשפחה" name="name" type="text" required>
<input class="price__item-contact--form-wrapper--input"
placeholder="דואר אלקטרוני" name="email" type="email" required>
<input id="phone" class="price__item-contact--form-wrapper--input"
placeholder="מספר טלפון" name="phone" minlength="10" maxlength="10"
type="tel" required>
<input class="price__item-contact--form-wrapper--input" placeholder="רחוב"
name="street" type="text" required>
</div>
<div class="price__item-contact--form-inner">
<input class="price__item-contact--form-inner--input"
placeholder="דירה/ מס׳ בית" name="room" type="text" required>
<input class="price__item-contact--form-inner--input" placeholder="מיקוד"
name="index" type="text" required>
<input class="price__item-contact--form-inner--input" placeholder="עיר"
name="city" type="text" required>
</div>
</div>
<div class="price__item-contact--label">
<div class="price__item-contact--label-name">
<p class="price__item-contact--label-name--text">מחיר מקורי:</p>
<p class="price__item-contact--label-name--text">החנה</p>
<p class="price__item-contact--label-name--text">סכום סופי:</p>
</div>
<div class="price__item-contact--label-price">
<p class="price__item-contact--label-price--text" id="total-price"><bdo dir="ltr">₪ 224</bdo></p>
<p class="price__item-contact--label-price--text" id="total-sale"><bdo dir="ltr">₪ -67</bdo>
</p>
<p class="price__item-contact--label-price--text" id="total-pay"><bdo dir="ltr">₪ 157</bdo></p>
</div>
</div>
</div>
<h3 class="price__item-pay__title title">3 . כיצד תרצי לשלם?</h3>
<div id="top__btn" class="price__item-pay">
<div class="price__item-pay--wrapper">
<input type="hidden" class="form-control" id="fname" name="fname" value="" />
<input type="hidden" id="sum" name="sum" value="157" />
<input type="hidden" id="supplier" name="supplier" value="berzakarik" />
<input type="hidden" id="currency" name="currency" value="1"/>
<input id="card" class="price__item-pay--input cards" placeholder=" מספר כרטיס אשרא"
name="ccno" autocomplete="off" type="text" required>
<a href="#" class="price__item-pay--input calendar" id="inputDate">
חודש/שנה
</a>
<div class="cvvDate">
<select name="expyear" id="year">
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
</select>
<select name="expmonth" id="month">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
</div>
<input id="cvv" class="price__item-pay--input cvv__code"
placeholder="קוד אימות (CVV)" name="mycvv" type="text" required>
</div>
<button id="submitbtn" class="price__item-pay--btn top__btn" onclick="ichecknrun(required,'cc');" type="submit">לשלם בכרטיס אשראי
</button>
<div class="price__item-pay--services">
<div class="price__item-pay--services-secured">
<img class="price__item-pay--services-secured--img" src="<?php bloginfo( 'template_url' ); ?>/assets/img/secured.svg"
alt="secured">
</div>
<div class="price__item-pay--services-wrapper">
<div class="price__item-pay--services-img">
<img class="price__item-pay--services-img--img" src="<?php bloginfo( 'template_url' ); ?>/assets/img/visa.svg"
alt="visa">
</div>
<div class="price__item-pay--services-img">
<img class="price__item-pay--services-img--img" src="<?php bloginfo( 'template_url' ); ?>/assets/img/mastercard.svg"
alt="mastercard">
</div>
<div class="price__item-pay--services-img">
<img class="price__item-pay--services-img--img" src="<?php bloginfo( 'template_url' ); ?>/assets/img/paypal.svg"
alt="paypal">
</div>
<div class="price__item-pay--services-img">
<img class="price__item-pay--services-img--img"
src="<?php bloginfo( 'template_url' ); ?>/assets/img/american_express.svg" alt="american_express">
</div>
</div>
</div>
</div>
</div>
</div>
</form>
Документация платежной системы