How To Reorder tabs in Ultimate Member user’s page with Ultimate Member Reorder Tabs

Ultimate Member Reorder Tabs

You been using Ultimate Member to create powerful online communities & beautiful user profiles on your WordPress powered site.  But yet you want to offer a higher level of customization to your users when it comes to their profiles. Want to offer your users the power to customize the tabs on their Ultimate Members user’s page by enabling them to change the default tab on their page & rename the tabs too.

please have a look on this plugin. Ultimate Member Reorder Tabs

What is the Ultimate Member Reorder Tabs plugin?

Ultimate Member Reorder Tabs is a compact WordPress plugin that enables your users to customize tabs on Ultimate Member user’s page. The add-on will allow your users to change the default tab (About) on a user’s page along with enabling them to rename & reorder the tabs (About, Posts & Comments) with a simple drag & drag gesture.

Want to know more about it? Please read this.

Customize tabs on Ultimate Member user’s page with Ultimate Member Reorder Tabs

 

Want to create your own custom tabs for Ultimate Member profile page? check the following:

Ultimate Member Tabs Pro. Add custom forms to any profile tab and allow users to edit it on the same tab.

Ultimate Member Maps Documentation

Overview

This article provides instructions on how to install and configure Ultimate Member Maps.

map-example

Installing & activating

To add the Ultimate Member Maps extension to your site, follow these instructions:

  1. Purchase and download this plugin from here.
  2. Install the plugin by uploading it to your site by going to plugins > add new > upload plugin.
  3. On the upload plugin page click on the “choose file” button and select the pp-maps.zip file from your computer.
  4. Once the file pp-maps.zip appears on the screen click the “install now” button to install the plugin.
  5. Wait until “Plugin installed successfully” message appears.
  6. Activate your licence key by going to Ultimate Member > Settings > Licenses and enter your license key next to Maps License Key.

Adding your first map

When starting with a new site

  1. Add a field to a UM Form where users can enter their address. Depending on your needs you can use the Map Address field, the country field or any number of custom fields. e.g. Address line 1, Address line 2, City, Zip, Country
  2. Go to Ultimate Member > Settings > Map and enter the meta_key(s) of the address fields you setup in step 1
  3. Go to Ultimate Member > Member Directories, click on the directory where you want the map to appear.
  4. Slide Enable Map to Yes.
  5. Choose the options you would like, or just use the defaults. See a list of options below. Update the directory.
  6. Add a user with a valid address
  7. That’s it! You should now see the user on the map on the directory page.

maps-settings

When you already have members with addresses

  1. Go to Ultimate Member > Settings > Map and enter the meta_key(s) of the address fields that are in use.
  2. Click on the Geocode all users in DB button. If you have a lot of users or if your server has short execution limits you can limit the number of users being geocoded in a session.
  3. Follow steps 3 – 5 in above list.
  4. Delete the user cache on Ultimate Member > Dashboard under the User Cache block.
  5. That’s it! There should now be a map with all your users on the directory page

Map Options

maps-directory-settings

Shortcode

Output a members map on any page (without the directory) using the following shortcode [pp_maps]. The following parameters can be used:

  • roles: The slug of the user roles that should be displayed (one or more)
  • type: The map type: road, satellite, hybrid or terrain
  • icon: A custom icon to be used on the map, if a user role has an icon set in the user role settings that will be used, otherwise the default icon will be used.
  • fields: comma separated list of user fields that should be displayed in the info window (using the meta_key). E.g. ‘description’ is the meta_key for the user bio.
  • showavatar: 0 to NOT show the user profile pic in info window. Default is to show avatar.
  • maxzoom: Set maximum zoom level between 1 and 21 (smaller number allows for less zoom)
  • initialzoom: Set initial zoom level between 1 and 21 (smaller number allows for less zoom) or leave blank to fit map to pins
  • scroll: 0 to disable mouse scrolling on map
  • lat: Latitude to center the map on, e.g. -28. Must be used in conjunction with long
  • long: Longitude to center the map on, e.g. 153. Must be used in conjunction with lat

For example:

[pp_maps roles='member, admin' height='400' type='satellite' icon='http://maps.google.com/mapfiles/ms/micons/blue.png' fields='description' showavatar='1' maxzoom='16' initialzoom='6' scroll='0' lat='-28' long='153']

Other options

maps-user-settingsCustom icon per user role

If you have various user roles and want a global map with all users on, you can set a custom icon for each user role. Simply edit the User Roles and enter a URL to an icon under Map Options.

 

Debugging

