Могу ли я использовать параметр URL в качестве ввода для текста кнопки Paypal?

Question

Я пытаюсь создать свой самый первый веб-сайт. У меня нет большого опыта, и мне нужна помощь с кнопками PayPal.

Мой веб-сайт создан на Wordpress с использованием Elementor. У меня есть кнопка PayPal на странице, где есть параметр, доступный в URL-адресе, например:

www.mywebsite.com/page/?your-email=name.surname@mail.com

Параметр «ваш-адрес электронной почты» отправляется из формы ввода. Я хочу, чтобы это электронное письмо было заполнено текстом кнопки 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-адреса в текстовом поле. Есть ли способ изменить кнопку PayPal, чтобы взять значение «name. surname@mail.com» из URL-адреса и заполнить его в текстовом поле?

Спасибо за любую помощь!

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.