如何在WordPress中添加Stripe QR代码付款

您是否想在WordPress网站上添加QR码付款选项？

QR付款方式允许用户在手机上扫描和访问您的付款链接。这使他们更简单，更容易结帐过程。

但是，有很多方法可以允许用户按QR码付款。最重要的是，您可以与QR码集成许多付款网关。

例如，您可以使用QR码生成器或QRSTUFF等平台手动向您的网站中添加付款QR码。但这需要长时间的设置过程。

您需要将信息输入QR码，例如付款链接，网站URL和联系方式。您还需要从网站分开自定义QR码，并将其作为图像下载。

最后，它可以看不待并有功能冲突。

最重要的是，手动生成的QR码是静态的，这意味着任何更新都需要再生并替换网站上的图像。

这就是为什么我们建议您使用WPForms来帮助您创建QR码付款选项。

首先，使用WPForms，您可以根据表单输入（例如用户详细信息，付款金额或事件注册）动态生成QR码。这样可以确保QR码始终是相关和个性化的，而无需手动干预。

您还可以使用Visual Builder快速将QR码和您的付款链接添加到任何表单或页面，从而节省时间。

最好的部分是WPForms与PayPal和Stripe等付款网关集成，使生成的QR码容易链接到付款页面。

现在，我们已经选择了一种创建付款QR码的工具，下一个问题是，哪种网关最适合设置QR付款代码？

在这里，您的优先事项应该是找到安全，可扩展且用户友好的付款网关。您还应该找到支持许多货币的一种，使您可以访问全球受众。

由于这些原因，我们选择了条纹。

Stripe允许您生成链接到实时付款页面的动态QR码。您可以使用品牌，徽标和颜色自定义链接到QR码的付款页面。

Stripe支持各种付款方式，包括信用卡/借记卡，Apple Pay和Google Pay等移动钱包以及本地支付系统。

结果，单个QR码可以将用户引向付款页面，在那里他们选择自己的首选方法。

以下是条纹是一个很棒的QR码支付网关的其他原因。

• 一键式付款：客户可以使用保存的付款方式扫描QR码并在几秒钟内完成付款
• 动态付款金额：条纹允许您创建与动态计算的付款金额相关的QR码。
• 与网站的简单集成： Stripe为WordPress等平台提供了简单的API集成和插件。
• 实时更新： Stripe的仪表板跟踪通过QR码进行的付款。您可以立即监视交易。
• 安全交易：通过Stripe QR码的付款通过高级加密和欺诈检测机制进行安全处理。

如您所见，Stripe和WPForms的组合是通过QR码接收付款的好方法。

这样一来，让我们逐步向您展示如何在WordPress中设置QR码付款。

以下是我们将在本教程中创建的Stripe QR码付款的示例：

从此开始，让我们开始。

如何在WordPress中添加Stripe QR代码付款

如前所述，我们需要两个工具来在WordPress中设置QR付款：WPFORMS和Stripe。

幸运的是，WPForms与条纹兼容。因此，我们将通过WPForms将条纹与WordPress连接。此过程允许用户使用QR码以您想要使用拖放构建器的任何形式付款。这使您的用户很容易购买。

现在，查看我们将在下面遵循的所有步骤。如果要跳到任何步骤，只需单击它。

• 步骤1：安装并设置WPFORMS
• 步骤2：安装并设置WPFORMS Stripe Pro addon
• 步骤3：创建付款表格
• 步骤4：设置条纹付款
• 步骤5：设置通知和确认消息
• 步骤6：发布表格
• 步骤7：在WordPress中添加QR码以付款

让我们引导您完成以下整个过程。

步骤1：安装并设置WPFORMS

第一步是在WordPress仪表板中安装WPForms。但是，我们应该提到WPForms提供了一个免费版本，可让您进行条纹付款。您可以在WordPress存储库中快速访问它并开始制作表单。

但是，您需要使用Pro版本来获得更高级的条纹功能，例如使用QR代码。

