Member Element

4. EC + SC (EN).png

12. 品牌會員購物 App.png

With the member element, you can display members' information and benefits, shopping credits and member points, and coupons. Currently only supports adjusting the display position, changing the color of each member's card, and adding or deleting membership benefits. 

 

This article will cover the following:

 

1. Edit Member Element's membership tier content

Step 1

Go to SHOPLINE Admin > [Mobile App Management] > [App Design] > Current Template > Simple Template and click Set up to configure Member Element. 

Screenshot 2024-03-11 at 11.55.32.png

 

Step 2

Click on the Member Element button on the left for editing. If the member element in the left component library is deleted, click Add an element to add a new one.

EN2.png

 

Step 3

All stores will display the "General Member" card by default. Besides general members, the rest of the membership tiers will be taken from the tiers set in the SHOPLINE Admin > [Customer Management] > [Membership Tier]. For example, if you set the tiers as "Gold" and "Platinum," then the Gold Member and Platinum Member cards will be displayed here. Only the Member card will be displayed if you have not set any membership tier.

If there is a membership tier that you do not want to show on the app, you can click the Screen_Shot_2022-10-26_at_11.20.21_AM.png icon to hide the card. Once hidden, the description of the membership-level benefits will not be displayed.

*Note: You cannot hide the "Member" tier card. Click the bin.png icon to remove the Member element if you do not want to show any member-related content.

Screenshot 2024-03-11 at 12.02.24.png

 

Step 4

Switch on the toggle next to "Member Barcode" to decide whether to enable or disable the display of the barcode.

Screenshot 2024-03-11 at 12.09.25.png

 

If switched off, then the barcode will not be displayed.

Screenshot 2024-03-11 at 12.11.18.png

 

Step 5

Click the little arrow on the side to edit the color settings. 

Screen_Shot_2022-11-08_at_11.21.50_AM.png

 

Step 6

You can select "Color" or "Custom background image" for the card. 

  • Color: Click the color box of the background color or font color, select the desired color or enter the color code. Once you have decided on the color, click any other region outside the color box to complete the setting. 
    Screen_Shot_2022-11-08_at_11.24.08_AM.png

  • Custom background image: Click + add an image to upload the image. The recommended size of the image is 351*176. After the image is uploaded, modify the font color and upgrade the text on the card to suit your needs.

    Screen_Shot_2022-11-08_at_11.24.53_AM.png

*Note: The system will display the default color if you do not set the card color. 

 

Step 7

The upgrade condition is displayed by default. When you switch off the toggle, a confirmation pop-up window will appear. Click Confirm to switch off the toggle.

upgrade_condition.png

 

Step 8

You can view the display effect in the preview area during the card editing process.

Screen_Shot_2023-01-11_at_4.21.56_PM.png

  • If the Store Credit toggle has been switched on in the Admin, the "My Store Credits" icon will be displayed in this area, but it will not be displayed when switched off; go to SHOPLINE Admin > [Customer Management] > [Store Credits] and switch on the Store Credit toggle.
  • If the Member Points Toggle is switched on, the "My Points" will be displayed in this section, but it will not be displayed if switched off. Go to SHOPLINE Admin > [Customer Management] > [Member Points] and switch on the Member Points toggle.
  • The "Coupon" icon is a fixed display. The number of coupons displayed is the number of coupons available in the member's account.     

 

2. Edit Member Element's benefit content

After setting the contents of the member tier card, you can proceed to set up the "Member Benefits." During the editing process, you can preview the result in real time. 

 

Step 1

The 8 default member benefit types are set to open by default. If the benefit names display "(Not set)," this indicates that this feature has not been enabled and will not be shown on the app. The actual app display will be consistent with the preview area.

*Note: 4 icons are displayed for membership benefits, the first 3 icons are based on the first three benefits set in the Admin, and the last benefit is set as the entry for more benefits. When only 1 or no member benefit is displayed, the "More Benefits" icon will not appear.

Screen_Shot_2023-01-11_at_4.27.24_PM.png

How to enable each member's benefit settings: 

 

  • Download Gift: Proceed to SHOPLINE Admin > [Mobile App Management] > [App Download Gift Campaign] to set the download gift promotion. 

  • Birthday Credits: Proceed to SHOPLINE Admin > [Customer Management] > [Store Credits] and click the Birthday Credits toggle to enable the feature. Alternatively, go to SHOPLINE Admin > [Customer Management] > [Membership Tier] to switch on the birthday credits. 

  • Member Offer: Proceed to SHOPLINE Admin > [Customer Management] > [Membership Tier]; when adding a membership tier, set the member benefits in the general settings. 

  • Order Reward Credits: Proceed to SHOPLINE Admin > [Customer Management] > [Store Credit] to turn on the Order Reward Credits toggle. Alternatively, go to SHOPLINE Admin > [Customer Management] > [Membership Tier] to switch on Order Reward Credits. 

  • Member Referral: Proceed to SHOPLINE Admin > [Mobile App Management] > [App Member Referral Campaign] to set the referral reward. 

  • Referral Code: Proceed to SHOPLINE Admin > [Mobile App Management] > [App Member Referral Campaign] to set the referral campaign, and the referral type has to be "Referring New Member Sign Up." 

  • Points Redemption: Proceed to SHOPLINE Admin > [Promotions & Reward] > [Point Campaign] to add Points Campaigns. 
  • Earn Points: This benefit will not appear if you have enabled "feature_key=credit_campaign".

 

Step 2

If you need to delete benefits or adjust the order of the benefits, click the bin.png icon on the right to delete; click and drag the  Screen_Shot_2022-10-26_at_2.03.57_PM.png  icon to the left of the benefit name to adjust the order. 

Screen_Shot_2023-01-11_at_4.34.50_PM.png

 

Step 3

Add benefit: Once you click Add Benefit, a pop-up with a list of benefit options will appear. Click the activated benefits to add to the app. If the benefit has not been set or has already been added, you will not be able to set it. 

Screen_Shot_2023-01-11_at_4.38.38_PM.png

 

Step 4

Once you have confirmed the settings, click Save to save the element changes. After editing the app homepage, you can click Update to publish the app update.

Screen_Shot_2023-01-11_at_4.40.24_PM.png

 

 

 

 

 

Have more questions? Submit a request

Comments