Template Pages

Change the design of your Customer Payment Profile Page

Purpose: This template is used when customers need to update their saved Credit Card information.

Note: This template will only come into play for Stores that are using a token based payment method like Authorize Net's CIM module. To access the page, shoppers with saved credit cards will need to log into their "My Account" sections and edit/update their Saved Credit Cards.

Note: It is important to preserve the commented tags to ensure the software performs correctly.

For example:

  1. [strCustomerPaymentProfileId]
  2. [account_creditcard-details]
  3. <!--START: CATEGORY_HEADER-->
  4. [CONTENT]
  5. <!--END: CATEGORY_HEADER-->
  6. <!--START: ERROR_MSG-->
  7. [strErrMsg]
  8. <!--END: ERROR_MSG-->
  9. [account_creditcard-info]
  10. [CustomerInfo_creditcardnumber]
  11. [card_number]
  12. [CustomerInfo_creditexpiration]
  13. <!--START: drpRegMonth-->
  14. [intMonth]
  15. [selected]
  16. [month]
  17. <!--END: drpRegMonth-->
  18. <!--START: drpRegYear-->
  19. [year]
  20. [selected]
  21. [year]
  22. <!--END: drpRegYear-->
  23. [account_button-cancel]
  24. [CustomerInfo_creditcardnumber]
  25. [card_number]
  26. [card_number]
  27. [CustomerInfo_creditexpiration]
  28. [month]
  29. [year]
  30. [month]
  31. [year]
  32. <!--START: editCard-->
  33. [account_creditcard-edit]
  34. <!--END: editCard-->
  35. [account_billing-info]
  36. <!--START: authNet-->
  37. [CustomerInfo_firstname]
  38. [billing_firstname]
  39. [CustomerInfo_lastname]
  40. [billing_lastname]
  41. <!--START: company-->
  42. [CustomerInfo_company]
  43. [billing_company]
  44. <!--END: company-->
  45. <!--END: authNet-->
  46. [CustomerInfo_address]
  47. [billing_address]
  48. <!--START: city-->
  49. [CustomerInfo_city]
  50. [billing_city]
  51. <!--END: city-->
  52. <!--START: country-->
  53. [CustomerInfo_country]
  54. <!--END: country-->
  55. <!--START: state-->
  56. [CustomerInfo_state]
  57. <!--END: state-->
  58. [CustomerInfo_zip]
  59. [billing_zip]
  60. [account_button-back]
  61. [account_button-delete]
  62. <!--START: save-->
  63. [account_button-Save]
  64. <!--END: save-->
  65. <!--START: CATEGORY_FOOTER-->
  66. [CONTENT]
  67. <!--END: CATEGORY_FOOTER-->
  68. [billing_country]
  69. [billing_state]
  70. [account_creditcard-delete-confirmation]
  71. [CustomerInfo_creditcardnumber]
  72. [CustomerInfo_creditexpiration]
  73. <!--START: authNetValidation-->
  74. [CustomerInfo_firstname]
  75. [CustomerInfo_lastname]
  76. <!--END: authNetValidation-->
  77. [CustomerInfo_address]
  78. <!--START: CityValidation-->
  79. [CustomerInfo_city]
  80. <!--END: CityValidation-->
  81. <!--START: CountryValidation-->
  82. [CustomerInfo_country]
  83. <!--END: CountryValidation-->
  84. <!--START: StateValidation-->
  85. [CustomerInfo_state]
  86. <!--END: StateValidation-->
  87. [CustomerInfo_zip]

Note: Code blocks and their respective variables will only work with specific template pages.

Note: Several of these variables are used in multiple places on the page, with their dynamic content controlled by the code block used in each instance.

  • [strCustomerPaymentProfileId] - Used by the Software to insert the payment profile token ID.
  • [account_creditcard-details] - Displays the "Credit Card Details" Title of the page. (See Settings ->Design ->Store Language)
  • [strErrMsg] - Used by the Software to insert the store's Error Message if/when an error occurs.
  • [account_creditcard-info] - Displays the Title of the "Credit Card Info" section. (See Settings ->Design ->Store Language)
  • [CustomerInfo_creditcardnumber] - Displays the Title of the "Credit Card Number" field. (See Settings ->Design ->Store Language)
  • [card_number] - Inserts an abridged representation of the Shopper's saved credit card (xxxx[last four digits]) when viewing. When editing, it references the entered card number.
  • [CustomerInfo_creditexpiration] - Displays the Title of the "Expiration" line on the page. (See Settings ->Design ->Store Language)
  • [intMonth] - Used by the Software to control the card Expiration drop downs (when editing card)
  • [selected] - Used by the Software to reference drop down selections. (when editing card)
  • [month] - Displays the Selected Expiration Month
  • [year] - Displays the Selected Expiration Year
  • [account_button-cancel] - When editing the Credit Card, this variable displays the Title of the "cancel" link. (See Settings ->Design ->Store Language)
  • [account_creditcard-edit] - When viewing the Credit Card, this variable displays the Title of the "edit" link. (See Settings ->Design ->Store Language)
  • [account_billing-info] - Displays the Title of the "Billing Information" heading on the page. (See Settings ->Design ->Store Language)
  • [CustomerInfo_firstname] - Displays the Title of the "First Name" field. (See Settings ->Design ->Store Language)
  • [billing_firstname] - Inserts and references the card holder's First Name information.
  • [CustomerInfo_lastname] - Displays the Title of the "Last Name" field. (See Settings ->Design ->Store Language)
  • [billing_lastname] - Inserts and references the card holder's Last Name information.
  • [CustomerInfo_company] - Displays the Title of the "Company" field. (See Settings ->Design ->Store Language)
  • [billing_company] - Inserts and references the card holder's Company information.
  • [CustomerInfo_address] - Displays the Title of the "Address" field. (See Settings ->Design ->Store Language)
  • [billing_address] - Inserts and references the card holder's Address information.
  • [CustomerInfo_city] - Displays the Title of the "City" field. (See Settings ->Design ->Store Language)
  • [billing_city] - Inserts and references the card holder's City information.
  • [CustomerInfo_country] - Displays the Title of the "Country" field. (See Settings ->Design ->Store Language)
  • [billing_country] - Inserts and references the card holder's Country information.
  • [CustomerInfo_state] - Displays the Title of the "State" field. (See Settings ->Design ->Store Language)
  • [billing_state] - Inserts and references the card holder's State information.
  • [CustomerInfo_zip] - Displays the Title of the "Zip" field. (See Settings ->Design ->Store Language)
  • [billing_zip] - Inserts and references the card holder's Zip information.
  • [account_button-back] - Displays the Title of the "Back" button/link. (See Settings ->Design ->Store Language)
  • [account_button-delete] - Displays the Title of the "Delete" button/link. (See Settings ->Design ->Store Language)
  • [account_button-Save] - Displays the Title of the "Save" button/link. (See Settings ->Design ->Store Language)
  • [account_creditcard-delete-confirmation] - If Deleted, the Software will insert an "Are you sure..." confirmation message. (See Settings ->Design ->Store Language)

Download this Template     (Save as a backup or edit to customize)

Screenshot of the managemycc.html Template