Offer your customers unlimited website hosting on an autoscaling, 100% SSD cloud hosting platform.
Built and optimised by our in-house experts, the 20i WordPress hosting platform is 100% SSD and benefits from unique speed boosting features you won’t find anywhere else.
Premium web hosting developed by industry pioneers with completely resilient & scalable architecture for professional websites.
Take control with a virtual private server. Based on premium hardware, a 20i VPS is a powerful solution that’s simple to deploy.
Domain prices have risen sharply in the UK, but 20i is here to offer cheaper prices and better service.
There are a range of different WordPress form plugins out there such as WP Forms, Contact Form 7 and Pirate Forms.
In this example, we'll demonstrate with the free to use Contact Form 7 plugin.
1. Install the Contact Form 7 Plugin
Log in to your WordPress Admin area and head to Plugins and select Add New. Search for Contact Form 7 and select Install Now and then Activate.
2. Add a New Contact Form
You’ll now see a new menu option called Contact down the left-hand WordPress sidebar. Select Contact to configure a new form. You’ll see a list of current contact forms, with a default form called 'Contact form 1' having already been added.
We’ll create a new one. Select Add New. You'll see the default form that's been added along with its default data. This will display a form that looks like this:
3. Configuring Your Form
Form tags are used as placeholders for a HTML form control. For example, you can add a drop-down menu using the drop-down menu tag. You can see our example below and how it effects the form on the site.
4. Edit the Mail Settings
Now you've configured your form, you'll want to configure where the form actually sends from, and where it sends to. The From address will always need to be an address that uses your own domain, e.g. example@yourDomain.com, however you can set the To address to be any email address you want to receive the form to.
You'll be able to configure what information from the form gets sent via the email, in the example above, you can see the tags: [your-name], [your-email], [your-subject] and [your-message]. This will be the information the form user has entered into the form when they submitted it.
5. Adding the Form To Your Site
Now you've configured the form, you can add it to a Post or Page on your WordPress site. To do this, you'll need the form shortcode which is provided on the Contact Form page.
In our example, our short code is:
Add the shortcode to your page as below:
Once done, your form will display on the page or post you've added it-to.