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.
Code Blocks
Note: It is important to preserve the commented tags to ensure the software performs correctly.
[strCustomerPaymentProfileId]
[account_creditcard-details]
<!--START: CATEGORY_HEADER-->
[CONTENT]
<!--END: CATEGORY_HEADER-->
<!--START: ERROR_MSG-->
[strErrMsg]
<!--END: ERROR_MSG-->
[account_creditcard-info]
[CustomerInfo_creditcardnumber]
[card_number]
[CustomerInfo_creditexpiration]
<!--START: drpRegMonth-->
[intMonth]
[selected]
[month]
<!--END: drpRegMonth-->
<!--START: drpRegYear-->
[year]
[selected]
[year]
<!--END: drpRegYear-->
[account_button-cancel]
[CustomerInfo_creditcardnumber]
[card_number]
[card_number]
[CustomerInfo_creditexpiration]
[month]
[year]
[month]
[year]
<!--START: editCard-->
[account_creditcard-edit]
<!--END: editCard-->
[account_billing-info]
<!--START: authNet-->
[CustomerInfo_firstname]
[billing_firstname]
[CustomerInfo_lastname]
[billing_lastname]
<!--START: company-->
[CustomerInfo_company]
[billing_company]
<!--END: company-->
<!--END: authNet-->
[CustomerInfo_address]
[billing_address]
<!--START: city-->
[CustomerInfo_city]
[billing_city]
<!--END: city-->
<!--START: country-->
[CustomerInfo_country]
<!--END: country-->
<!--START: state-->
[CustomerInfo_state]
<!--END: state-->
[CustomerInfo_zip]
[billing_zip]
[account_button-back]
[account_button-delete]
<!--START: save-->
[account_button-Save]
<!--END: save-->
<!--START: CATEGORY_FOOTER-->
[CONTENT]
<!--END: CATEGORY_FOOTER-->
[billing_country]
[billing_state]
[account_creditcard-delete-confirmation]
[CustomerInfo_creditcardnumber]
[CustomerInfo_creditexpiration]
<!--START: authNetValidation-->
[CustomerInfo_firstname]
[CustomerInfo_lastname]
<!--END: authNetValidation-->
[CustomerInfo_address]
<!--START: CityValidation-->
[CustomerInfo_city]
<!--END: CityValidation-->
<!--START: CountryValidation-->
[CustomerInfo_country]
<!--END: CountryValidation-->
<!--START: StateValidation-->
[CustomerInfo_state]
<!--END: StateValidation-->
[CustomerInfo_zip]
Note: Code blocks and their respective variables will only work with specific template pages.
Variables
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)