Designing The “My Account” Page
My Account is customers’ personal hub, where they can find their personal information, orders, and membership, and set up preferences. You can customize the layout and content displayed on this page and set up links to other pages, allowing you to showcase information that customers care about and what you want to present to them.
| Note: You must complete the My Account setup before publishing your app. |
Making Your Design
From your SHOPLINE admin panel, go to Apps > Shopper App > App Design and click the Design button to access the design editor. From the dropdown menu at the top, select My Account.
In the My Account editor, you can configure the following components:
Notice board
The notice board is positioned at the top of the page and cannot be rearranged. You can choose to sync it with the notice board of the homepage, or set it up separately.
- Synchronized from the Notice bar on the home page: You are not able to make any changes to the Notice Board.
- Independently set: You can edit the text, color, and display style, and schedule the release time if needed. The board can have up to three announcements. An announcement can’t be deleted but you can hide or edit it whenever you need to.
Registration/Login
You can customize the text on the registration/login card. However, you can’t reposition or hide it
Content Displayed on the Page
You can modify the preset components or add custom ones, with a maximum of 50 components allowed.
-
Preset components: The table below lists the preset components along with the actions you can take. Please note that the Member and Message components will only work when the corresponding apps are installed.
Component Rename Add Icon Delete Reposition Hide Personal Information ✔ ✔ ✘ ✔ ✘ Member ✔ ✔ ✘ ✔ ✔ Order ✔ ✔ ✘ ✔ ✘ Settings ✔ ✔ ✘ ✔ ✘ Help & Information ✔ ✔ ✘ ✔ ✘ Terms & Conditions ✔ ✔ ✘ ✔ ✘ Message ✔ ✔ ✘ ✔ ✔
Note: Learn how to customize the Help & Information and Terms & Conditions section.
-
Adding Custom Components: Click Add to select the component you wish to include. You can add custom items or dividing lines. Custom content can be renamed, assigned custom icons, deleted, repositioned, or hidden.
| Note: If you have enabled Dark Mode, make sure to upload images for both Light Mode and Dark Mode icons. |
Publishing the Design
After completing the edits and confirming that everything looks right in the preview, click the Apply button in the upper right corner to publish your design to the app. If you want to hold the publishing, you can click Save to retain your edits.