If you enable the map, but it is not displaying it is most likely, because there are no users with an address.

If there are users with addresses make sure that the address is ‘valid’ by checking whether Google Maps can find the address when searching for it on maps.google.com.

On the Maps Settings page, you can also use the bulk geocode function to see if the geocoding has failed or not.

On the Users page, there is a column which shows whether a user has been geocoded or not.

Another way to debug whether it is the geocoding that is not working or the map itself is to add two fields to the user form with the meta keys: geo_latitude and geo_longitude. These fields can be set to be only visible to admin. After editing and updating a user’s profile (with an address) the newly created geo fields should be populated. If it is not populated it could indicate that the geocoding did not work.

If the geocoding worked (i.e. the geo fields have values in them), but the map is still not appearing, there could be a conflict with another plugin or theme. Please check the debug console (F12 on most browsers).

The geo fields can also be used to manually adjust the exact location if google get’s it wrong.

 

Need support!! Please create a ticket here

Help & Support

 

 

Our new plugin adds a critical UX improvement to Ultimate Member

We’ve just released our latest plugin – Ultimate Member Tabs Pro.

As with all our other plugins the need for this one arose from using UM ourselves. And one of the biggest user experience issues we’ve had is that UM forces you to add all user fields in one big form in the main profile tab.

Like me, you’ve probably also tried embedding a UM Form into a custom profile tab and found it doesn’t work, as the “form” actually contains the entire profile. So adding a profile shortcode into a custom tab creates an infinite loop. For quite a while we just ignored this issue and accepted that that’s just how UM works.

Until my colleague Hugo mentioned this issue a few days ago and I realized that this problem can be solved with our Ultimate Member Tabs plugin and a custom form template. The result is a critical UX improvement to UM and we’ve already installed this plugin on our managed UM sites to amazing feedback.

And just because we’re so happy to have solved this problem, here’s a 30% discount code valid for the first three users for Ultimate Member Tabs Pro: tabsprolaunch

Ultimate Member Tabs Pro Documentation

Overview

This article provides instructions on how to install and configure Ultimate Member Tabs Pro. The Pro version allows you to add any UM Form to a custom tab, which can be edited on the tab itself.

Custom form on custom tab (view mode)
The form can be edited on the same tab, exactly like on the main tab.
The form can be edited on the same tab, exactly like on the main tab.

Installing & activating

To add the Ultimate Member Tab Pro extension to your site, follow these instructions:

  1. Install Ultimate Member Profile Tabs from the WordPress.org repository, available here.
  2. Purchase and download this plugin from here.
  3. Install the plugin by uploading it to your site by going to plugins > add new > upload plugin.
  4. On the upload plugin page click on the “choose file” button and select the pp-tabs-pro.zip file from your computer.
  5. Once the file pp-tabs-pro.zip appears on the screen click the “install now” button to install the plugin.
  6. Wait until “Plugin installed successfully” message appears.
  7. Activate your licence key by going to Ultimate Member > Settings > Licenses and enter your license key next to Tabs Pro License Key.

Adding a custom form

  1. TabProFormSettingsFirst, you need to create a form using the Ultimate Member form builder. Go to Ultimate Member > Forms. You can add any fields just as you would with building the ‘main’ profile form.
  2. Next, you need to select the ‘Profile Tab’ template under the Template setting. See image on the right, under Customize this form. You may first need toggle the “Use global settings” toggle to No.
  3. You can play with the other settings as needed. Please note that since only the form will be output any settings related to the profile or cover photo will be ignored.
  4. Publish or Update the form.
  5. Copy the shortcode
  6. Paste the Shortcode in a new or existing profile tab and click update.
  7. That’s it!

Scroll down for instructions on adding a custom profile tab.

Profile Tab
Adding form shortcode to custom tab

Adding a custom profile tab

Please note that this functionality is provided by the free plugin Ultimate Member Profile Tabs, the pro plugin simply allows you to use UM Forms which can be edited in the same tab.

Adding a custom profile tab is just like creating a new post or page.

  1. Go to Ultimate Member > Profile Tabs
  2. Click on Add New
  3. Add any content
  4. Configure the privacy settings according to your needs. See screenshot below for all the available options.

ProfileTabsSettings

 

Need support!! Please create a ticket here

Help & Support

Ultimate Member Events Calendar Documentation

Overview

This article provides instructions on how to allow members on your Ultimate Member site to add and view Events.

events-add-new
Frontend posting screen

Installing & activating

The Ultimate Member Events Calendar extension requires The Events Calendar to function. First download and install The Events Calendar using the instructions on their site.

