Introducing brand new Form Builder addon in SP Page Builder 3.4.4 Pro - JoomShaper

Introducing brand new Form Builder addon in SP Page Builder 3.4.4 Pro

25 February 2019
Hits 16,312
4 min read
Introducing brand new Form Builder addon in SP Page Builder 3.4.4 Pro

Hello everyone, how was the weekend? Of course I hope it was a smashing one. And today I’m here with an amazing announcement that will make your life more flexible. Here comes Form Builder, the shiny new SP Page Builder addon wrapped in v3.4.4 Pro. It’s a complete form building solution for Joomla.

Before going to the details, let’s take a look at the changelog of SP Page Builder 3.4.4 Pro:

  • New: Form Builder addon
  • New: Column order option added for tablet
  • Updated: Admin documentation link
  • Fix: Image Layouts addon tablet order property bug
  • Fix: Incorrectly spelt component in URL for the fronted editor
  • Fix: helpers/articles.php Invalid Argument Supplied issue for Article Scroller addon
  • Fix: Heading addon live edit heading selector empty issue fixed

Announcing Form Builder addon

How many times have you tried to build a form that speaks your tongue? I think every time you created a form, you wanted to have some custom flavor that reflects your brand and identity better.

Until today, SP Page Builder used to have 2 form addons - Contact Form, which is relatively a basic contact form addon, and the Opt-in Form addon for email subscription stuff. With today’s Form Builder addon, we bring the power of building limitless forms on Joomla.

What’s so special with Form Builder?

The Form Builder addon is an incredibly powerful tool to create functional contact forms (WCAG 2.1 and Section 508 compliant) on your Joomla site. It has a collection of rich and useful features to create a solid and accessible contact form in minutes. Here is an overview of the addon. But you must try it to discover the full potential.

Introducing brand new Form Builder addon in SP Page Builder 3.4.4 Pro

Flexibly choose from the 10 built-in form fields

One of the most interesting features of the Form Builder addon is that, you can add form fields flexibly. There are 10 built-in fields from where you can choose and place them in the contact form. The built-in fields are:

  1. Text
  2. Email
  3. Phone
  4. Textarea
  5. Radio
  6. Checkbox
  7. Select
  8. Date (with Calendar)
  9. Range
  10. Number

So, you can choose the field-types, change the label, style the look, and customize as your needs. You must be wondered seeing it in action.

A rich set of customization options

Introducing brand new Form Builder addon in SP Page Builder 3.4.4 Pro

The form fields are heavily customizable. You can use a field in multiple purposes. For an example, the Text field alone can be used in more than 70% of the fields such as Name, Address, Designation etc.

Introducing brand new Form Builder addon in SP Page Builder 3.4.4 Pro

Plus, there are styling options like font size, font color, padding-margin, borders, alignment, success/failure messages, redirection and so much more.

Email functionality

Use the "Field Names" in the email template fields in double curly braces to use as variables. Input the Field Names in the Form Elements section. Then Go to the Email Template tab and organize your email template. See the screenshot below. Also, try the addon live. 

Introducing brand new Form Builder addon in SP Page Builder 3.4.4 Pro

It’s obvious, and we’ve managed it wisely. The Form Builder addon’s email field lets you add the sender and receivers’ email addresses so that the communication can happen. There is a highly customizable email template system with lots of dynamic features to automate the stuff.

Security and compliance

Introducing brand new Form Builder addon in SP Page Builder 3.4.4 Pro

As always, we’ve taken the security and compliance matters seriously. In the Form Builder addon, you can implement question based captcha system (e.g. 5+6 = ?) or Google reCAPTCHA.

Introducing brand new Form Builder addon in SP Page Builder 3.4.4 Pro

These will offer a solid shield of spam protection. Plus, you can place a policy agreement checkbox (e.g. GDPR) for more transparency and better compliance handling. 

There’s more

Besides the new Form Builder addon, SP Page Builder 3.4.4 brings a bunch of other improvements and fixes to the component. The Text Block addon title gets some more tag options like  <p>, <span>, and <div>. And a few known issues have been fixed.

I’m confident that you will find the Form Builder addon tremendously useful. What would you make with it today? Please share your thoughts and suggestions in comments. Happy weekday :)

Try SP Page Builder for FREE!    Get SP Page Builder Pro Rate on JED

Arafat Bin Sultan

Arafat Bin Sultan

