B2J Contact was originally developed by Bang2Joom Team in June 2013. This feature-rich, easy-to-use, totally free and extremely lightweight component is a must-have for your web-site.
B2J Contact is a fully responsive custom form-creating component for Joomla 2.5/3.15, which allows you to create customized forms with various fields on your Joomla-powered website.
Whether you are running an online survey, making a contact or feedback form or publishing a reservation form for your website, B2J Contact is at your disposal. Numerous features of this component will help to customize forms fully and simplify the process of contacting the administrator for your users. Note, that every time your users have filled and submitted a form, the component will notify Joomla administrators with customized e-mails.
GETTING THE PACKAGES
You can download the latest installation packages by visiting our website at http://www.bang2joom.com/joomla-extensions.
Here navigate to B2J Contact component by clicking on the title and you will find green Download button in the top-right corner of the page.
From there you will be guided through the whole download process until you get the .ZIP file. The releases are listed with the newest ones on the top. Click on the release number and then download the ZIP package.
The installation package can be installed on Joomla 3.0+ . The installation package can also be used to update the previously installed version as well; just install it, without uninstalling the old package.
NOTE:The zip package includes all available modules and libraries. During the installation of the component they will be installed automatically!
The installation of B2J Contact is simple and is done the same way as any other Joomla! extension on your site.
Download the extension to your local machine as a zip file package.
From the backend of your Joomla site (administration) select Extensions -> Install/Uninstall.
Click the Browse button and select the extension package on your local machine.
Click the Upload File & Install button.
UPDATING THE COMPONENT
You can easily check for the latest updates and install them in the update section of your Joomla! back-end or on our website by going to your Dashboard -> My Downloads -> B2J Contact and comparing the current version with the version already installed on your website.
Updating B2J Contact component to the latest version is the same as performing the main installation of the component! You don’t have to uninstall the previous version; in fact, it isn’t even recommended.
Simply follow the installation instructions above to install the latest version over the existing one. That's all! All your settings will be preserved.
To uninstall B2J Contact component do it just as any other Joomla component. Navigate to Extensions -> Extension Manager -> Manage -> Search for "B2J Contact", select it and click uninstall. The uninstalling process will remove the all installed plugins and modules as well as the database tables that come with the component.
Important: If you uninstall the component you will lose all the data you have inserted and saved in the groups, custom fields and all the settings.
We know that you would prefer a concise user guide rather than a long-drawn-out story about how this component works.
OK! So here is the minimum of steps that you need to complete to see the component in action:
After the installation the first thing you should do is to go to Components -> B2J Contact and add a new contact form by clicking the "New" button.
On the image below you will find all the settings of the contact form you are creating grouped in 5 tabs - BASIC OPTIONS, DEFAULTS, FIELDS, EVENTS, SECURITY.
Tab #1: Basic Options
In the ‘Basic Options’ you have to name your new contact form. Contact ‘Name’ is just a label for a contact form and is used only for administrative purposes. To edit it, click on the text and it will change to an editable field. You can use any title you like, e.g. “Job Application Form,” “Form for Event″ and so on.
Then write down the email addresses or Joomla! users’ inboxes where you wish all the forms to be forwarded after being submitted.
Tab #2: Defaults
In this tab you may set some default parameters for this contact form. This page includes the following sections:
Page Display Options
Page Subheading- Choose the subheading for your contact form
Form width- set width of the whole contact form inserting a desired value in pixels, percents or just choose the Automatic, for automatic width control.
Page top text, Page bottom text- The text inserted here will display on contact form, helping your users clearly understand the purpose or other details of the form.
Show Field labels- Choose the place where ‘Field’ labels display. Options available are ‘beside’ and ‘inside’ fields.
Form layout- Choose the appearance of the form layout. The options available are ‘Compact’, ‘Extended’ and ‘Stacked’.
Fields labels width in px.- Allows you to set desired width of ’Field Labels’ of the contact form.
Text Fields, Dropdown List Fields, Text Area
Click the default numbers in pixels to make the fields editable and just set the desired values for the ‘Width’ of ‘Text Fields’ and ‘Dropdown List Fields’ (fields with single-line inputs) and ‘Width’ and ‘Height’ of ‘Text Area’ (the latter field allows multi-line inputs).
Note that you can allow or disallow attachments to the form. Let’s see what settings are available here.
Enable attachments- Choose ‘No’, to disallow and ‘Yes’ to allow the attachments
Receive uploads as- Choose the way you will receive the uploaded attachments The available options here are - http links, email attachments, both
Upload Description, Upload Button Text, Reset Button Text- Modify text texts on Upload and Reset Buttons and add Upload Description to easily guide your users through attachment submitting process.
Size limit(Kb)- Limit the size of uploading attachments here.
You can also enable ‘File Type Filter’ to allow only predefined types of attachments for uploading. To do it , choose ‘Yes’ in the dropdown menu next to ‘Enable Files Filter’ just like we did it. If you choose ‘No’, all types of attachments will be allowed by default.
In case of enabling ‘File Types Filter’, select which file types to allow with Files Filter Rules. Choosing ‘Yes’ in the dropdown menu next to file type names, you will allow the file. To disallow exact file types, choose ‘No’. In the shown example, Audio and Video files are not allowed, and Images, Documents and Zipped Archives are allowed to be uploaded as an attachment.
To make the form more user-friendly and easier-to-submit enter suitable texts for ‘Submit’ and ‘Reset’ buttons, and choose the type of buttons. Note that ‘Reset’ button can be also be disabled.
Let’s choose the most essential part.
Tab # 3: Fields +
Here you may add unlimited dynamic fields and add them to the already created groups or to create a new group instantly. After you add a new field, you should choose the type of the field.
Now it supports the following field types:
We will continually add new field types. You may also suggest your versions on Bang2Joom Forum.
After you select the field type you should be prompted to name the field, add a placeholder text, change the state of the field to Disable, Optional or Required, and to add the field to an existing group or create a new group. Let’s see how simple it is on the example of ‘Text’ field.
By adding different types of fields you will get your contact form ready to be published.
NOTE: All the changes will not apply until you click the SAVE button in the top-left corner of the component.
Tab #4: Events
In this tab you will be able to control the events your user will experience during the filling process of the forms.
TEXT TO DISPLAY WHEN EVENTS OCCUR
In this section you may choose whether to give a custom "Thank You!" message to the users, who have successfully filled in the form. You can also redirect them to a specific "Thank You!" page.
SEND A COPY TO THE SUBMITTER
In this section you will be given a chance to edit the email subject and email body that will be sent to the submitter upon a successful session.
Note: Sender’s email is the dynamic field e-mail, which is mentioned as default.
Tab # 5:Security
The Security section includes settings for Anti-Spam and CAPTCHA.
You can add some enable the spam filter and add some words, separated by a comma to filter and also change the spam message.
This section will allow you to enable or disable the CAPTCHA on your custom contact form as well as to change:
Type - Mathematical & Alphanumeric
Number of characters
Font and Font sizes
Max. rotation angle
If you want to add custom CSS, you should copy components\com_b2jcontact\css\b2jcontact.css into templates\your_temp\css\ folder and make your changes in that file.
In conclusion, the B2J Contact component is an out-of-the-box solution to create unlimited custom forms on your Joomla website.
All the forms are created in the B2J Contact Component. To show a single contact/custom form you should use either Menu Item or B2J Contact Module. All the settings and options are set within the B2J Contact Component, but not the module or menu item.
If you still have questions about this component, please don't hesitate to ask your questions on Bang2Joom Forum.
Feel free to visit Features Request for B2J Calendar also, if you have requests.
P.S. If you use B2J Contact Component please don't forget to post a review on Joomla Extension Directory.
This module is designed to show the B2J Contact Component on any Joomla! module position you wish.
To see this module in action you should:
1. Create a new contact in B2J Contact Component, add the desired custom fields, Save it!
2. Go to Module Manager -> Add new module
3. Choose the B2J Contact Module
4. Add a name for the module
5. Choose the module position on which you wish to publish the module
6. Assign the module to a menu item
7. Finally, from the right panel of the module, choose the contact you have created in the step 1.
Assigning a single contact form to a menu item will create a new page on your Joomla! website and show the contact form inside of the component view of your template.
This can be done by going to Menus -> Choose a Menu -> Add new menu item.
1. Select a Menu Item Type
2. Choose B2J Contact -> Contact page
3. Select a contact from the list of the contacts that you have created before
4. Write a menu title
You may also add a new class suffix to the component view by going to Advanced Options -> B2J Contact Options -> Component class suffix