What We’ll Cover
Using the Default Enrollment Form
Warning: The out-of-the-box setup for the Enrollment form may not meet your company needs. It’s recommended to have custom development performed with a developer familiar with AngularJS.
If you want to use the default form, you can link to it in the Site Navigation with the relative path /{webalias}/Application?type={ID}
.
Editing Strings
Read: Changing Static Content
The default Enrollment form has the following string keys that need to be added.
What is This? Text
In the Enrollment form’s Step 3, there is a tooltip that defines the SSN/TaxID field:
String: what_is_this
Suggested Text Value: What is this?
Place Annual Fees Here
In the Step 4 heading, you’ll see the text “place_annual_fees_here”.
String: ship_annual_fees
Suggested Text Value: Ideally, the text value should be your annual fee amount, or “No Annual Fees”.
Step 5 Checkboxes
In Step 5, each checkbox text can be customized to suite your needs.
The checkboxes strings in the order they appear. You’ll need to add/edit the strings for each Associate Type:
- String:
by_checkmark_this_box_iam_giving_the_company_permission_type_1
- String:
by_checkmark_this_box_iam_authorizing _the_company_to_store_type_1
- String:
by_checkmark_this_box_iam_signaling_my_agreement_with_type_1
- String:
by_clicking_the_iagree_box_I_acknowledge_that_type_1
For type 2 and 3, just change the type number.
- by_checkmark_this_box_iam_giving_the_company_permission_type_1
- by_checkmark_this_box_iam_giving_the_company_permission_type_2
- by_checkmark_this_box_iam_giving_the_company_permission_type_3
Creating Your Own Custom Enrollment Form
Overriding the default Enrollment Form follows the same steps as with any custom page template.
Read more: Modifying eCommerce Shop Page Templates
You can follow the guide above; however, there are a couple differences with the code you change.
You’ll want to select the Application page template.
-
Under HTML, change
ng-controller="NewCustomApplicationCtrl
to a name of your choice. -
Under JAVASCRIPT, (around Line 22), replace
dsCoreViews.config(
withmodule.config('config',['$stateProvider',
. -
Around Lines 23 and 24, change both instances
xyz
toApplication
. -
Locate (around line 49):
data: { pageTitle: 'Application' } }); })
and change the
})
(around Line 53 before.directive
) to}])
. -
Locate (around line 966)
}).controller('CustomApplicationCtrl', [
and changeCustomApplicationCtrl
to yourng-controller
name.
The rest of the steps in the above step-by-step guide are the same.
Comments
0 comments
Please sign in to leave a comment.