Lead Content Developer
Arafat is the Lead Content Developer at JoomShaper. He is a tech-enthusiast by born with a keen interest in space, photography, and video making.

Comments (73)

C
cmfionline
This comment was minimized by the moderator on the site

Excellent update with the form builder addon.
I am trying it out now. How you make multicolumn forms as in your post above?
Also, conditional field option would be greatly appreciated.

Paul Frankowski
Paul Frankowski    cmfionline
This comment was minimized by the moderator on the site

Thanks, Watch the video again. Use Field width, to get 3 columns, use 33% for 3 fields. To get two columns, use 50%.

OA
Onur Aktas    Paul Frankowski
This comment was minimized by the moderator on the site

after i installed new update and go to create , field width is set to 50 as default
and i cannot make 2 or 3 columns with changing these
i use flex template
any ideas?

M
meto
This comment was minimized by the moderator on the site

It is too late but great.
Kindly open the forum to discuss topics

Paul Frankowski
Paul Frankowski    meto
This comment was minimized by the moderator on the site

Thanks, it's never too late to get a great feature. You can use that addon in upcoming projects.

Pinheiro
Pinheiro    Paul Frankowski
This comment was minimized by the moderator on the site

I Love Pagebuilder !!!! You have changed the lives of many who make projects for clients ... and I was one of them !!! Thank you very much

MMDoege
MMDoege
This comment was minimized by the moderator on the site

is recaptcha included now?

Paul Frankowski
Paul Frankowski    MMDoege
This comment was minimized by the moderator on the site

yes sir.

stq74
stq74
This comment was minimized by the moderator on the site

yes, add the options of conditional field and it will be compet, thank you

FW
F-Cee Van Wyk    stq74
This comment was minimized by the moderator on the site

Yes I agree, I love using form builder, however there's no option to create more complicated forms that need conditional logic. Adding this feature would make from builder absolutely perfect.

H
Heviland
This comment was minimized by the moderator on the site

Cooooooooolllll !!!!!!!!!

Make plz registration form too

Paul Frankowski
Paul Frankowski    Heviland
This comment was minimized by the moderator on the site

thanks, maybe in the future, we have to wait for Joomla 4.0 first. Too big changes in core.

Sidney McSwain
Sidney McSwain
This comment was minimized by the moderator on the site

I don't see a file upload feature. Will this be added later?

Paul Frankowski
Paul Frankowski    Sidney McSwain
This comment was minimized by the moderator on the site

Thanks, it's the weakest point of every form, I mean in security topic. But we will think about it soon, to allows upload safe files only (pdf, zip, images).

ikarus56
ikarus56    Paul Frankowski
This comment was minimized by the moderator on the site

That would be a great feature. Upload features are used often by my customers.

TK
Thomas Kutter
This comment was minimized by the moderator on the site

Great Update with the form builder addon.
Can you also send a copy to the sender?

Paul Frankowski
Paul Frankowski    Thomas Kutter
This comment was minimized by the moderator on the site

Thanks, yes it's possible. Check Email Template tab.

J
joel_m
This comment was minimized by the moderator on the site

What about label translation? Previously we had to create language overrides for each field label.

Paul Frankowski
Paul Frankowski    joel_m
This comment was minimized by the moderator on the site

Thanks. Now each label you can add from addon settings.

N
Nait
This comment was minimized by the moderator on the site

Looks as a brave new update!
For future development - conditionals fields will be great (when you click here, this will happen (new list or anything), when you choose this, a list of other possibilities... etc.).

Also my traditional question - how far is the development of media manager, i.e. the possibility to choose other than "image" folder"?

Thanks for your work, the world in lighter with every new update :-)

P
PJ131
This comment was minimized by the moderator on the site

Thank you! Great work, as this was need, many thanks.

Paul Frankowski
Paul Frankowski    PJ131
This comment was minimized by the moderator on the site

Thanks a lot.

P
POIREL
This comment was minimized by the moderator on the site

Nice novelty but I have a question about the information collected in the form.
Currently I use the component Breezingformpro which is in passing the best form manager that I know and that fully answers the questions posed above.
The question is to know if we can keep the information in a base then export in cdv for example. In the meantime, congratulations for this work and SPB!
cordially
Denis

Paul Frankowski
Paul Frankowski    POIREL
This comment was minimized by the moderator on the site

Thanks, not planned yet. We do not want to replace/duplicate Breezingform, JSN Form nor RSform components.

H
HDcms
This comment was minimized by the moderator on the site

