Adding reCAPTCHA to WordPress Register, Login and Lost Password Forms with Profile Builder

The improved reCAPTCHA field from Profile Builder now offers an UI for enabling reCAPTCHA verification on all Profile Builder front-end forms, as well as default WordPress register, login and lost password forms.

Having a reCAPTCHA powered registration on your website can help you dramatically reduce user registration spam.

reCAPTCHA-Manage_fields

Once you add the reCAPTCHA field to the Manage Fields list in Profile Builder, under the field options, you will be able to select the forms which will have reCAPTCHA verification enabled.

reCAPTCHA-field-options

Adding reCAPTCHA to Profile Builder front-end forms

reCAPTCHA_display_PB_forms
The first set of options allows you to choose which Profile Builder forms should display the reCAPTCHA verification.

By default, only the Register form has reCAPTCHA verification enabled, but you can also add reCAPTCHA to Login and Lost Password front-end forms by checking the corresponding options.

Displaying reCAPTCHA  on the front-end Recover Password form

Displaying reCAPTCHA on the front-end Recover Password form

Having a reCAPTCHA verification in place on the Login and Lost Password forms is a good way to improve your website security and protect yourself against brute force attacks.

Adding reCAPTCHA to WordPress Register, Login and Lost Password forms

reCAPTCHA_display_default_WP_forms
Profile Builder allows you to also add reCAPTCHA to the default WordPress Register, Login and Lost Password forms as well.

By default, the WordPress Register form will have reCAPTCHA enabled, but you can choose to also add it to the (back-end) WP Login and Recover Password forms.

reCAPTCHA enabled on default WordPress Login form

reCAPTCHA enabled on default WordPress Login form

With the improved reCAPTCHA field from Profile Builder, you now have full control over which forms (both back-end WP default forms as well as front-end Profile Builder forms) should display the No CAPTCHA reCAPTCHA verification.

reCAPTCHA error on the back-end WordPress Login form

reCAPTCHA error on the back-end WordPress Login form

Note: The improved reCAPTCHA field is available in Profile Builder premium versions (both Hobbyist and PRO), starting with version 2.1.6.

Safari Push notifications for WordPress how and why

Starting with October 2013, with Apple launching OSX Mavericks, Mac users running this operating system could start receiving safari push notifications for WordPress on their desktop not only from their installed apps (i.e. from Gmail or Skype) but also from websites that enabled this service.

To subscribe to a website, one need only visit it from Safari. Once they agree to the subscription, Safari is no longer needed. Actually, no browser is needed. Notifications will pop up in the top right corner.

post-push-notification-announce-alert-gif

Read more

WCK Single Metabox just got better

wck-small-banner

Creating custom fields with our WordPress Creation Kit plugin has just become simpler.

We’ve redesigned the way Single Metaboxes work, reducing the number of steps required for adding content.

WCK’s Custom Field Creator allows you to create single or repeater metaboxes.

One of WCK’s strong points is the ability to create repeater fields as well as repeater groups. This is super helpful when you need to add multiple custom fields or groups of custom fields of the same kind, without knowing the exact number.

This repeater metabox attached to "Our Team" page allows you to add as many team members as you need.

This repeater metabox attached to “Our Team” page allows you to add as many team members as you need.

WCK Single Metabox Improvements

The problem was that because WCK was designed with repeater custom fields in mind, the Single Metabox design was adapted from the Repeater one.

Simply put, in the previous version, to add custom fields which are not repeatable (stored in a single metabox) you needed to click the “Add Entry” button for each one of the custom field groups attached to a post, page or CPT. Only after doing this, you could “Publish” the page/post and have the saved custom fields attached to it.

Here we're using a Single Metabox attached to an Events CPT to add event details stored in custom fields.

Here we’re using a Single Metabox attached to a Events CPT to add event details stored in custom fields.

Only after clicking the "Add Entry" button custom fields data is saved.

Only after clicking the “Add Entry” button custom fields data is saved and you can go ahead and “Publish” the event.

