{"_id":"572d0a56ae72370e0002b516","category":{"_id":"572be252de40590e00026934","project":"55dd0853d2d97337001800e2","version":"55de36ec9067202b00de0015","__v":0,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-05-06T00:16:18.383Z","from_sync":false,"order":5,"slug":"billing-portal","title":"Billing Portal"},"__v":3,"parentDoc":null,"user":"55dd080d0efd5821000d53b3","githubsync":"","project":"55dd0853d2d97337001800e2","version":{"_id":"55de36ec9067202b00de0015","__v":33,"project":"55dd0853d2d97337001800e2","createdAt":"2015-08-26T22:00:12.384Z","releaseDate":"2015-08-26T22:00:12.383Z","categories":["55de36ed9067202b00de0016","55de36ed9067202b00de0017","55de36ed9067202b00de0018","55df7dcd437b3f0d004ba204","55e4e014177b6e0d00333141","55e4e01fe252ac0d00303a99","55e4e05240cda60d003bad67","55e4e070177b6e0d00333142","55e4e0753325e60d007fbee6","55e4e0803325e60d007fbee7","55e4e086177b6e0d00333143","55e4e0a1177b6e0d00333144","55e4e0aa3325e60d007fbee8","55e4e0b140cda60d003bad6b","55e4e0bae252ac0d00303a9d","55e4e0c5177b6e0d00333145","55e4e0ee3325e60d007fbeea","55e4e0fae252ac0d00303a9e","55e4e100177b6e0d00333147","55f85c8ba3271b0d00498d55","56092e1ac5cff70d007d0131","564b64a3ee12850d0095866e","564b64b5791099170071e9ea","565cd0bfd18ae50d007183d8","565f5f5d6bafd40d0030a063","565f790d6bafd40d0030a09f","56611c464851190d003f9f5d","56637d5b7988ab0d00d0522e","56637d687988ab0d00d0522f","567835df6928b40d009dd650","56e59c043c29b117008dae5b","5704013559c5190e000ab646","572be252de40590e00026934","58af1bf6ebd7370f0078ba09","5cdad81d912ece0039e9a939"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"3.0.0","version":"3.0"},"updates":[],"next":{"pages":[],"description":""},"createdAt":"2016-05-06T21:19:18.915Z","link_external":false,"link_url":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":3,"body":"# Simple Link\n[block:html]\n{\n  \"html\": \"<a href='https://api.paystand.co/v3/plugins/paystand/checkout?data={\\\"publishableKey\\\":\\\"eml9jvz7dsbglwtx53xtu9tl\\\",\\\"amount\\\":5.55,\\\"currency\\\":\\\"usd\\\"}'>This is an email link to pay your bill</a>\\n\"\n}\n[/block]\n\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<a href='https://api.paystand.co/v3/plugins/paystand/checkout?data={\\\"publishableKey\\\":\\\"eml9jvz7dsbglwtx53xtu9tl\\\",\\\"amount\\\":5.55,\\\"currency\\\":\\\"usd\\\"}'>\\n  This is an email link to pay your bill\\n</a>\",\n      \"language\": \"html\",\n      \"name\": \"\"\n    }\n  ]\n}\n[/block]\n# Pay Now by PayStand Button\n[block:html]\n{\n  \"html\": \"<a href='https://api.paystand.co/v3/plugins/paystand/checkout?data={\\\"publishableKey\\\":\\\"eml9jvz7dsbglwtx53xtu9tl\\\",\\\"amount\\\":12.12,\\\"currency\\\":\\\"usd\\\"}'><div style=\\\"background-image: url(https://dashboard.paystand.co/v2/images/integrations/ps-paynow.png); height: 100px; width: 200px; background-position:center;);\\\"></div></a>\"\n}\n[/block]\n\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<a href='https://api.paystand.co/v3/plugins/paystand/checkout?data={\\\"publishableKey\\\":\\\"eml9jvz7dsbglwtx53xtu9tl\\\",\\\"amount\\\":12.12,\\\"currency\\\":\\\"usd\\\"}'>\\n\\t<div style=\\\"background-image: url(https://dashboard.paystand.co/v2/images/integrations/ps-paynow.png); height: 100px; width: 200px; background-position:center;);\\\"></div>\\n</a>\",\n      \"language\": \"html\"\n    }\n  ]\n}\n[/block]\n# Custom Button\n[block:html]\n{\n  \"html\": \"<style>\\n.btn {\\n  background: #6fc3fc;\\n  background-image: -webkit-linear-gradient(top, #6fc3fc, #1b79b3);\\n  background-image: -moz-linear-gradient(top, #6fc3fc, #1b79b3);\\n  background-image: -ms-linear-gradient(top, #6fc3fc, #1b79b3);\\n  background-image: -o-linear-gradient(top, #6fc3fc, #1b79b3);\\n  background-image: linear-gradient(to bottom, #6fc3fc, #1b79b3);\\n  -webkit-border-radius: 16;\\n  -moz-border-radius: 16;\\n  border-radius: 16px;\\n  text-shadow: 1px 1px 3px #666666;\\n  font-family: Arial;\\n  color: #ffffff !important;;\\n  font-size: 35px;\\n  padding: 10px 20px 10px 20px;\\n  text-decoration: none;\\n}\\n\\n.btn:hover {\\n  background: #2a76a6;\\n  background-image: -webkit-linear-gradient(top, #2a76a6, #3498db);\\n  background-image: -moz-linear-gradient(top, #2a76a6, #3498db);\\n  background-image: -ms-linear-gradient(top, #2a76a6, #3498db);\\n  background-image: -o-linear-gradient(top, #2a76a6, #3498db);\\n  background-image: linear-gradient(to bottom, #2a76a6, #3498db);\\n  text-decoration: none;\\n}\\n</style>\\n<a class=\\\"btn\\\" href='https://api.paystand.co/v3/plugins/paystand/checkout?data={\\\"publishableKey\\\":\\\"eml9jvz7dsbglwtx53xtu9tl\\\",\\\"amount\\\":23.23,\\\"currency\\\":\\\"usd\\\"}'>Pay $23.23</a>\\n\"\n}\n[/block]\n\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<style>\\n.btn {\\n  background: #6fc3fc;\\n  background-image: -webkit-linear-gradient(top, #6fc3fc, #1b79b3);\\n  background-image: -moz-linear-gradient(top, #6fc3fc, #1b79b3);\\n  background-image: -ms-linear-gradient(top, #6fc3fc, #1b79b3);\\n  background-image: -o-linear-gradient(top, #6fc3fc, #1b79b3);\\n  background-image: linear-gradient(to bottom, #6fc3fc, #1b79b3);\\n  -webkit-border-radius: 16;\\n  -moz-border-radius: 16;\\n  border-radius: 16px;\\n  text-shadow: 1px 1px 3px #666666;\\n  font-family: Arial;\\n  color: #ffffff;\\n  font-size: 35px;\\n  padding: 10px 20px 10px 20px;\\n  text-decoration: none;\\n}\\n\\n.btn:hover {\\n  background: #2a76a6;\\n  background-image: -webkit-linear-gradient(top, #2a76a6, #3498db);\\n  background-image: -moz-linear-gradient(top, #2a76a6, #3498db);\\n  background-image: -ms-linear-gradient(top, #2a76a6, #3498db);\\n  background-image: -o-linear-gradient(top, #2a76a6, #3498db);\\n  background-image: linear-gradient(to bottom, #2a76a6, #3498db);\\n  text-decoration: none;\\n}\\n</style>\\n<a class=\\\"btn\\\" href='https://api.paystand.co/v3/plugins/paystand/checkout?data={\\\"publishableKey\\\":\\\"eml9jvz7dsbglwtx53xtu9tl\\\",\\\"amount\\\":23.23,\\\"currency\\\":\\\"usd\\\"}'>\\n  Pay $23.23\\n</a>\\n\",\n      \"language\": \"html\"\n    }\n  ]\n}\n[/block]\n\n[block:textarea]\n{\n  \"text\": \"# Try it yourself on Codepen\",\n  \"sidebar\": true\n}\n[/block]\n\n[block:embed]\n{\n  \"html\": \"<iframe height='350' scrolling='no' src='http://codepen.io/paystand/embed/aNvXzr' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'></iframe>\",\n  \"url\": \"http://codepen.io/paystand/pen/aNvXzr\",\n  \"title\": \"Checkout 2 Email Link and Buttons (No JavaScript)\",\n  \"favicon\": \"http://codepen.io/favicon.ico\",\n  \"image\": \"https://s3-us-west-2.amazonaws.com/i.cdpn.io/524447.aNvXzr.small.d7b46d9f-6766-4ff7-ad54-de708a8550aa.png\",\n  \"sidebar\": true\n}\n[/block]","excerpt":"","slug":"portal-usage-examples","type":"basic","title":"Usage Examples"}
# Simple Link [block:html] { "html": "<a href='https://api.paystand.co/v3/plugins/paystand/checkout?data={\"publishableKey\":\"eml9jvz7dsbglwtx53xtu9tl\",\"amount\":5.55,\"currency\":\"usd\"}'>This is an email link to pay your bill</a>\n" } [/block] [block:code] { "codes": [ { "code": "<a href='https://api.paystand.co/v3/plugins/paystand/checkout?data={\"publishableKey\":\"eml9jvz7dsbglwtx53xtu9tl\",\"amount\":5.55,\"currency\":\"usd\"}'>\n This is an email link to pay your bill\n</a>", "language": "html", "name": "" } ] } [/block] # Pay Now by PayStand Button [block:html] { "html": "<a href='https://api.paystand.co/v3/plugins/paystand/checkout?data={\"publishableKey\":\"eml9jvz7dsbglwtx53xtu9tl\",\"amount\":12.12,\"currency\":\"usd\"}'><div style=\"background-image: url(https://dashboard.paystand.co/v2/images/integrations/ps-paynow.png); height: 100px; width: 200px; background-position:center;);\"></div></a>" } [/block] [block:code] { "codes": [ { "code": "<a href='https://api.paystand.co/v3/plugins/paystand/checkout?data={\"publishableKey\":\"eml9jvz7dsbglwtx53xtu9tl\",\"amount\":12.12,\"currency\":\"usd\"}'>\n\t<div style=\"background-image: url(https://dashboard.paystand.co/v2/images/integrations/ps-paynow.png); height: 100px; width: 200px; background-position:center;);\"></div>\n</a>", "language": "html" } ] } [/block] # Custom Button [block:html] { "html": "<style>\n.btn {\n background: #6fc3fc;\n background-image: -webkit-linear-gradient(top, #6fc3fc, #1b79b3);\n background-image: -moz-linear-gradient(top, #6fc3fc, #1b79b3);\n background-image: -ms-linear-gradient(top, #6fc3fc, #1b79b3);\n background-image: -o-linear-gradient(top, #6fc3fc, #1b79b3);\n background-image: linear-gradient(to bottom, #6fc3fc, #1b79b3);\n -webkit-border-radius: 16;\n -moz-border-radius: 16;\n border-radius: 16px;\n text-shadow: 1px 1px 3px #666666;\n font-family: Arial;\n color: #ffffff !important;;\n font-size: 35px;\n padding: 10px 20px 10px 20px;\n text-decoration: none;\n}\n\n.btn:hover {\n background: #2a76a6;\n background-image: -webkit-linear-gradient(top, #2a76a6, #3498db);\n background-image: -moz-linear-gradient(top, #2a76a6, #3498db);\n background-image: -ms-linear-gradient(top, #2a76a6, #3498db);\n background-image: -o-linear-gradient(top, #2a76a6, #3498db);\n background-image: linear-gradient(to bottom, #2a76a6, #3498db);\n text-decoration: none;\n}\n</style>\n<a class=\"btn\" href='https://api.paystand.co/v3/plugins/paystand/checkout?data={\"publishableKey\":\"eml9jvz7dsbglwtx53xtu9tl\",\"amount\":23.23,\"currency\":\"usd\"}'>Pay $23.23</a>\n" } [/block] [block:code] { "codes": [ { "code": "<style>\n.btn {\n background: #6fc3fc;\n background-image: -webkit-linear-gradient(top, #6fc3fc, #1b79b3);\n background-image: -moz-linear-gradient(top, #6fc3fc, #1b79b3);\n background-image: -ms-linear-gradient(top, #6fc3fc, #1b79b3);\n background-image: -o-linear-gradient(top, #6fc3fc, #1b79b3);\n background-image: linear-gradient(to bottom, #6fc3fc, #1b79b3);\n -webkit-border-radius: 16;\n -moz-border-radius: 16;\n border-radius: 16px;\n text-shadow: 1px 1px 3px #666666;\n font-family: Arial;\n color: #ffffff;\n font-size: 35px;\n padding: 10px 20px 10px 20px;\n text-decoration: none;\n}\n\n.btn:hover {\n background: #2a76a6;\n background-image: -webkit-linear-gradient(top, #2a76a6, #3498db);\n background-image: -moz-linear-gradient(top, #2a76a6, #3498db);\n background-image: -ms-linear-gradient(top, #2a76a6, #3498db);\n background-image: -o-linear-gradient(top, #2a76a6, #3498db);\n background-image: linear-gradient(to bottom, #2a76a6, #3498db);\n text-decoration: none;\n}\n</style>\n<a class=\"btn\" href='https://api.paystand.co/v3/plugins/paystand/checkout?data={\"publishableKey\":\"eml9jvz7dsbglwtx53xtu9tl\",\"amount\":23.23,\"currency\":\"usd\"}'>\n Pay $23.23\n</a>\n", "language": "html" } ] } [/block] [block:textarea] { "text": "# Try it yourself on Codepen", "sidebar": true } [/block] [block:embed] { "html": "<iframe height='350' scrolling='no' src='http://codepen.io/paystand/embed/aNvXzr' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'></iframe>", "url": "http://codepen.io/paystand/pen/aNvXzr", "title": "Checkout 2 Email Link and Buttons (No JavaScript)", "favicon": "http://codepen.io/favicon.ico", "image": "https://s3-us-west-2.amazonaws.com/i.cdpn.io/524447.aNvXzr.small.d7b46d9f-6766-4ff7-ad54-de708a8550aa.png", "sidebar": true } [/block]