这是因为Pro版本可让您访问Stripe Pro插件，我们在本教程中需要。除此之外，WPForms的免费版本带有3％的交易费用，这可以提高您的商品成本。

查看最新的WPForms评论以了解更多信息。

首先，请前往官方WPForms网站并注册计划。他们提供了各种计划，可以轻松找到适合您预算和需求的计划。但是，要专门使用Stripe Pro插件，您需要Pro或Elite WPForms计划。

购买Pro或Elite计划后，请登录您的WPForms帐户并导航至下载。

之后，将WPForms ZIP文件下载到您的PC。然后，在此页面上，复制许可证密钥；您将需要它激活Pro版本。

完成后，前往WordPress仪表板，然后转到插件»添加新插件。然后，像其他任何插件一样安装和激活WPForms。

如果需要任何帮助，请查看有关如何安装插件的教程。

激活后，您应该在WordPress仪表板中看到一个新的菜单选项，标有“ WPForms”。这表明安装过程是成功的。

此后，转到WPFORMS»设置»一般并粘贴您之前复制的“许可证密钥”。

最后，点击“验证键” ，就是这样！您准备使用WPForms。

接下来，让我们看看如何通过WPForms在WordPress中设置Stripe付款。

步骤2：安装并设置WPFORMS Stripe Pro addon

WPForms使添加条纹付款并配置它们非常简单。您要做的就是转到wpforms»addons 。

在这里，滚动浏览可用插件或使用搜索功能查找“ Stripe Pro”插件。之后，像其他任何插件插件一样安装并激活它。

就是这样！现在，您可以通过此插件在WPForms上使用高级条纹功能。

接下来，在WPForms上配置并设置条纹付款。

为此，请前往WPForms»设置并导航到“付款”选项卡。此后，滚动到页面上的条纹部分，然后按“与条纹连接”。

您将被重定向到注册页面，在这里您可以添加条纹登录详细信息。如果您没有Stripe帐户，也可以在此页面上创建一个。

连接后，您将被重定向回WordPress仪表板。此时，您应该在“条纹”选项卡下的“连接状态”旁边看到一个绿色滴答。

如果您正在寻找更多可以通过WordPress中的条纹连接的工具，请查看有关最佳条纹插件的本文。

伟大的！您刚刚设置了条纹，并准备收到付款。

步骤3：创建付款表格

下一步是设置用户可以付款的付款表。如前所述，使用WPForms的优点在于您可以在所需的任何形式上添加付款字段。

例如，您可以将付款字段添加到注册表。这将注册和付款与QR码过程相结合，简化了结帐。您还可以将其添加到捐赠表，账单表，拍卖表，党派RSVP表格，订单表格等。

使用WPForms最好的部分是它具有2000多个现成的形式模板。这进一步简化了过程。如果您有设计经验，也可以使用空白画布。

为了帮助您选择模板，WPForms在模板页面上向您展示了每个模板的预览。如果要在全屏幕上查看模板，请悬停在其上，然后选择“查看演示”。

我们的分步教程将使用“简单触点表单”模板。

因此，我们将悬停在它上并点击“使用模板”。这将打开拖放形式构建器中的模板。

首先，您会注意到形式构建器接口分为两个部分：左侧的“字段”和右侧的表单的实时预览。

这些字段分为标准字段，精美的字段和支付字段。这使您可以轻松找到要添加的字段。

WPFORMS提供各种字段类型，包括单线文本，电子邮件，下拉次数，复选框等，使您可以灵活地创建针对您的目的量身定制的表单。

要添加一个字段，只需将其从左图中拖动，然后将其放入右侧的预览窗口中的表单上所需的斑点即可。您可以在创建联系表格时单击并将其拖放到实时预览中，从而重新排列字段。

这使您可以自定义表单布局，以毫不费力地满足您的需求。

