Member Profile Templates

Note: When you enable Social Feature first time, Default Profile page will be inserted with profile template shortcode automatically. This page will be used as user’s profile page. You can change profile page at anytime from Page Setup.

When add-on is activated, default one profile template is created. Also you can add more profile templates.

ARMember allows to display different profile template to different plan users. For ex. if you want to display Template 1 to plan A users and Template 2 to plan B users, then it is possible with ARMember.

ARMember provides four different designs for creating profile templates. You can create as many profile templates as you need and can customize each template as per your requirement.

Step 1: Add Template

Step 2: Select Profile Template

When click on ‘Add Template’, popup will open from where you can select profile template design.

Click OK button to add template. If you don’t want to add template click ‘Cancel’ button.

Step 3: Profile Template Options

When click on Okbutton, Profile Editor with all customization option will open.

When any option is changed, its effect can be seen direct in profile editor.

  1. Add New Block : From here you can add any HTML before and after user profile fields section.

  2. Profile Fields : From here you can select which user fields you want to display in user profile fields section. You can add translate field labels from here by clicking on edit icon. Also from here you can change order in which fields are displayed in this section.

  3. Social Profile Fields : From here you can select which Social Profile field icons like facebook, twitter, linkdin, etc you want to display in Profile header.

  4. Membership Plans : From here you can select one/more membership plans. So this template will be to display profile of users having one/more from selected membership plans here.

  5. Other Settings :

    • Display Administrator Users? : If this switch is enabled,then only profile of aministrator users will be displayed.

    • Hide Empty Profile Fields? : If this switch is enabled,then empty profile fields will remain hide in profile fields section.

    • Display Member Badges? : If this switch is enabled,then badge icons will be displayed in profile header if user has any badge.

    • Display Joining Date? : If this switch is enabled,then only member joining date will be displayed in profile header.

    • Default Cover Image? : If this switch is enabled,then only default cover image will be displayed if user do not have set any cover image, otherwise no image will be displayed.

  6. Color Scheme : Multiple Color Scheme support, also you can customize color options by clicking on paint brush icon as you can see in below screenshot.

  7. Font Settings : From here you can set font styling like font-family, font size, font weight, font style, font decoration & etc. We also support Google Fonts.

  8. Profile Template : From here you can change profile template anytime.

  9. Add Custom CSS : When you cilck on Add Custom CSS icon, popup will open where you can add custom CSS to add your own style in profile template.

  10. Profile Views : From here you can see how profile template will look in desktop/tablet/mobile view.

When you enable Social Feature first time, Default Profile page will be inserted with profile template shortcode automatically. This page will be used as user’s profile page. You can change profile page at anytime from Page Setup.
Also only one shortcode is used for all profile template. Different profile templates will be displayed according to user’s membership plan.

Profile Shortcode:
{arm_template type='profile' id='1'}

Preview Template

You can have preview of template to see how template will looks in front-end. Also you can check responsive view of template. As you will find that responsive options are available in top belt.

ARMember_profile_template