Configure mini program template

This topic guides you through the detailed steps to configure mini program templates. For example, configuring basic information, creating a merchant guide, configuring roles, menus, and the roles&menu visibility, and so on.

Procedures

To configure a mini program template, follow the steps below:

Step 1: Configure basic information for a mini program template

After creating a mini program template, from the left navigation bar, click Mini Program Templates > click the target template > click the Information tab, you can view the general information of the mini program template. You can also configure the basic template information per your needs, for example, adding more languages, upload the template thumbnail.

  1. You can add more languages to get better user experience. See the following figure. Click + to add languages one by one.
    Tip: It's recommended to choose English (U.S.) for your convenience before releasing the mini program template.

image.png

  1. For the added language, configure the following basic information, where the template name, template thumbnail are required.
    Tip: You can upload a template thumbnail to help users identify the template that they use and better understand the businesss that the template indicates.


image.png

  1. After adding a language, remember to configure the roles and menus later.
  2. If you need to modify the basic information, click Edit under the specific language.

Step 2: Configure for the merchant console

Configure the following items to facilitate the merchant console configuration more smoothly for merchants:

Create a merchant guide

To provide better user experience, you can create a guide of task flow to instruct your users(merchants) to use the mini program template.

Notes:

Steps:

  1. Under the Merchant Console Configuration tab > Click Merchant Guide > Click Edit.
  2. Click a specific language (for example, English):
    1. Must enter the step title and description.
    2. Click Add step to add no more than 4 steps.
    3. (Conditional) If you want to delete a step, you must pay attention that once the step is deleted, information cannot be recovered.
  1. Per you multi-language demands, you must configure all information for all languages before continuing.
  2. Click Save to save all step configuration.

Finally, your users (merchants) can view the guide of the task flow. Take the following figure as an example.

image

Configure roles

Notes: Your role must be Owner or Master.

Steps:

  1. Under the Merchant Console Configuration tab > Go to the Role section > Click Edit.
    image.png
  2. For a specific language (for example, English):
    1. Must enter the Role Name. Note: Only English letters and spaces are allowed for the role name.
    2. The Role Code is automatically generated by the system. Please pay attention to its use in actual business scenarios.
    3. Click Add to add no more than 5 role names.
  1. Per you multi-language demands, click Set multi-languages to configure role names for all languages before continuing.
  2. Click Save to save all role configuration. Take the following figure as an example to view the role list, where English and Chinese are configured for the role name.

image.png
image.png

Note:

  • This role configuration will take effect in both pre-release and production environments.
  • The saved roles cannot be deleted.

Configure menus, and the roles&menu visibility

You need to configure menus first and then configure the roles&menu visibility.

Configure menus

Steps:

  1. Under the Merchant Console Configuration tab > Go to the Menu section > Click Edit.
    image.png
  1. For a specific language (for example, English):
    1. Click Add a menu to add the 1st-level menu.
      image.png
    2. Must enter the Menu Name. Note: Only English letters and spaces are allowed for the Menu name.
    3. Must enter the iFrame URL, which allows to include external content or other web pages to indicate the menu.
    4. Must choose an icon to represent the menu.
    5. (Optional) Click Add a submenu to add a sub-menu/the 2nd-level menu. Also Menu Name and iFrame URL are required.
    6. Click Refresh in the right-top corner to preview the menu structure. Take the following figure as an example.
      image.png
  1. Repeat the previous steps to add more menus.
  2. Per you multi-language demands, click Set multi-languages to configure menu names for all languages before continuing. Take the following figure as an example.
    image.png

    image.png

  3. Click Save to save the multi-language configuration and return to the menu configuration, and then Click Next step to configure the roles&menu visibility.

Configure roles&menu visibility

  1. For each role name, in the Menu Visibility list, choose the menu accordingly.
  2. Click Save to save all configuration.

image.png

Step 3: Manage features for a mini program template

  1. Click the specific mini program template to which you want to add a feature.
  2. Click the Features tab and then click + Add Feature.
    image.png
  1. Select features properly and click Add, then the feature is shown in the feature list.
  2. Make sure that the feature is activated, which depends on the feature API.
    After activation, your mini program template can access all the associated APIs.
  3. If you need to remove the feature, click Remove in the Action column.

Result

With the above steps, you have now completed configuring a mini program template.

Note: You must complete the Role, the Menu, and the Role&Menu Visibility configuration before going to release the mini program template.

Next step

  1. Create a mini program template service
  2. Release a mini program template service