HI,
nice update
Pretty close: do you have in your schedule, the addition in the visualization of a Joomla article to be able to add custom fields Joomla?
if not a voting system for new features?

PP
Panagiotis Podaropoulos
This comment was minimized by the moderator on the site

Great addition, found a tinsy bug though.
If you add the form into a tab then try to add a select option it crashes. (I get a blank screen and need to refresh to page)
Keep it up!

Al Mamun
Al Mamun    Panagiotis Podaropoulos
This comment was minimized by the moderator on the site

Thanks for time to test. We have not test it in inside accordion or tab. We will check this issue and if we get any issue with tab or accordion will fix that.

WJ
Wilson Junior
This comment was minimized by the moderator on the site

Fantastic! Congratulations. My favorite page builder. Please put in your radar: integrate it with MailChimp and I discard all others form builders.
Awesome!

Al Mamun
Al Mamun    Wilson Junior
This comment was minimized by the moderator on the site

Thanks, MailChimp is integrated in Optin Form addon. Don't know should we add MailChimp in this addon also.

DS
Dustin Swayne    Al Mamun
This comment was minimized by the moderator on the site

The problem with opt-in form is that it collects full name rather than first name and last name broken into two fields. Mailchimp is looking for separate fields FNAME and LNAME

Gergely Kovács
Gergely Kovács
This comment was minimized by the moderator on the site

I haven't tested it yet, but one feature would be great I couldn't read above.
Does it have any url redirection to a "Thank You" page? Would be perfect for our SEO.

Thnaks and great job as usual!

Al Mamun
Al Mamun    Gergely Kovács
This comment was minimized by the moderator on the site

Yes, you can redirect to thank you page. There is a option for that.

PC
Philip Cabezas
This comment was minimized by the moderator on the site

Awesome, this is a great add on. Instead of using other extensions.

Are you guys going to add a "file upload" option? This is the only attribute that seems to be missing.
It is the cherry on top of a delicious cake.

Thanks

Al Mamun
Al Mamun    Philip Cabezas
This comment was minimized by the moderator on the site

Thanks, uploading file is crucial part of form.

R
Rob
This comment was minimized by the moderator on the site

Looking good. What is the syntax to include in Email Template for Checkbox Items?

Al Mamun
Al Mamun    Rob
This comment was minimized by the moderator on the site

For checkbox item there is a checkbox name option, add that field name to email body box in email template tab. Like if you have two checkbox item and name are term-one, term-two then in email add

<p><strong>Terms:</strong>{{term-one}}</p>
<p><strong>Terms:</strong>{{term-two}}</p>

R
Rob    Al Mamun
This comment was minimized by the moderator on the site

Yes - can do it that way but Is there an IF statement? Only want to return a value if the field is checked.

Al Mamun
Al Mamun    Rob
This comment was minimized by the moderator on the site

Awesome to know that you ca do that. But unfortunately there is no option for IF statement.

S
studioa14
This comment was minimized by the moderator on the site

"insert a file" ...it must be in the next update

Paul Frankowski
Paul Frankowski    studioa14
This comment was minimized by the moderator on the site

Thank you, we will think about it soon, to allows upload safe files only (pdf, zip, images).

Pavel
Pavel
This comment was minimized by the moderator on the site

Great new addon. Thanks guys! Do you have a plan to make a popup feature?

Paul Frankowski
Paul Frankowski    Pavel
This comment was minimized by the moderator on the site

Thanks, Pavel for your voice and help which you give our users.
Popup for form addon?

Pavel
Pavel    Paul Frankowski
This comment was minimized by the moderator on the site

Maybe add pop-up feature in Form Builder addon or add the ability to add any add-ons to an existing pop-up addon, as it is in accordion or tabs. This would allow making popup forms and not only. Pop-up form - a very popular feature.

Wagner Michel
Wagner Michel
This comment was minimized by the moderator on the site

Thanks to the Joomshaper team for all that happiness!
Can we put a form in a modal popup?

Paul Frankowski
Paul Frankowski    Wagner Michel
This comment was minimized by the moderator on the site

Thanks, not yet. But we will consider that option soon.

AH
Andrew Hone
This comment was minimized by the moderator on the site

Looks a good feature. Do you know if it supports creating a hidden field and assigning a value to it (e.g. to allow you to allocate a new sign-up to a specific group within Mailchimp)

Paul Frankowski
Paul Frankowski    Andrew Hone
This comment was minimized by the moderator on the site

