我可以使用URL参数作为Paypal按钮文字的输入吗？

Question

我正在尝试建立我的第一个网站。我没有太多的经验，需要一些关于PayPal按钮的帮助，我的网站是在Wordpress上用Elementor创建的。

我的网站是在Wordpress上使用Elementor创建的。我在一个页面上有一个PayPal按钮，其中有一个在URL中可用的参数，比如。

[email protected]

参数 "your-email "是从一个输入表单中发送的，我想让这个邮件填入Paypal按钮的文本中。

我在PayPal网站上创建了一个PayPal按钮，并收到以下代码。

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="XXXXXXXXXX">
<table>
<tr><td><input type="hidden" name="on0" value="Text">Text</td></tr><tr><td>
<input type="text" name="os0" maxlength="200"></td></tr>
</table>
<input type="image" src="https://www.paypalobjects.com/en_US/BE/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/nl_NL/i/scr/pixel.gif" width="1" height="1">
</form>

我想把URL中的e-mail参数自动填入文本字段中。有什么方法可以改变PayPal按钮，把URL中的值 "[email protected] "填入文本字段中？

谢谢你的帮助

Answer 1

你可以在你的网站上添加一些Javascript来实现这个功能。

类似的东西。

<script type="text/javascript">
function getUrlParameter(name) {
    name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
    var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
    var results = regex.exec(location.search);
    return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
}
document.addEventListener("DOMContentLoaded", function(event) { 
    document.querySelector('input[name="os0"]').value = getUrlParameter('your-email');
});
</script>

我在一个扁平的HTML文件中试了一下，它和你的按钮代码一起工作，所以理论上它应该在你的网站上工作，如果放在接受Javascript的地方。