{"_id":"596524784076ab001a5d5440","project":"55c8cff571d7580d0063a5e5","version":{"_id":"57624356653c2d2200fec79c","__v":20,"project":"55c8cff571d7580d0063a5e5","createdAt":"2016-06-16T06:12:38.244Z","releaseDate":"2016-06-16T06:12:38.244Z","categories":["57624356653c2d2200fec79d","57624356653c2d2200fec79e","57624356653c2d2200fec79f","57624356653c2d2200fec7a0","57624356653c2d2200fec7a1","57624356653c2d2200fec7a2","57624356653c2d2200fec7a3","57624356653c2d2200fec7a4","57624356653c2d2200fec7a5","57624356653c2d2200fec7a6","57624356653c2d2200fec7a7","57624356653c2d2200fec7a8","57624356653c2d2200fec7a9","57624356653c2d2200fec7aa","5779ca1b99b40b0e005abb3a","5779d198aea88b0e00f63277","5797d3ab17ced017003c4be4","57ac170ef1cdae0e0053cdfc","57dbfc723ed3450e00dc9e6d","5804d12d16161c0f0077df9b","5841064b652e5b0f0015a7c8","588b5e5f2966b2230009cbf9","58a68ebf3239fa0f00857619","58c23c8b4922930f0050ac91","58fd1460809fc30f00f2ee07","5934eaf5328680002d77de6a","594bf91601cfe6000f40f4c5","595c4ed696b447001ba0cf6d","596524495cee50001575f5be","5970d4f1313162004dd303b5","59780fac24dbd1001a1fa057","59a8cfd3ead78a002d63cafe","59e0323d93da1f001c9ec170"],"is_deprecated":false,"is_hidden":false,"is_beta":true,"is_stable":true,"codename":"","version_clean":"4.0.0","version":"4"},"category":{"_id":"596524495cee50001575f5be","project":"55c8cff571d7580d0063a5e5","version":"57624356653c2d2200fec79c","__v":0,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2017-07-11T19:17:29.490Z","from_sync":false,"order":3,"slug":"credit-card-payment-method","title":"Credit Card Payment Method"},"user":"56f99ab84d2b4f3400edb636","__v":0,"parentDoc":null,"updates":[],"next":{"pages":[],"description":""},"createdAt":"2017-07-11T19:18:16.936Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":0,"body":"##Definition\n\nhttps://api.phone.com/v4/payment-method?css_url=:css_url&cancel_url=:cancel_url&return_url=:return_url&echo_data=:echo_data\n\n##Entry Form\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/4e690a6-Screen_Shot_2017-07-11_at_3.53.35_PM.png\",\n        \"Screen Shot 2017-07-11 at 3.53.35 PM.png\",\n        647,\n        624,\n        \"#f3f3f3\"\n      ]\n    }\n  ]\n}\n[/block]\n##Request Fields\n\n[block:parameters]\n{\n  \"data\": {\n    \"h-0\": \"Field Name\",\n    \"h-1\": \"Description\",\n    \"h-2\": \"Length\",\n    \"h-3\": \"Required\",\n    \"h-4\": \"Comments\",\n    \"0-0\": \"css_url\",\n    \"0-2\": \"64\",\n    \"0-3\": \"Y\",\n    \"0-4\": \"By default, use https://api.phone.com/v4/style.css\",\n    \"0-1\": \"URL to a custom stylesheet, default is https://api.phone.com/v4/style.css.  \\n\\nIf users would like to use their own stylesheet, they need to submit a request to Phone.com to save the stylesheet to the Credit Card service provider system.\",\n    \"1-0\": \"cancel_url\",\n    \"1-1\": \"URL to forward upon cancellation\",\n    \"1-2\": \"64\",\n    \"1-3\": \"Y\",\n    \"1-4\": \"This is a fully qualified URL to forward the cardholder when they press the ‘cancel’ button.\",\n    \"2-0\": \"return_url\",\n    \"2-1\": \"URL to forward upon successful submit\",\n    \"2-2\": \"64\",\n    \"2-3\": \"Y\",\n    \"2-4\": \"This is a fully qualified URL to forward the cardholder when the transaction is approved. \\n\\nOnce a transaction is approved, the cc_token and echo_data will be POSTed to the return_url\",\n    \"3-0\": \"echo_data\",\n    \"3-1\": \"Echo Data\",\n    \"3-2\": \"64\",\n    \"3-3\": \"Y\",\n    \"3-4\": \"This Echo field is simply passed back when the cardholder is returned to the merchant’s website\"\n  },\n  \"cols\": 5,\n  \"rows\": 4\n}\n[/block]\n##Response Fields\n\nThe following table contains each field available in the response. These fields are sent in an HTTP POST to the return_url once a transaction has been approved.\n[block:parameters]\n{\n  \"data\": {\n    \"h-0\": \"Field Name\",\n    \"h-1\": \"Description\",\n    \"0-0\": \"cc_token\",\n    \"0-1\": \"This field returns the value of the token for the card which was stored.\",\n    \"1-0\": \"echo_data\",\n    \"1-1\": \"The data you sent with request field “echo_data”\"\n  },\n  \"cols\": 2,\n  \"rows\": 2\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Add Credit Card to Phone.com Account\",\n  \"body\": \"Once the cc_token is obtained, an API user may use the [Create Account Payment Method](doc:create-account-payment-method) API to add the credit card to his / her Phone.com account.\"\n}\n[/block]","excerpt":"Phone.com provides a HTML Credit Card Entry Form that simply wraps the Phone.com Processor iframe. This form collects credit card info, verifies and tokenize it.","slug":"credit-card-entry-form","type":"basic","title":"Credit Card Entry Form"}

Credit Card Entry Form

Phone.com provides a HTML Credit Card Entry Form that simply wraps the Phone.com Processor iframe. This form collects credit card info, verifies and tokenize it.

##Definition https://api.phone.com/v4/payment-method?css_url=:css_url&cancel_url=:cancel_url&return_url=:return_url&echo_data=:echo_data ##Entry Form [block:image] { "images": [ { "image": [ "https://files.readme.io/4e690a6-Screen_Shot_2017-07-11_at_3.53.35_PM.png", "Screen Shot 2017-07-11 at 3.53.35 PM.png", 647, 624, "#f3f3f3" ] } ] } [/block] ##Request Fields [block:parameters] { "data": { "h-0": "Field Name", "h-1": "Description", "h-2": "Length", "h-3": "Required", "h-4": "Comments", "0-0": "css_url", "0-2": "64", "0-3": "Y", "0-4": "By default, use https://api.phone.com/v4/style.css", "0-1": "URL to a custom stylesheet, default is https://api.phone.com/v4/style.css. \n\nIf users would like to use their own stylesheet, they need to submit a request to Phone.com to save the stylesheet to the Credit Card service provider system.", "1-0": "cancel_url", "1-1": "URL to forward upon cancellation", "1-2": "64", "1-3": "Y", "1-4": "This is a fully qualified URL to forward the cardholder when they press the ‘cancel’ button.", "2-0": "return_url", "2-1": "URL to forward upon successful submit", "2-2": "64", "2-3": "Y", "2-4": "This is a fully qualified URL to forward the cardholder when the transaction is approved. \n\nOnce a transaction is approved, the cc_token and echo_data will be POSTed to the return_url", "3-0": "echo_data", "3-1": "Echo Data", "3-2": "64", "3-3": "Y", "3-4": "This Echo field is simply passed back when the cardholder is returned to the merchant’s website" }, "cols": 5, "rows": 4 } [/block] ##Response Fields The following table contains each field available in the response. These fields are sent in an HTTP POST to the return_url once a transaction has been approved. [block:parameters] { "data": { "h-0": "Field Name", "h-1": "Description", "0-0": "cc_token", "0-1": "This field returns the value of the token for the card which was stored.", "1-0": "echo_data", "1-1": "The data you sent with request field “echo_data”" }, "cols": 2, "rows": 2 } [/block] [block:callout] { "type": "info", "title": "Add Credit Card to Phone.com Account", "body": "Once the cc_token is obtained, an API user may use the [Create Account Payment Method](doc:create-account-payment-method) API to add the credit card to his / her Phone.com account." } [/block]