例如，如果要在表单上销售多个产品，则可以添加复选框项目，多个项目或下拉物品字段。另一方面，如果您只想在联系表上出售一个产品，则可以添加一个单一的字段。

请记住，每个WPForms模板都有预添加的字段，您可以自定义。

要编辑一个字段，请在表单预览中选择它，并且字段选项将出现在左侧。从这里，您可以修改字段标签，占位符文本和其他设置，例如是否需要该字段。

完成编辑或添加字段后，请使用右上方的按钮保存表单，以确保应用所有更改。这个简单的过程可确保即使是初学者也可以在几分钟内建立专业的功能形式。

请查看有关WPFORMS与FormStack的此比较文章，以查看它们如何以形式创建匹配。

步骤4：设置条纹付款

准备好您的联系表格，设置Stripe付款选项是下一步。

为此，我们需要在表单中添加一个条纹字段。这是一个非常简单的过程，因为您将使用上面使用的相同的拖放过程。

因此，转到字段面板并滚动到付款字段。在这里，找到“ Stripe信用卡”字段，然后将其拖放到您希望出现的表单上的位置。

WPFORMS Stripe支付字段包括卡号，有效期，CVC和国家文本线条。因此，您无需进一步自定义Stripe信用卡字段。

请查看本文，以了解另一种方便的方式来在WordPress中接收卡付款。

准备好条纹支付字段后，转到最左边的“付款”选项卡。

选择后，您打开所有付款网关，与WPForms连接。您可以使用授权。

但是，建议的付款网关是条纹，您将在此页面的顶部找到。

选择此选项后，将在左侧打开一个新页面，并带有一个切换按钮，以启用“一次性付款”或“重复付款”。

请查看本文，以了解如何使用WPForms设置经常性付款。

对于今天的教程，我们将进行一次性付款。

使用“切换”按钮启用此功能后，您将看到将您的联系表单字段映射到付款字段的选项。这允许WPForms与条纹通信，并确保在表单提交过程中捕获正确的付款详细信息。

同样，WPForms使映射过程变得容易。

您需要做的就是从下拉菜单中选择一个选项。实际上，下拉菜单仅包含最有可能映射的字段，从而使其更容易。

例如，在Stripe付款收据下拉下，您会看到“电子邮件”。然后，在客户名称下拉列表中，您将获得“名称”。

映射后，它应该看起来像下面的屏幕截图：

为了进一步提高用户体验，您可以在此页面的底部激活条件逻辑。

在这里，您可以决定何时应显示或隐藏付款字段。 WPForms甚至允许您添加多个条件逻辑规则。

除了有条件的逻辑之外，这是减少可能派上用场的遗弃形式的另一种方法。

步骤5：设置通知和确认消息

现在，电子邮件通知和确认消息对于所有表格都很重要。但是，它们对于与付款相关的表格至关重要。他们向用户提供即时反馈，并保证他们的付款已成功处理。

可以将电子邮件通知配置为将收据或确认详细信息发送给用户，同时也通知您有关交易的信息。

表单提交后立即显示的确认消息，通过让用户知道其付款和表格提交成功来消除混乱。

您可以在同一页面上立即在同一站点上的另一页或外部URL上显示确认消息。

WPForms允许您在设置下将它们设置为两个。在这里，您可以获得“通知”和“确认”的标签。

请记住，确保这些消息清晰且专业增强了用户的信任，并创造了整体体验。

您可以查看有关如何设置表格通知和深入说明的确认的本文。

步骤6：发布表格

现在，有了所有设置，唯一要做的就是在WordPress网站上发布您的表格。有两种方法：在新页面上发布或在现有页面上发布。

让我们看看如何在现有页面上发布。

首先，点击页面顶部的保存按钮。完成后，选择“保存”按钮旁边的“嵌入”按钮以打开弹出窗口。然后，在此窗口中，选择“选择现有页面”。

在下一个弹出窗口中，选择要从下拉列表中出现表单的页面。此后，“走吧。”

这将在WordPress'Block编辑器中打开页面。