If however you forget to click the “Add Entry” button after adding content in the custom fields and simply click Publish, the custom field data will not be saved and the single metabox content will be empty. An alert of unsaved data may have helped, but it was still going half-way.

This was a serious usability issue which needed improvement. In the redesigned WCK Single Metaboxes, we rethinked the way Single Metaboxes are built, so that we can remove the “Add Entry” button altogether. This eliminates an extra step and simplifies the data entry process.

The NEW Single Metabox:

NEW Single Metabox design eliminates the redundant "Add Entry" button.

The NEW Single Metabox design eliminates the redundant “Add Entry” button.

This redesign impacts and simplifies the WCK UI as well. Based on WCK API, some WCK modules (like Custom Fields Creator, Front-end Posting etc.) were using the single metabox format as well.

This basically means that from now on creating custom content types with WCK will require less steps and fewer clicks.

Note: The improved WCK Single Metabox is available starting with WCK version 1.1.4.

Import / Export WCK Settings addon

Another important addition is the Import / Export Settings addon. This makes it really easy for people working on two environments, to export all WCK Settings from the development site and import them on the live site.

No need to define the same metaboxes, taxonomies or custom post types twice, for both sites. Simply export them to as many sites as you need.

Download The Import And Export Add-On

Have any suggestions on how we can make WCK even better? Share your thoughts in the comments section below.

WYSIWYG User Field, now available in Profile Builder

The list of custom field types you can add to the user profile with Profile Builder has now expanded to include the WYSIWYG User Field.

Your users will now be able to add, edit and format their profile information making use of all the functionality of a Rich Text Editor. The same editor you’ve been used to when editing Posts and Pages in WordPress.

The WYSIWYG User Field is powered by WordPress default TinyMCE editor.

wysiwyg-field

The WYSIWYG field type allows you to add a Rich Text Editor field to the user profile (both front-end and back-end).


Read more

User Field Visibility for Profile Builder

I would like to have some fields which are not visible, some fields visible but not editable for logged users.

icon-field-visibility-150x150

Did you ever wanted to have some admin only fields attached to your user profiles? Or fields that are editable by administrators and visible by your user?

Now it’s possible with a new addon for Profile Builder: Field Visibility

Profile Builder – Field Visibility Add-On

By default, extra fields created with Profile Builder can be visible and editable by all user roles both in the front-end forms or in the backend.

Now you can add extra fields that are only visible and editable by an administrator like:

  • admin notes about the user
  • custom ID to connect the user with another system
  • a custom category that only admins can add the users in

field_visibility

User Role based field visibility

Wouldn’t it be nice to have different profiles for different user roles?

Now this is possible with the User Role Visibility for fields.

If in the past you had to use the multiple edit profile forms to achieve this, the User Field Visibility Addon gives you the possibility to have a single edit profile form that displays different fields depending on what user role the current user has.

This applies to the backend Edit Profile page as well.

Note: User Field Visibility requires Profile Builder Pro or Hobbyist version 2.0.8 or higher.

Get Field Visibility for Profile Builder

Numbers and Phone Validation Addon for Profile Builder

I want to restrict an input field to be numerical How can I do that?

Zip codes, phone numbers, custom ID’s require the custom input field in a registration form to be made up of numbers only. That’s where this addon for Profile Builder comes in handy.

Download and activate

icon-150x150First of all, click on the button below to download the add-on. Unzip the downloaded file and copy the contents in the wp-content/plugins directory.

Download The Numbers Only Field Add-On

Please note: The Numbers and Phone Validation Add-On requires Profile Builder version 2.0.5 or higher.

Once the files are moved, head over to the Plugins section of the Dashboard and activate the add-on.

Enable Numbers or Phone Validation for a Custom Input

Once the add-on has been activated head over to the Manage Fields page in Profile Builder. If you select an input field you will see that a new property named Numbers Only appeared below the other properties.

numbers_phone_format

See it in action

Too see your work in action head over to the page where you display the register or edit form and type some letters into your new field and submit the form. You will get an error asking you to enter numbers only!

screenshot2

