Case Study : Creating a Registration Form with CForms Plugin.
Content Management System is the way to develop website/blog with a more personalize, but still as easy as create a blog. With CMS, we may not see entire code, so… CMS wont give what we want just like if we develop website from the scratch…(a.k.a form-zero coding…).
This is where the plugin plays. We still can make our CMS website with more personalized using the plugin. Cforms is one of the wordpress plugin that helps us in creating the form, for example, create contact forms, registration forms, etc..
Here we go..
Step 1 : Installing CForms
- Go to the dashboard wordpress wp-admin page, select the Plugins menu.
- Choose add new.
- In the install plugin menu, choose upload tab.
- Browse the cform plugin (zip file) that has been downloaded.
- Then choose install now.
- So It will display the confirmation of a successful install as shown below.
- Click activate plugin.
- Once the plugin is active, then a new menu in the wordpress dashboard page will appear as shown below.
Step 2 : Creating the Form
- Go to the dashboard, cformsII menu, choose Form Settings.
- In the Form Name field, create a new form with the name formdaftar, as shown below.
- In the sample form, there are already the default fields such as in the figure below. You can add your own fields by clicking the Add button under the description of the fields (the red circle to 1 in the figure), then set their own type – type the desired fields. To remove a field, click on the Remove button (red circle to 2 in the figure).
- To edit a field, click the edit button like below (the red circle to 3 on the figure).
- For field validation, set on the right side of the field. For example, if it is the email field, then put checks on the setting of the validation email. See picture below.
- Update settings (tombol bagian kanan).
Step 3 : Setting Admin Email.
In the cform, submission form will be sent via email. Admin email is the email address that will responsible to receive the submission from the user.
- Go to Form Settings menu – Admin Email Message Option
- In this case we will make the submission form will be sent to my email, and the email will also from myself, (using a single email for send and receive). Set as shown below, adjust with your email account.
- Update Settings.
Step 4 : Mail Server Setting
- Go to Global Settings – Mail Server Settings
- Enter as shown below (adjust with your email account – for server settings, you could google it. Here’s an example of setting if you use a Yahoo account to the admin email).
- Update Settings.
Step 5 : Install Form
- Go to the Post atau Page where you want to install the form.
- The new cform button will appear just like the image below.
- Click in that cform button, and select the form that you want to insert it in.
- Click Publish.
Step 6 : Testing the Form
- View Post/Page which contains formdaftar.
- Then you will see your form has been formed as shown below
- Fill the form, then submit.
- After the successful confirmation appears, check your emails
Hal yang juga menarik:
Semua skrip dan teknik dalam artikel di itx.web.id boleh digunakan sebagaimana kehendakmu tanpa perlu mencantumkan sumber. Kamu tidak boleh mengkopi seluruh artikel, dalam Bahasa Indonesia ataupun diterjemahkan ke dalam bahasa lain.