This option will be enabled if “Social Feature inbuilt module of ARMember is activated.”

This Feature is not related to Social Signin/Connect. This will provide fields for signup forms and Edit Profile forms.

When you enable Social Feature add-on, you will find one option in Registration/Signup from Editor shown in following image.

ARMember_Social_fields

You will find following social profile fields options which can be directly added to your registration/signup form.

ARMember_Social_fields_options

The fields you have added to signup form will be available in Edit Profile Fields. Even more these social profile fields are provided with editor shortcode support. You can select and add those fields from Edit Profile Shortcode as well.

Note: If your Signup Form is not having Social Profile fields but you have added it from Edit Profile Shortcode then it will display those social profile fields in Edit Profile form.

Social_fields_options_to_form

“Profiles & Directories” section will only available if you activate “Social Fature” from ARMember -> Add-ons

ARMember_addons_social_feature

ARMember provides 2 types of predefined templates : Member Directory Templates and Profile Templates:

  • Number of predefined templates are available for users profiling.
  • Number of predefined templates are available for user directory listing view.

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

  • Shortcode for each template to use in post, pages or anywhere.
  • Multiple Color Scheme support, also you can customize color options by clicking on paint brush icon. as you can see in below screenshot.
  • Font-settings to set font styling like font-family, font size, font weight, font style, font decoration & etc. We also support Google Fonts.
  • Custom css option to add your own style.
  • Preview option to see how template will looks in front-end.

Manage Profiles & Directory Templates

Here you can manage profile templates & directory templates. You can add directory templates as many as you want by clicking on Add Template box.

You can Preview, Edit Template Options & Delete Template from here. You will find those options by hovering on specific template.

Profile Templates

Directory Templates

ARMember_Profile_Directory

ARMember Provides five ready made templates for member listing/member directory.

Following are the operation that can be performed with Member Directory Template:

  • Add Template

    You can add directory template by clicking on Add Template box in Members Directory Templates section.

    All options to set template are dynamic. You can set by your own that whether you want to display administrator users in members listing, Member badges, joining date, sorting option, search box etc.

    Here you can select layout from four template layouts. Also you can set color scheme, font setting & other options like whether to display member badges or not, display specific plan(s) members, which filters to display, pagination style & custom css.

    You will get following search parameter options:

    First Name (Selected by default), Last Name (Selected by default), Profile Display Name, Username, Email Address, Gender, Website (URL), Biography, Textarea, Dropdown, Radio Button, Date
  • Edit Template

    You can edit template options anytime from profile template listing. Hover on specific template & click on edit icon to edit template options to change settings.

  • 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 can see in below screenshot, responsive options are available in top belt.

    ARMember_Directory_preview

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