woocommerce付款网关集成

Question

我正在尝试制作支付网关并将其与灯箱集成。我已经在结帐时成功将新网关添加到列表中，但问题是付款网关集成的代码在html中，并且我不知道如何在单击“继续付款”按钮时初始化该功能。这是插件代码：

<script src="https://grey.paysky.io:9006/invchost/JS/LightBox.js"></script>
public function process_payment( $order_id ) 

global $woocommerce;
	 		// we need it to get any order detailes
	 		$order = wc_get_order( $order_id );

	 		add_action('woocommerce_checkout_place_order', 'lightboxInit()');
	 		<script src="https://grey.paysky.io:9006/invchost/JS/LightBox.js"></script>
	 		<script type="text/javascript">
	 		function lightboxInit(){
	 			var mID ='51657';
	 			var tID='41407370';
	 			var amount=100.0;
	 			Lightbox.Checkout.configure = {
	 				OrderId:'',
	 				MID:mID,
	 				TID:tID,
	 				AmountTrxn:amount,
	 				MerchantReference: "123224",
	 				completeCallback: function (data) {
	 					console.log('completed');
	 					console.log(data);
	 				},
	 				errorCallback: function () {
	 					console.log('error');
	 				},
	 				cancelCallback:function () {
	 					console.log('cancel');
	 				}
	 			};
	 			Lightbox.Checkout.showLightbox();
	 		}

我需要将该代码添加到插件中，并且以html格式编写 并实现该脚本