To add the Ultimate Member Events Calendar extension to your site, follow these instructions:

  1. Purchase and download plugin from here.
  2. Install the plugin by uploading it to your site by going to plugins > add new > upload plugin.
  3. On the upload plugin page click on the “choose file” button and select the pp-events.zip file from your computer.
  4. Once the file pp-events.zip appears on the screen click the “install now” button to install the plugin.
  5. Wait until “Plugin installed successfully” message appears.
  6. Activate your licence key by going to Settings > UM Events (at the bottom of the screen) and enter your license key in the provided area.

Settings page

After the plugin has been activated it can be further customised on the settings page under Settings > UM Events

The following settings can be set.

events_settings1

Profile Tab Settings

Nothing found text
Enter the text that should be displayed when a user has not created any events.

Roles that have events tab
Select the user roles that should have the Events tab.  If you want everyone to have the Events tab leave this field blank.

Roles that can view events
Select the user roles who can view Events on other members’ profile.  If you want everyone to be able to see everyone’s events leave this field blank. Note that these settings only apply to what is seen in the user profile and do not control the settings of The Events Calendar.

Private
Tick this box if members should only be able to see their own events.

events-settings2

Event Creation Options

Roles that can create events
Select the user roles that should be able to create Events.  If you want everyone to be able to create Events leave this field blank.

Default new event status
Options available: Draft, Pending Review and Published. Select published if other’s should immediately be able to see the event. Otherwise use Draft or Pending Review if admins first need to approve the event.

Allow venue selection – new since 1.2
Tick the box to allow members to select a venue for the Event. Note that admins need to create the Venues under The Events Calendar settings. Events > Venues.

Event submission text
Enter the text that should appear after an event has been submitted.

 

Need support!! Please create a ticket here

Help & Support

New plugin release: Ultimate Member Contact Form

We’ve just released our fifth plugin – Ultimate Member Contact Form.

Many of our clients have requested something like this in the past few weeks, so we’ve decided to build a robust plugin that can easily be configured for any site that needs a way for visitors and members to contact each other via email, but without exposing the user’s email address for all the world.

This plugin is quite nifty if you have some sort of listing board and want people to be able to contact your users to request a quote, for example. It could also serve as a simple replacement for the official messaging plugin if you’re looking for something more lightweight.

Check out the download page for more details, and feel free to contact us if you have any questions about the plugin, or have a suggestion on how we can extend the plugin to be even more useful.

Ultimate Member Contact Form Documentation

Overview

This article provides instructions on how to add a contact form to member profiles on your Ultimate Member site.

Output in user profile
Output in user profile

 

Installing & activating

To add the Ultimate Member Contact Form extension to your site, follow these instructions:

  1. Purchase and download plugin from here.
  2. Install the plugin by uploading it to your site by going to plugins > add new > upload plugin.
  3. On the upload plugin page click on the “choose file” button and select the pp-contact.zip file from your computer.
  4. Once the file pp-contact.zip appears on the screen click the “install now” button to install the plugin.
  5. Wait until “Plugin installed successfully” message appears.
  6. Activate your licence key by going to Ultimate Member > Settings > Licenses and enter your license key next to Contact Form Licence Key.

Settings page

After the plugin has been activated it can be further customised on the settings page under Ultimate Member > Contact Form

Contact Form settings page
Contact Form settings page

The following settings can be set.

Roles with contact form:
Select the user roles that should get a contact form. A new tab will be added to their profile bar.

Roles that can use contact form:
Select the user roles that can see and use the contact form.  If you want everyone to see the contact form including logged-out visitors leave this field blank.

Enable reCAPTCHA
Choose whether you want to show the Google reCAPTCHA spam blocker field.  This, however, requires the free UM reCAPTCHA plugin to be installed and configured.

Email Options

Enable email
This should most probably be set to Yes for normal behaviour.

Email subject
Type the email subject. The following tags may be used to dynamically insert content: {sitename}, {display_name}, {sender_name}, {sender_email}, {message}.
For example: {sender_name} just messaged you from {sitename}

Email body
Type the text that should appear in the email. The following tags may be used to dynamically insert content: {sitename}, {display_name}, {sender_name}, {sender_email}, {message}.

Additional Options

Members can choose whether the contact form should be displayed on their profile or not. This is set from their own account settings under the Privacy tab. The privacy tab must thus be enabled in Ultimate Member for members to be able to control this.

contact-account

You can also add a contact button to member cards in specific directories. Simply tick the box under Contact Form in the directory editor.

Contact button in directory

contact-directory-setting