What is a Profile Page on the mobile app?

  • A profile page represents user information and activities related to their account on the app.

  • On Swipecart, you can edit and customize the profile page settings to improve customer shopping experiences and app engagement.

Steps for Profile Page settings on Swipecart

  • Let’s see how to customize the profile age settings on Swipecart.

  • Click on Profile Page Settings under the Theme Settings tab on your Swipecart design dashboard.

How to select a Profile Page style variant for your Swipecart app?

  • Click on Profile Style drop-down box at the top centre of your screen.

  • Select any Profile Style variant.

  • Click on the Reshuffle icon to change and preview the variants.

How to add a menu item to the Profile Page?

  • Click on +Add A Menu Item.

  • On the Add New Page popup, enter these details

    • Page Name

  • Select an icon for the new page from the Icon Library. You can select the icon style variant as

    • Thin

    • Outline

    • Fill

  • To upload a custom icon, enable the Upload Custom Icons toggle switch.

  • Link the new page to

    • User-defined app page- New pages you’ve created on the app

    • System-defined app page- Pages already existing on the app

    • Web URL- External website URL with the option to open outside the app

    • None- No page linking.

  • Click Submit when done.

How to edit a menu item on the Profile Page?

  • Hover over the menu item you want to edit and click on the three-dot icon.

  • Click Edit to open the Edit Menu Page.

  • Edit the following details-

    • Page Name

    • Page Sub Title

  • Click Delete if you want to delete the existing icon.

  • Select a new icon from the Icon Library or click Upload Custom Icons to upload a new icon.

  • Change the existing link to another by selecting-

    • User Defined- pages you’ve created on the app

    • System Defined- already existing pages on the app.

    • Web URL- an external website link with the option to open the page outside the app.

    • None- no linking.

  • Click Submit when done.

How to customize the Profile Page on Swipecart?

  • Click on the Settings icon.

  • Here, you can customize the style for your profile page on Swipecart.

  • Disable the Show Icon toggle switch if you don’t want to display icons for the profile page menu items.

  • Click on Edit for Login and Logout to edit their title, change the icon by selecting it from the Icon Library or upload a custom icon.

  • Click on Font Settings to edit-

    • Font Style- Change to Normal or Italic

    • Font Weight- Change the font thickness

    • Font Color- Enter RGB value, HSL, and HEX value or use the color picker to change font color

    • Icon Color- Change icon color by entering the RGB, HSL, and HEX values or using the color picker.

  • That’s it to editing and customizing the Profile Page on Swipecart.

You can see the preview of the profile page in the preview app.

Hurray! 🎉🎉🎉

What's Next?🤔

Explore the next article Input Style Settings

Did this answer your question?