EMBED Payment iFrame

depending on who's paying (merchant or patient) will determine which payment methods are available as well as the configurations of those payment methods published merchant key = staff/merchant facing and will allow access to staff only payment methods such as cash published patient key = consumer/patient facing and will allow access to patient only payment methods such as paypal from your frontend code, take the order id and order key from the create order response, and embed the payment page the public key will dictate whether the merchant facing or consumer/patient this iframe has been optimized for 500px wide but is responsive include ( for prod ) < script src="https //pay featherpay io/featherpaymerchant js">\</ script > include (for staging) < script src="https //gfp pay acdev io/featherpaymerchant js">\</ script > create ui div in your page < div id="featherpay">\</ div > var config = { orderid 'orderid', // received after creating an order orderkey 'orderkey', // received after creating an order publickey 'publickey', // featherpay to provide per store selector document queryselector('#featherpay'), oncancel function () {}, onready function () {}, oncomplete function (order) { console log(order id, order status, order state); } }; var fp = new featherpay(config); // passing in a selector will auto embed for you, otherwise you can embed like this var target = document queryselector('#featherpay'); fp embed(target);