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:

    [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.

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