Embed a payment button in bubble.io page

tejas · 2021-01-29T12:25:37.677Z

I need to inject a div tag and a custom JS script to be able to show a payment button in a bubble.io page. I tried adding the script in settings > seo/metatags. But the button is not showing when previewing the website. Can anyone help in guiding me on where to add the JS script tag?

BrianHenderson · 2021-01-29T12:30:55.414Z

Are you using an HTML element for the code?

tejas · 2021-01-29T12:35:44.896Z

Basically, I need to paste this code somewhere in my bubble.io page so that this zoho payment button shows. Where can i paste this? I’m on a free plan btw. Does free plan allow adding code like this?

  <div id="zf-widget-root-id"></div>
  <script type="text/javascript" src='https://js.zohostatic.com/books/zfwidgets/assets/js/zf-widget.js'></script>
  <script>
    var buttonOptions = {
      id: 'zf-widget-root-id',
      template: 'button_1',
      product_id: '2-3aaf464f893a450bba3e61600fc004785072b4878c3aa46f58d399b0043bd6727b939086d883fb32dcd6c241ff4b3036095681d50e4f957de8f94ecca8061732',
      plan_code: 'EXCLUSIVE_ENROLL',
      addons: [

      ],
      theme: {
        color: '#7952b3'
      },
      button_text: 'Subscribe',
      product_url: 'https://subscriptions.zoho.in'
    };
    ZFWidget.init('zf-subscribe-button', buttonOptions);
  </script>

revathikbose · 2021-07-13T14:49:10.553Z

@ tejas
Any luck? - I have similar need with a different payment processor. Please let me know if you managed to accomplish

revathikbose · 2021-07-13T14:57:14.192Z

M y code is like this below

<button id="srp-button1">Paynow</button>
<script src="https://checkout.Mypay.com/v1/checkout.js"></script>
<script>
var options = {
"key": "YOUR_KEY_ID"
"amount": "100", 
"currency": "USD",
"name": "ZUECorp",
"description": "Test Transaction",
"image": "https://platform.com/platform_logo",
"order_id": "ORD_323824834793284", 
"account_id": "account_15676465",
"handler": function (response){
    alert(response.Mypay_payment_id);
    alert(response.Mypay_order_id);
    alert(response.Mypay_signature)
}
};
var myp1 = new mypay(options);
document.getElementById('myp-button1').onclick = function(e){
myp1.open();
e.preventDefault();
}
</script>indent preformatted text by 4 spaces