之后，转到块编辑器的最左侧，然后选择“加号”按钮以打开块。

然后，找到WPForms块，然后将其拖放到您希望付款表格的页面上的位置。加载后，使用块中的“下拉菜单”选择您刚刚构建的付款表格。

最后，点击页面右上角的保存。此时，您应该在实时页面上看到您创建的联系表格。

接下来，让我们看看如何将付款表添加到新页面。

同样，返回到拖放形式构建器顶部的嵌入式按钮。但是这次，选择“创建新页面”。

在下一个弹出窗口中，命名您的新页面，然后选择“让我们走。”。这将打开新页面的块编辑器。这次，新页面将带有预先添加的表格加载。

当然，您可以使用WordPress块来进一步自定义页面。但是，该表格应准备好发布。一旦您对表格感到满意，请点击页面顶部的“发布”。

就是这样！现在，您可以在现有页面和新页面上使用WPForms发布表单。

接下来，让我们看看如何添加QR码以通过表格接受付款。

步骤7：在WordPress中添加QR码以付款

现在，有2种免费且简单的方法可以在您的付款表中添加QR码。首先，您可以使用具有内置QR函数的Google Chrome，也可以使用免费WordPress插件Fultimate。

1。使用内置的Chrome功能添加QR代码

要使用Google Chrome功能创建QR码，请在浏览器上打开付款表格页面。

您可以使用URL文本栏旁边的共享按钮打开QR代码功能。

如果您在这里找不到它，请点击Chrome浏览器右上方的“自定义和控制”按钮。这通常显示为3点。

此后，向下滚动以铸造，保存和分享。然后，从下拉菜单中，选择“创建QR代码”。

然后，在接下来出现的弹出窗口上，将QR码作为图像下载。

接下来，转到网站上的任何页面或发布，并添加您下载的QR码。最好将其添加到产品页面中，以便您可以快速将用户重定向到结帐页面。

接下来，您要做的就是编辑页面或将其发布到块编辑器中。然后，使用图像块添加QR码。

就是这样。您的用户可以立即打开付款表。

2。使用快捷代码终极添加QR代码

由快速代码构建的快速代码Ultimate允许您将QR码放在更方便的页面区域，小部件，侧边栏等，而无需编码。

要获取此短代码插件的免费版本，请转到您的WordPress存储库，并使用搜索功能找到“快捷代码Ultimate”。之后，像其他任何插件一样安装并激活它。

之后，在WordPress仪表板上打开一个新的或现有的页面。然后，使用Plus（+）函数搜索“短代码”。

将短代码块拖到您希望出现QR码的页面上的位置。

完成后，在快捷代码块顶部选择Square Brackets选项“ []”以打开更多选项。然后，从弹出窗口中的长列表中找到“ QR码”。

在下一个弹出窗口中，在数据字段中输入付款表格URL。然后，您可以添加更多自定义方法，例如大小，保证金，对齐，链接等。

之后，点击插入短代码并更新页面。此时，您应该在实时页面上查看QR码。

在下面查看付款QR码的样本：

最好的部分是，您可以使用此QR码，而无需进一步编辑。

就是这样！您刚刚学会了如何在WordPress中添加Stripe QR码付款。我们希望您喜欢它。如果您还有其他问题，请检查以下常见问题。

常见问题解答：如何在WordPress中添加Stripe QR码付款

恭喜！您现在可以在WordPress网站上设置QR付款代码。这是一篇文章，向您展示，如果您不想将QR码添加到您的付款表中，则如何接受WordPress中的条纹付款。

最重要的是，您可能对阅读感兴趣的其他文章。

• 9最佳WordPress付款插件
• WP简单的薪酬评论：它是最佳付款插件吗？
• 9最佳WordPress付款插件

第一篇文章列出了WordPress的最佳付款插件。下一个审查了WP简单薪酬，另一个惊人的付款插件。最后一篇文章将排名最佳的WordPress付款插件。