{"id":1402,"date":"2026-04-01T14:04:41","date_gmt":"2026-04-01T14:04:41","guid":{"rendered":"https:\/\/cacahk.org.hk\/en\/?page_id=1402"},"modified":"2026-04-08T14:20:57","modified_gmt":"2026-04-08T14:20:57","slug":"donate-now","status":"publish","type":"page","link":"https:\/\/cacahk.org.hk\/en\/donate-now\/","title":{"rendered":"Donate Now"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1402\" class=\"elementor elementor-1402\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16a4ac6 e-flex e-con-boxed e-con e-parent\" data-id=\"16a4ac6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-29fe456 e-con-full e-flex e-con e-child\" data-id=\"29fe456\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5958d68 e-con-full e-flex e-con e-child\" data-id=\"5958d68\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9552bcd elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9552bcd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"paypal-container-DQHGYGY2GZU6L\"><\/div> <script>   paypal.HostedButtons({     hostedButtonId: \"DQHGYGY2GZU6L\",   }).render(\"#paypal-container-DQHGYGY2GZU6L\") <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e7dad9 e-con-full e-flex e-con e-child\" data-id=\"0e7dad9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d24749 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"1d24749\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b51513c elementor-widget elementor-widget-html\" data-id=\"b51513c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"donation-box\">\r\n\r\n  <h2>Support Our Organisation<\/h2>\r\n\r\n  <!-- Amount -->\r\n  <label>Select Amount *<\/label>\r\n  <div class=\"donation-options\" id=\"amountOptions\">\r\n    <div class=\"option active\" data-value=\"200\">$200<\/div>\r\n    <div class=\"option\" data-value=\"500\">$500<\/div>\r\n    <div class=\"option\" data-value=\"custom\">Other<\/div>\r\n  <\/div>\r\n\r\n  <input type=\"number\" id=\"customAmount\" placeholder=\"Enter amount\" \/>\r\n\r\n  <!-- Donation Type -->\r\n  <label>Donation Type *<\/label>\r\n  <div class=\"donation-options\" id=\"typeOptions\">\r\n    <div class=\"option active\" data-type=\"one\">One-Time Donation<\/div>\r\n    <div class=\"option\" data-type=\"monthly\">Monthly Donation<\/div>\r\n  <\/div>\r\n\r\n  <!-- Button -->\r\n  <button id=\"donateBtn\">Donate \u00bb<\/button>\r\n\r\n<\/div>\r\n\r\n<style>\r\n.donation-box {\r\n  max-width: 500px;\r\n  background: #f7f7f7;\r\n  padding: 25px;\r\n  border-radius: 8px;\r\n  font-family: Arial;\r\n}\r\n\r\n.donation-box h2 {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.donation-box label {\r\n  display: block;\r\n  margin-top: 20px;\r\n  font-weight: bold;\r\n}\r\n\r\n.donation-options {\r\n  display: flex;\r\n  gap: 10px;\r\n  margin-top: 10px;\r\n}\r\n\r\n.option {\r\n  flex: 1;\r\n  padding: 12px;\r\n  background: #ddd;\r\n  text-align: center;\r\n  cursor: pointer;\r\n  border-radius: 4px;\r\n  transition: 0.3s;\r\n}\r\n\r\n.option.active {\r\n  background: #9B7A32;\r\n  color: #fff;\r\n}\r\n\r\n#customAmount {\r\n  width: 100%;\r\n  margin-top: 10px;\r\n  padding: 10px;\r\n  display: none;\r\n}\r\n\r\n#donateBtn {\r\n  margin-top: 25px;\r\n  width: 100%;\r\n  padding: 14px;\r\n  background: #9B7A32;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 5px;\r\n  font-size: 16px;\r\n  cursor: pointer;\r\n}\r\n<\/style>\r\n<script>\r\nlet selectedAmount = 200;\r\nlet donationType = \"one\";\r\n\r\nconst amountOptions = document.querySelectorAll(\"#amountOptions .option\");\r\nconst typeOptions = document.querySelectorAll(\"#typeOptions .option\");\r\nconst customAmountInput = document.getElementById(\"customAmount\");\r\n\r\namountOptions.forEach(option => {\r\n  option.addEventListener(\"click\", () => {\r\n    amountOptions.forEach(o => o.classList.remove(\"active\"));\r\n    option.classList.add(\"active\");\r\n\r\n    if (option.dataset.value === \"custom\") {\r\n      customAmountInput.style.display = \"block\";\r\n      selectedAmount = \"\";\r\n    } else {\r\n      customAmountInput.style.display = \"none\";\r\n      selectedAmount = option.dataset.value;\r\n    }\r\n  });\r\n});\r\n\r\ntypeOptions.forEach(option => {\r\n  option.addEventListener(\"click\", () => {\r\n    typeOptions.forEach(o => o.classList.remove(\"active\"));\r\n    option.classList.add(\"active\");\r\n    donationType = option.dataset.type;\r\n  });\r\n});\r\n\r\ndocument.getElementById(\"donateBtn\").addEventListener(\"click\", () => {\r\n  let amount = selectedAmount;\r\n\r\n  if (!amount) {\r\n    amount = document.getElementById(\"customAmount\").value;\r\n  }\r\n\r\n  if (!amount) {\r\n    alert(\"Please enter donation amount\");\r\n    return;\r\n  }\r\n\r\n  \/\/ \ud83d\udd25 Replace with your PayPal email + subscription link\r\n  const paypalEmail = \"YOUR_EMAIL\";\r\n  const monthlyLink = \"YOUR_SUBSCRIPTION_LINK\";\r\n\r\n  if (donationType === \"one\") {\r\n    window.location.href = `https:\/\/www.paypal.com\/donate?business=${andrewcfchan.nsd2@gmail.com}&amount=${amount}`;\r\n  } else {\r\n    window.location.href = monthlyLink;\r\n  }\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Support Our Organisation Select Amount * $200 $500 Other Donation Type * One-Time Donation Monthly Donation Donate \u00bb<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"give_campaign_id":0,"footnotes":""},"class_list":["post-1402","page","type-page","status-publish","hentry"],"campaignId":"","_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/cacahk.org.hk\/en\/wp-json\/wp\/v2\/pages\/1402","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cacahk.org.hk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cacahk.org.hk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cacahk.org.hk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cacahk.org.hk\/en\/wp-json\/wp\/v2\/comments?post=1402"}],"version-history":[{"count":22,"href":"https:\/\/cacahk.org.hk\/en\/wp-json\/wp\/v2\/pages\/1402\/revisions"}],"predecessor-version":[{"id":1445,"href":"https:\/\/cacahk.org.hk\/en\/wp-json\/wp\/v2\/pages\/1402\/revisions\/1445"}],"wp:attachment":[{"href":"https:\/\/cacahk.org.hk\/en\/wp-json\/wp\/v2\/media?parent=1402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}