How to create the Zelle contact form in WPForms
WPForm is a great plugin that allows you to easily create any contact form you want. It comes with pre-built form templates that can be easily customized, so you don’t ever have to start from scratch unless you want to. To use the contact form you just need to copy the shortcode of the form and paste it wherever it fits your needs.
If you want to create the Zelle contact form in WPForms you have to follow a couple of simple easy steps.
1. Install WPForms
In your WordPress dashboard navigate to Plugins > Add New and search for "WPForms". After you've found it, click "Install" > "Activate" and once the process is finished you're all set to go.
2. a) Create a new contact form
If you want to create a new WPForms form, similar to the form in Zelle, this is the step for you. If you already have a form ( possibly migrated from Pirate Forms to WPForms, check 2.b below ).
To make it easy for you to get the contact form template of Zelle we created a WPForms template that you will need to import into WPForms.
In your dashboard navigate to WPForms > Tools, and under WPForms Import click "Select File" and upload the template you previously downloaded, then click "Import". Once the import was successfully finished, you can go and check your forms and you'll see a newly created form named "Zelle".
2. b) Use an already existing WPForms form
1. Edit your existing WPForms form
2. Add a Name field and make sure you make this changes:
- Field Size: Large
- Name: Your name ( or the text you want as a placeholder )
- check Hide Label
- add the CSS classes: wpforms-one-third wpforms-first
3. Add an Email field and make sure you make this changes:
- Field Size: Large
- Placeholder Text: Your Email ( or the text you want as a placeholder )
- check Hide Label
- add the CSS classes:
4. Add a Single Lite Text field and make sure you make this changes:
- Field Size: Large
- Placeholder Text: Subject ( or the text you want as a placeholder )
- check Hide Label
- add the CSS classes:
5. Add a Paragraph Text field and make sure you make this changes:
- Field Size: Large
- Placeholder Text: Your Message ( or the text you want as a placeholder )
- check Hide Label
6. Go to the Settings tab, and make sure you add for Form CSS Class: zerif-wpforms pirate-forms
3. Insert the form's shortcode in the theme
Copy the shortcode ([wpforms id="xx"]), and navigate to the "Contact us section" in Customizer > Frontpage sections > Contact us section. There, paste your code in the "Contact Form Shortcode" input, click Publish and you're all set.
Enjoy your new form!