https://community.developer.cybersource.com/t5/Integration-and-Testing/Accept-Customer-Angular-Implementation/m-p/86799#M54636 <P>, I am new to authorize.net. Already integrated CreateCustomerProfile API and then retrieved the GetHostedProfilePageResponse token from authorize.net. Now I need to show the add payment form as a popup in my angular application (without redirect)</P><P><BR />I tried the accept customer with a sample html page.</P><LI-CODE lang="markup">&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"&gt; &lt;script src="scripts/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="scripts/bootstrap.min.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;input type="text" id="inputtoken" value="" /&gt; &lt;br /&gt; &lt;form method="post" action="https://test.authorize.net/customer/addPayment" id="formAuthorizeNetTestPage" name="formAuthorizeNetTestPage"&gt; &lt;input type="hidden" id="redirectToken" name="token" value="Hosted_Profile_Page_Response_Token" /&gt; &lt;input type="button" onclick="document.getElementById('formAuthorizeNetTestPage').submit();" text="Manage my payment and shipping information"/&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt;</LI-CODE><P>And this is working as expected. In my actual use case, I am using <STRONG>angular</STRONG> as client side. And I want to show the add payment page as a pop-up. Do we have any docs related to the implementation in angular?</P> Wed, 14 Jun 2023 18:46:18 GMT maheshoa 2023-06-14T18:46:18Z https://community.developer.cybersource.com/t5/Integration-and-Testing/Accept-Customer-Angular-Implementation/m-p/86799#M54636 <P>, I am new to authorize.net. Already integrated CreateCustomerProfile API and then retrieved the GetHostedProfilePageResponse token from authorize.net. Now I need to show the add payment form as a popup in my angular application (without redirect)</P><P><BR />I tried the accept customer with a sample html page.</P><LI-CODE lang="markup">&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"&gt; &lt;script src="scripts/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="scripts/bootstrap.min.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;input type="text" id="inputtoken" value="" /&gt; &lt;br /&gt; &lt;form method="post" action="https://test.authorize.net/customer/addPayment" id="formAuthorizeNetTestPage" name="formAuthorizeNetTestPage"&gt; &lt;input type="hidden" id="redirectToken" name="token" value="Hosted_Profile_Page_Response_Token" /&gt; &lt;input type="button" onclick="document.getElementById('formAuthorizeNetTestPage').submit();" text="Manage my payment and shipping information"/&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt;</LI-CODE><P>And this is working as expected. In my actual use case, I am using <STRONG>angular</STRONG> as client side. And I want to show the add payment page as a pop-up. Do we have any docs related to the implementation in angular?</P> Wed, 14 Jun 2023 18:46:18 GMT https://community.developer.cybersource.com/t5/Integration-and-Testing/Accept-Customer-Angular-Implementation/m-p/86799#M54636 maheshoa 2023-06-14T18:46:18Z https://community.developer.cybersource.com/t5/Integration-and-Testing/Accept-Customer-Angular-Implementation/m-p/92025#M57706 <P>Accept the customer's Angular implementation by reviewing their code, ensuring it meets requirements, and integrating it into your project if it works as intended.</P> Fri, 18 Jul 2025 02:31:33 GMT https://community.developer.cybersource.com/t5/Integration-and-Testing/Accept-Customer-Angular-Implementation/m-p/92025#M57706 willamabroy2 2025-07-18T02:31:33Z