Manage WooCommerce Customer Fields with Profile Builder

Profile Builder WooCommerce Sync Add-on
Looking for a simple way to manage WooCommerce Customer Billing and Shipping Address fields with Profile Builder?
How about adding custom user fields to the WooCommerce checkout page?

Now you can, using the Profile Builder – WooCommerce Sync Add-on.

Get Profile Builder – WooCommerce Sync Add-On

Manage WooCommerce Customer Fields

By default, WooCommerce adds address fields, Customer Billing and Shipping Address to the user profile. But what if you want to capture more user information, as well as let users manage all their profile fields in one place?

When a user/customer registers or updates his profile via Profile Builder front-end forms, using this add-on he will now not only be able to fill in/edit the user fields created with Profile Builder, but also display and update the shipping and billing fields from WooCommerce.

Installing Profile Builder – WooCommerce Sync Add-on

After downloading, you can add the add-on using the standard WordPress plugin uploader and clicking “Activate”.

Woo-Sync-Addon-Install
Note: For the Profile Builder WooCommerce Sync add-on to work as expected, you’ll need to have already installed both Profile Builder and WooCommerce plugins.

Note: The Profile Builder – WooCommerce Sync Add-on requires at least Profile Builder 2.0.8, free or premium.

Adding WooCommerce Customer Billing and Shipping Address to User Profile

Once activated the Profile Builder – WooCommerce Sync Add-on will automatically add WooCommerce Customer Billing and Shipping Address fields to the Manage Fields list from Profile Builder. They will output all the individual fields required for WooCommerce Shipping and Billing Address in the front-end.

manage-fields-woo

You will be able to (re)arrange them, edit their heading (title) and in case you remove them, you can always add them later in the Fields drop-down.

manage-fields-woo-shipping-billing-small
The WooCommerce fields will now appear on both registration as well as edit profile pages managed with Profile Builder.

front-end-register-woo-fields1

Users registering through Profile Builder will be able to fill in the required WooCommerce Customer fields

The Edit Profile page will now allow your users to update WooCommerce Shipping and Billing information

The Edit Profile page will now allow your users to update WooCommerce Shipping and Billing information

So from now on, when a new user registers, you can give him access to add or modify the WooCommerce customer fields as well, all in one place.

Adding Custom Fields to WooCommerce Checkout page

Profile Builder – WooSync add-on allows you to also add custom user fields to the “Create an account” section from the WooCommerce Checkout page.

Custom Fields added with Profile Builder to the WooCommerce Checkout page

Custom Fields added with Profile Builder to the WooCommerce Checkout page

The way you can collect more custom user information as well as register new users directly when they checkout.
The supported field types which can be added to the WooCommerce Checkout page using Profile Builder are: ‘Input’, ‘Textarea’, ‘Checkbox’, ‘Select’ , ‘Radio’, ‘Heading’.

To add a custom field to the WooCommerce checkout page, in Manage Fields, when adding a new field or editing an existing one, you’ll simply need to select “Yes” for “Display on WooCommerce Checkout” option.

Choose which fields to display on the Checkout page

Choose which fields to display on the Checkout page

Add Profile Builder Register form to My Account page

woocommerce_default_register

The default WooCommerce login and basic register forms.

If you have WooCommerce registration enabled on the My Account page, WooCommerce will display a login and basic register form under My Account page.

In case you want to add more custom fields to the basic WooCommerce register form you can easily integrate any Profile Builder Register form under My Account page in WooCommerce.
All you need to do is navigate to the WooCommerce Sync tab under Profile Builder. From there you can select which PB Register form to display on the My Account page.

woosync_myaccount_register

This way you can easily collect extra user information from your customers and have the detailed PB Register form available under My Account page.

woosync_login_register_myaccount

Adding a detailed Profile Builder Register form under My Account page. This way users can fill in more information at registration.

Add PB Edit Profile form to My Account page

Another aspect we looked into for a complete integration was to allow people to access the Edit Profile form created with Profile Builder, directly from the WooCommerce My Account page.

