Tuna & Luna Forms Bundle

Introduction

The Tuna & Luna Forms Bundle is a powerful tool for creating stunning and responsive forms in WordPress. This bundle consists of two popular plugins: Tuna, a responsive form builder, and Luna, a plugin that allows you to add advanced validation and submission handling to your forms. In this tutorial, we will guide you through the process of using the Tuna & Luna Forms Bundle to create a professional-looking form and handle form submissions.

Prerequisites

Before you start, make sure you have the following:

• A WordPress website installed and set up
• The Tuna & Luna Forms Bundle installed and activated
• A basic understanding of WordPress and HTML/CSS

Tutorial: Using the Tuna & Luna Forms Bundle

Step 1: Creating a Form with Tuna

1. Log in to your WordPress dashboard and navigate to the Tuna plugin settings page. You can find this by clicking on the "Tuna" menu item on the left-hand side of the dashboard.
2. Click on the "Add New Form" button to create a new form.
3. Give your form a name and a description, and then click on the "Create Form" button.
4. Tuna will create a basic form structure for you, with fields for text, email, phone number, and password.
5. To add more fields to your form, click on the "Add Field" button and select the type of field you want to add (e.g. checkbox, dropdown, etc.).
6. Customize the field settings as needed, such as setting the field label, placeholder text, and required status.
7. Use the drag-and-drop interface to reorder the fields and arrange them in the desired layout.

Step 2: Adding Validation and Submission Handling with Luna

1. Once you have created your form, navigate to the Luna plugin settings page by clicking on the "Luna" menu item on the left-hand side of the dashboard.
2. Click on the "Add New Validation Rule" button to create a new validation rule.
3. Select the type of validation you want to apply (e.g. email, phone number, etc.).
4. Set the validation options as needed, such as specifying the required format or length of the input.
5. To add a submission handler, click on the "Add New Submission Handler" button.
6. Select the type of submission handler you want to add (e.g. email, database, etc.).
7. Set the submission handler options as needed, such as specifying the email address to send the form submission to or the database table to store the submission data.

Step 3: Adding the Form to Your Website

1. Once you have created your form and added validation and submission handling, it's time to add the form to your website.
2. Go to the page or post where you want to add the form, and click on the "Add Tuna Form" button in the editor.
3. Select the form you created earlier from the dropdown menu.
4. Customize the form settings as needed, such as setting the form layout, background color, and border style.
5. Click on the "Insert Form" button to add the form to your page or post.

Step 4: Testing the Form

1. Save your page or post and view it in your website's frontend.
2. Fill out the form and submit it to test the validation and submission handling.
3. Verify that the form submission is handled correctly, such as sending an email to the specified address or storing the submission data in the database.

Conclusion

That's it! You have now successfully created a professional-looking form using the Tuna & Luna Forms Bundle. With Tuna, you can create custom forms with ease, and with Luna, you can add advanced validation and submission handling to your forms. By following these steps, you can create a robust and effective form that meets your website's needs.