Not yet, but it's a great idea. It should be easy to add in near future.

senolsengul
senolsengul
This comment was minimized by the moderator on the site

thanks

Paul Frankowski
Paul Frankowski    senolsengul
This comment was minimized by the moderator on the site

You're welcome. Now fewer extensions you have to install to manage a website.

B
Behrouz
This comment was minimized by the moderator on the site

Hello
Please fix tab module with class "sp-module", this class ruined tab module.I even can't use widgetkit plug-in due to Class(sp-module) defined in "any template\html\modules.php"
thanks

Arafat Bin Sultan
Arafat Bin Sultan    Behrouz
This comment was minimized by the moderator on the site

Thanks Behrouz for your feedback. This has been forwarded to our development team. Regards.

OA
Onur Aktas
This comment was minimized by the moderator on the site

after i installed new update and go to create , field width is set to 50 as default
and i cannot make 2 or 3 columns with changing these
i use flex template
any ideas?

Arafat Bin Sultan
Arafat Bin Sultan    Onur Aktas
This comment was minimized by the moderator on the site

Have you tried by clearing your browser cache?

Paul Frankowski
Paul Frankowski    Arafat Bin Sultan
This comment was minimized by the moderator on the site

Are you sure that we talk about this same addon? Form addon is a new one, it wasn't available in the previous version.

MJ
Michal Jablosnki
This comment was minimized by the moderator on the site

Thank You. You are the best.

Arafat Bin Sultan
Arafat Bin Sultan    Michal Jablosnki
This comment was minimized by the moderator on the site

Thanks for your love and trust

G
george
This comment was minimized by the moderator on the site

Cool!
How can I change the position of the button to send to the css class, is it necessary that the 2 forms to be filled are in the same line as the button to send?

Arafat Bin Sultan
Arafat Bin Sultan    george
This comment was minimized by the moderator on the site

Hi george, please post on the support forum: https://www.joomshaper.com/forums

Regards.

G
george
This comment was minimized by the moderator on the site

How to make "Form Fields Inline with button" in Form builder?

Arafat Bin Sultan
Arafat Bin Sultan    george
This comment was minimized by the moderator on the site

Please post on the support forum: https://www.joomshaper.com/forums

Thanks.

Paul Frankowski
Paul Frankowski    george
This comment was minimized by the moderator on the site

But first, remember to renew SPPB subscription.

M
mehmet
This comment was minimized by the moderator on the site

how can we add file atachment with contact form ?

Paul Frankowski
Paul Frankowski    mehmet
This comment was minimized by the moderator on the site

You have to wait for SPPB update which will add this feature.

G
gmmillard
This comment was minimized by the moderator on the site

Awesome!!

Is there an option to save the submissions, we find this very useful when email providers change their Spam filters and email stops getting through, we can then go in to the Forms Database and look at the submissions that didn't arrive.

Thanks

Paul Frankowski
Paul Frankowski    gmmillard
This comment was minimized by the moderator on the site

In the current version is not possible, but we can consider that in the future. Yes, I know how it works I used RSFormsPro as well.

V
vaggelis
This comment was minimized by the moderator on the site

Hello,
how we can change the date format from mm/dd/yyyy to dd/mm/yyyy ?

Paul Frankowski
Paul Frankowski    vaggelis
This comment was minimized by the moderator on the site

But where exactly? In which addon?

M
Mostafa
This comment was minimized by the moderator on the site

Hello,
I have SP page builder pro 3.3.5, I cannot find that Form builder addon included, I need it badly, What shall I do, Thank you.

Arafat Bin Sultan
Arafat Bin Sultan    Mostafa
This comment was minimized by the moderator on the site

Please ask on our support forum. Thanks.

PC
Philip Cabezas
This comment was minimized by the moderator on the site

Another great article, and feature from Joomshaper.

Thank you

Arafat Bin Sultan
Arafat Bin Sultan    Philip Cabezas
This comment was minimized by the moderator on the site

Thank you Philip Cabezas for the appreciation. Stay tuned for more useful pieces. Have a great time!

TL
Thomas Lang
This comment was minimized by the moderator on the site

Hi
How could I change the textarea size - number of default rows / lines ?

Arafat Bin Sultan
Arafat Bin Sultan    Thomas Lang
This comment was minimized by the moderator on the site

Please ask on the forum. Our support stuff will assist you. Thanks.

There are no comments posted here yet

Sign up for our newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.