After activating the WooSync add-on, under WooCommerce Sync tab from Profile Builder you’ll be able to set which Edit Profile form to display under the My Account page created by WooCommerce.

woosync_myaccount_edit_profile

If you’re using the Multiple Edit-Profile forms module from Profile Builder PRO, and have setup more than one Edit Profile form, you can choose which one to display under WooSync settings.

After selecting an edit-profile form , once you navigate to My Account and click on “edit your account details” link you will be taken to the Edit Profile form created with Profile Builder.

Clicking the link to edit your account details you will take you to the Edit Profile form created with Profile Builder.

Clicking the link to edit your account details you will take you to the Edit Profile form created with Profile Builder.

This sums up all the WooSync add-on features which will help you fully integrate Profile Builder with WooCommerce.

Get the Profile Builder – WooCommerce Sync Add-On

Maximum Character Length Add-On for Profile Builder

How can I limit the maximum number of characters a user can type in a field?

You may find yourself in the situation where you want your users to provide a postal code that is at most 4 characters long, or a description of themselves in less than 140 characters. In these cases the Maximum Character Length Add-On for Profile Builder comes in handy.

So to answer the above question, let me walk you through the 3 easy steps of getting this feature up and running.

Download and activate

icon-150x150First of all, click on the button below to download the add-on. Unzip the downloaded file and copy the contents in the wp-content/plugins directory.

Download The Maximum Character Length Add-On

Please note: The Maximum Character Length Add-On requires Profile Builder version 2.0.5 or higher.

Once the files are moved, head over to the Plugins section of the Dashboard and activate the add-on.

maximum-character-length-1

Set the maximum character length

Once the add-on has been activated head over to the Manage Fields page in Profile Builder. If you select an input field, a textarea field or the default biographical info field you will see that a new property named Maximum Character Length appeared below the other properties. All you need to do is set the desired value, in my case it was 10. You can also modify this value when editing one of these fields.

maximum-character-length-2

See it in action

Too see your work in action head over to the page where you display the register or edit form and type something in the field that has a maximum value set. Did it stop you from typing?

Breaking the barrier

The language barrier that is. I’m sure many of you have tried to translate a WordPress plugin, some even Profile Builder or WordPress Creation Kit, just to find out at the end of the process that it was a difficult thing to do. I’m sure many of you wanted to help out with a translation and did not have the know-how in achieving this.

Moreover, as new updates from these plugins rolled out, the management of the translations would get out of control and the end result would be an incomplete translation that would make the plugins inconsistent.

At this point I’m asking. Wouldn’t it be nice to have a place where translations are accesible, easy to mantain and always up to date with the latest version of the plugins? Well, starting today, for Profile Builder and WordPress Creation Kit there is such a place and it is called CozmosLabs Translate.

CozmosLabs Translate Logo

Translate is a new tool, powered by GlotPress, that is designed as a collaborative work environment where anyone can help with the translations. It has a simple and easy to use interface, where you can edit translations and view their progress.

As certain languages get fully translated, or are close to that point, they will be added in plugin updates, but if you feel confortable using some languages before their official release you can download them in advance.

All you need to do is to register an account and have fun translating.

Profile Builder Free version 2.0 released

After the newly launched version 2 of Profile Builder PRO, we focused on releasing an update to the Profile Builder Free version from wordpress.org.

Profile Builder Free v2 comes with:

  • a completely redesigned interface, more focused on flexibility
  • manage default user profile fields (add/edit/delete)
  • drag & drop to reorder profile fields
  • set a minimum password length
  • enforce minimum password strength (using the built in WordPress strength meter)
  • email confirmation for new users
  • allow users to login with email or username

Profile Builder Free Basic Information

New to Profile Builder?

If you’re looking to have a basic front-end registration for your website, you’ll find Profile Builder Free very easy to set up. It’s shortcode based, allowing you to set up register, login and edit profile forms in minutes.

More functionality (like Extra User Fields (Avatar Upload), Front-end User Listings, Custom Redirects or Multiple Registration Forms) is available in the premium versions.