尝试将 Cashfree 支付网关连接到表单

Trying to connect Cashfree Payment Gateway to a Form

我们 运行 一个位于 wildleaf.in 的 WordPress 网站,并且在 (https://wildleaf.in/3488-2/)

有这个 Pay with Cashfree link

有什么方法可以让我编写 HTML 表单或将 WordPress 表单插件连接到此网关?

示例:https://eclinic.savikalpa.com/book(这有 Paytm 网关)

我想收集基本相同的细节

<h3>Pay ₹ 500</h3>
<div class="book-1st-set-div">
<div class="form-2-column">
<div class="form-div no-margins"><label class="field-label white" for="Name-5">First name:</label> <input id="Name-5" class="dark-field w-input" maxlength="256" name="patient_first_name" required="" type="text" placeholder="Patient's first name&hellip;" data-name="Name" /></div>
<div class="form-div no-margins"><label class="field-label white" for="Name-6">Last Name:</label> <input id="Name-6" class="dark-field w-input" maxlength="256" name="patient_last_name" required="" type="text" placeholder="Patient's last name&hellip;" data-name="Name 6" /></div>
</div>
<div class="form-2-column">
<div class="form-div no-margins"><label class="field-label white" for="Name-8">Email:</label> <input id="Email-6" class="dark-field w-input" maxlength="256" name="patient_email" required="" type="email" placeholder="Patient's email&hellip;" data-name="Email 6" /></div>
<div class="form-div no-margins"><label class="field-label white" for="Name-9">Mobile:</label> <input id="Phone-2" class="dark-field w-input" maxlength="256" name="patient_mobile" required="" type="tel" placeholder="Patient's mobile&hellip;" data-name="Phone 2" /></div>
</div>
<div class="form-2-column">
<div class="form-div no-margins"><label class="field-label white" for="Name-7">Date of birth:</label> <input id="Email-4" class="dark-field w-input" max="2003-09-14" maxlength="256" name="patient_date_of_birth" required="" type="date" placeholder="DD/MM/YYYY" data-name="Email 4" /></div>
<div class="form-div no-margins"><label class="field-label white" for="Name-7">weight:</label> <input id="Email-4" class="dark-field w-input" maxlength="256" name="patient_weight" required="" type="number" placeholder="eg. 60 KG" data-name="Email 4" /></div>
</div>
<div class="form-2-column">
<div class="form-div no-margins"><label class="field-label white" for="Name-8">gender:</label>
<div class="gender-div"><label class="radio-button-field w-radio"> <input id="Male" class="w-form-formradioinput w-radio-input" name="patient_gender" type="radio" value="M" data-name="Gender" /><span class="radio-text white w-form-label">Male</span> </label> <label class="radio-button-field w-radio"> <input id="Female" class="w-form-formradioinput w-radio-input" name="patient_gender" type="radio" value="F" data-name="Gender" /> <span class="radio-text white w-form-label">Female</span> </label> <label class="radio-button-field w-radio"> <input id="Other" class="w-form-formradioinput w-radio-input" name="patient_gender" type="radio" value="O" data-name="Gender" /> <span class="radio-text white w-form-label">Other</span> </label></div>
</div>
</div>
</div>
<div class="align-right-btns"><button class="cancel-btns" type="button">CANCEL</button> <button class="proceed-btns" type="submit">PROCEED</button> <input name="pageID" type="hidden" value="3488" /></div>

有人可以帮我吗?也准备联系和讨论。

Cashfree 提出了 Gravity 表单集成。

这是开始的步骤

  1. github repo here 下载表单文件。
  2. here
  3. 下载 Cashfree 插件
  4. 通过使用插件部分中的上传选项或使用插件文件夹中的 FTP 选项将这两个插件上传到您的 wordpress 后端。
  5. 激活插件
  6. 创建带有必要字段的重力表并添加付款部分选项并定义价格并添加总计列。
  7. 在gravity form设置下你可以看到cashfree选项。 (使用必要的密钥进行设置并将货币设置为所需的选项)
  8. 将表格添加到您想要的页面并开始接受付款。

注意:Gravity form是一个付费插件,请访问他们的网站了解价格详情。