Select2 for Profile Builder

Profile Builder has a new add-on, called Select2, and it brings out to play a new type of field. This add-on enables you to add an improved select box, with search and filter capabilities.

Selecting the new field

After installing this plugin, you will find that 2 new types of fields has been added to the fields list in the Manage Fields tab: Select2 and Select2 (Multiple).

Setting up the options

There aren’t any special steps compared to a regular Select field. According to your needs, you can choose a field title, a description, the options you want your user to select and even a default selection.

Edit Field

Multiple Select

Let’s add a new Select2 (Multiple) field. You’ll notice that you can now add multiple default options and also have a new setting: Maximum selections.



What users see

You can see the fields we just created, in action on this register form.

When users start typing in the select box, the list is filtered automatically.

Now, let’s add a new option in the “Topics of interest” field.



You can see the warning message when I try to enter a fourth option.


Advanced customization using code

If you have a large set of data or want to load it from local or external database you can use the filters for single select:

  • wppb_select2_options
  • wppb_select2_labels

and for multiple select:

  • wppb_select2_multiple_options
  • wppb_select2_multiple_labels

Here is an example:

/* Load select data using custom code */
add_filter('wppb_select2_options', 'wppbc_data_for_select2', 10, 6);
function wppbc_data_for_select2( $select2_data, $form_location, $field, $user_id, $field_check_errors, $request_data ) {
    $select2_data="Red, Green, Blue, Yellow"; // add your own data as comma separated values
    return $select2_data;

Select2 add-on is implemented using an open-source library. So far, Profile Builder’s user interface lets you use some of its features, but you can implement more features such as templating. The PHP code you need to create for further customization should be hooked to one of the available filters:

  • wppb_select2_arguments
  • wppb_select2_multiple_arguments
  • wppb_select2_multiple_add_extra_args

Here is a link to some examples of what can be done using Select2 library.

Ready to use

At this point, the field is set up and ready to be used. Get the add-on now by following the link below.

Get Profile Builder Select2 Add-On

MailChimp for Profile Builder


Say hello to our newest addition to the Profile Builder Add-Ons lineup. It is the MailChimp Integration Add-On and it will make it extremely easy for your new users to subscribe to your lists.

You’ll have it set up in no time, so let’s see what it’s all about.

MailChimp API key

First things first, when you activate the add-on a new page will be created for it. Here you will need to enter a MailChimp API key in order to connect the add-on with the data from your account.

If you don’t have an API key you will need to create one. To do this, navigate to your MailChimp account and in the Account section search for Extras > API keys. Here you will have an option to create a key. Copy the generated key and paste it in the MailChimp API Key field, then hit save.


Lists and fields

If the API key is valid your lists will be loaded and you will be able to edit each one.


In the edit panel of a list you will be able to associate each of the lists fields with Profile Builder fields.

By default the Email Address field from MailChimp is associated with the Default E-mail field from Profile Builder and this cannot be edited. If your MailChimp list contains the First Name and Last Name fields, they will also be associated by default with their corespondents from Profile Builder.


Associating fields with MailChimp groups

You may want to add users into certain MailChimp groups, depending on the information they provide through checkboxes, radios and drop-downs, so that you can better segment your campaigns. To do this, you will have to associate MailChimp groups with Profile Builder fields, the same way as with field associations.


MailChimp Subscribe field

Once the add-on is active the MailChimp Subscribe field will be added to the fields drop-down in Manage Fields. Here you will select the list you wish your new users to be added to. By default the field shows both on Register forms and on Edit Profile forms, but you can hide it from the later if you wish.


What users see

In the front-end part of your website the field will be displayed as a checkbox. If the users check this option, when the registration is complete the data of the fields that have been associated with the MailChimp fields will be sent to MailChimp and the new user will be subscribed to the list you have selected.


MailChimp Widget

The add-on comes with a built-in widget that you can place in any widget area. By default the widget has only the Email Address, First Name and Last Name fields from each list, and you can select which of these to display.


If all three fields are selected, in the front-end part of your website, the widget will look something like the one bellow.


If a field is required, on submission, the user will be prompted with an error. If everything worked fine, the user will receive a thank you message and will be subscribed to the list you have selected.


That’s it

With this you are all done with a basic set-up of this new add-on. Get it now by following the link below.

Get Profile Builder MailChimp Add-On

No CAPTCHA ReCAPTCHA Field for Profile Builder

Profile Builder’s reCAPTCHA field has been updated to the new and improved Google’s No CAPTCHA reCAPTCHA.

To simplify the reCAPTCHA experience the new field will simply ask users who want to register for your website whether or not they are robots.

Using the new reCAPTCHA API, a significant number of users will be able to securely register through the front-end forms created with Profile Builder and easily verify they are humans without actually having to solve a CATCHA.

With just a click, they can confirm they are not a robot.


However, CAPTCHAs aren’t going away. When the risk analysis engine can’t confidently predict whether a user is a human or an abusive agent, it will prompt a CAPTCHA to increase the number of security checkpoints for confirming the user is valid.


Besides the reCAPTCHA field, Profile Builder offers other features to help you fight user registration spam.

Note: The new No CAPTCHA reCAPTCHA will replace the old version, starting with Profile Builder Hobbyist or Pro v.2.1.0.
For a smooth transition, the reCAPTCHA field settings will remain exactly the same as in previous versions.

Email Confirmation Field Addon for Profile Builder

I’ve set up a user registration form and want to make sure I capture their correct email address.


This is where the Email Confirmation Field addon comes in handy.

The registration form needs to have a second field for confirming the user’s email address, which is compared to the contents of the first one to catch any typos.

The Email Confirmation field is meant to check if the email address entered matches the first one, making sure a user submits a valid and correct email address.

Download and activate

First 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 Email Confirmation Add-On

Once the files are moved, head over to the Plugins section in your WordPress admin UI and activate the add-on.

Email Confirmation Field in action

Once the add-on is installed, the Email Confirmation field type will show up in the Manage Fields drop-down from Profile Builder. Select it and click “Add Field”.


By adding this field to the Manage Fields list, it will show up on the front-end user registration form created with Profile Builder.

The Email Confirmation field is “Required” by default, and will throw an error every time the two email addresses do not match.

Confirm Email Error on the front-end Register form.

Confirm Email Error on the front-end Register form.

Multiple Admin Emails Add-On for Profile Builder

You may be well aware that WordPress sends by default a notification e-mail to the address that is set in the General Settings page of the Dashboard whenever a new user registers to your website. If you have a website where you manually approve new users this feature comes in handy .

But what if you have a whole team at your side that deals with new users? How do they get notifications? You may have a forwarding system in place, so that every time a new user registers, the notification email you receive is then sent to the others, or in a very worst case scenario you manually forward the emails yourself. In any case, there is now a better solution. Meet the Multiple Admin Emails Add-On for Profile Builder.

How it works

This little add-on adds a new option in the General Settings page of Profile Builder where you can type a list of email addresses that you wish to send notifications regarding users. Therefore when a new user registers notifications will be pushed to these addresses instead of the WordPress default.

Download and activate

Download The Multiple Admin Emails Add-OnIcon Multiple Admin Emails Add-On for Profile Builder

Please note: The Multiple Admin Emails Add-On requires Profile Builder version 2.0.6 or higher.

When your download is complete, you can upload the .zip file in the Add Plugins page of the Dashboard or you can unzip the file and copy its contents in the wp-content/plugins directory. Then simply navigate to the Plugins page and activate the Add-On.

Multiple Admin Emails Add-On for Profile Builder

Add the email addresses

You are almost done at this point. Navigate to the General Settings page of Profile Builder and you will see the new option named “Admin Emails”. Here you can type as many email addresses as you need, separated by comma. By default when you activate the plugin this option will be populated with the WordPress default email address.

Multiple Admin Emails Add-On for Profile Builder

Try it out

All done. From now on notifications regarding users will be sent to the addresses you’ve entered.

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.


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.


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.

WordPress 4.0, What You Need to Know

WordPress 4.0 “Benny” is now officially out and available for download.

As with every major WordPress release it’s a good idea to first get a glimpse at all the new features added to make sure you use them at full potential.

In that sense here’s what you need to know about WordPress 4.0:

Read more

WordPress 3.8 – The Best Redesign Since Ever?

WordPress 3.8 is just around the corner and I can honestly say it’s THE most exciting release since ever! With the WordPress 3.8 RC2 available for download, we’re only days away from the excellently polished WordPress 3.8 UI.

Much more than just a new skin

You can see by the title of this post that I’m quite excited about this release. The old design has been around since 2.7 with only minor improvements across the board (was back in 11’th of December 2008 when 2.7 was launched, 5 years ago!). While the new, WordPress 3.8 UI, keeps most of the elements in the same place, it’s clearly the biggest thing to happen visually in the last 5 years.

WordPress 3.8 UI is stunning to look at and work with, but it also represents the best responsive/mobile implementation we’ve seen for the WordPress backend so far:

  • the top and sidebar menus have been re-envisioned for small resolutions
  • the sidemenu is now hidden by default and can be much more easily extended on small devices.
  • the Add New Post works wonderful for resolutions under 600px
  • every button and link is just a little bit larger, so you can tap them even if you have big thumbs
  • comes with its own flat vector icon font for the admin UI, called dashicons
  • it’s not just a refined implementation of what was before, it was created with devices of all sizes in mind


Read more

WordPress Testimonial Page Template with WCK

Having testimonials displayed on your client’s website is a always a nice bonus, and helps to highlight the brand’s personality and keep up with its audience.

The scope of this tutorial is to build a WordPress Testimonial Page Template with the help of WCK – Custom Fields and Post Type Creator plugin.

How you choose to do this is a matter of preference. You can opt for one of these options:

  • choose from a list of plugins that make only testimonials
  • you can also use Custom Post Types, that attaches your testimonials to a particular page
  • or, our very own favorite, choose to get your hands on by using Custom Fields that are attached to a certain Page Template.

A WordPress Testimonial Page Template with WCK

For us, the most flexible and intuitive way to create a WordPress Testimonial Page is by using Custom Fields and create our own Page Template.  We’ll use the WCK – Custom Fields Creator to speed things up.

Read more