Magento 2 - 在 Braintree 信用卡表格中添加自动填充

Posted 2023-02-22

【中文标题】Magento 2 - 在 Braintree 信用卡表格中添加自动填充

【英文标题】：Magento 2 - Add autofill in Braintree Credit Card Form

【发布时间】：2019-01-14 11:45:45

【问题描述】：

为了加快结帐流程，Chrome 有一项功能可以为信用卡添加自动填充功能，例如：https://developers.google.com/web/updates/2015/06/checkout-faster-with-autofill

<label for="frmNameCC">Name on card</label>
<input name="ccname" id="frmNameCC" required placeholder="Full Name" autocomplete="cc-name">

<label for="frmCCNum">Card Number</label>
<input name="cardnumber" id="frmCCNum" required autocomplete="cc-number">

<label for="frmCCCVC">CVC</label>
<input name="cvc" id="frmCCCVC" required autocomplete="cc-csc">

<label for="frmCCExp">Expiry</label>
<input name="cc-exp" id="frmCCExp" required placeholder="MM-YYYY" autocomplete="cc-exp">

我们只想在 Magento2 Braintree 信用卡表格中做同样的事情： 默认显示如下：

<input type="tel" autocomplete="off" autocorrect="off" autocapitalize="none" spellcheck="false" class="number" data-braintree-name="number" name="credit-card-number" id="credit-card-number" maxlength="22">

我们需要在哪里添加元素 autocomplete="cc-number"。

[1]: https://developers.google.com/web/updates/2015/06/checkout-faster-with-autofill

【参考方案1】：

如果您只想保存用户的卡详细信息，在 Braintree 配置的基本设置中有一个 vault Enabled 选项，它将保存用户/客户的信用卡/借记卡详细信息并可以增加结帐速度。 在 Magento 管理面板 => 商店 => 配置 => 销售 => 付款方式 => Braintree=> 基本设置。 您也可以使用该选项进行检查。