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)