What We’ll Cover

• Using the Default Enrollment Form
• Editing Strings
  • What is This? Text
  • Place Annual Fees Here
  • Step 5 Checkboxes
• Creating Your Own Custom Enrollment Form

---

---

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:

1. String: by_checkmark_this_box_iam_giving_the_company_permission_type_1
2. String: by_checkmark_this_box_iam_authorizing _the_company_to_store_type_1
3. String: by_checkmark_this_box_iam_signaling_my_agreement_with_type_1
4. 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.

1. Under HTML, change ng-controller="NewCustomApplicationCtrl to a name of your choice.

2. Under JAVASCRIPT, (around Line 22), replace dsCoreViews.config( with module.config('config',['$stateProvider',.

3. Around Lines 23 and 24, change both instances xyz to Application.

4. Locate (around line 49):

            data: {
               pageTitle: 'Application'
           }
       });
    })

   and change the }) (around Line 53 before .directive) to }]).

5. Locate (around line 966) }).controller('CustomApplicationCtrl', [ and change CustomApplicationCtrl to your ng-controller name.

The rest of the steps in the above step-by-step guide are the same.