How to Use Contact Form to Grow Your Email List in WordPress

Want to learn how to use contact forms to grow your email list in WordPress?

Connecting contact forms to your WordPress website lets you capture valuable leads and expand your email subscriber list.

In this article, we will show you how to use contact forms to grow your email list in WordPress so you can get more customers.

How to use contact form to build your email list in WordPress

Why Use Contact Forms in WordPress to Grow Your Email List

If you’re not using WordPress to build your email list, you’re leaving money on the table. Emails are a great way to promote your products or services, build a loyal customer base, and even increase your customer lifetime value.

Unlike other marketing channels (paid or organic social media), you own and control the content and list of subscribers. However, on social media platforms, if anything happens to your account or even the platform, you’ll lose everything.

With email marketing, you can customize your email newsletter any way you want without being subjected to the unforgiving social media algorithm changes.

But why use contact forms to build your email list?

Contact forms on your WordPress site provide a secure and easy way for visitors to ask questions, book your services, or send in feedback.

They add legitimacy to your website since many people see contact forms as a trust factor. The idea that you can reach out to them directly makes your business more trustworthy.

Besides that, you can capture their initial interest by allowing them to join your email newsletter. This allows you to stay in touch with them via email, which can lead to future revenue as you send targeted offers and promotions to an engaged audience.

All you have to do is add a signup box at the bottom of the contact form, which offers a subtle way to enhance your lead generation strategy and grow your list.

How to Create a Contact Form with WPForms in WordPress and Collect Email Subscribers

Adding a contact form in WordPress is easy and doesn’t require any coding! Follow these steps, and your form will be ready in no time.

1. Pick the Best Contact Form Plugin

The first thing you’ll need is to install a contact form plugin for WordPress. With so many contact form plugins on the market, it can be hard to choose the right one.

We recommend WPForms because it’s the most beginner-friendly and feature-rich contact form plugin available. With its easy drag and drop interface, you can have your form live in minutes.

WPForms homepage

First, you will want to install and activate the free WPForms Lite plugin. For more details, you can see our step by step guide on how to install a WordPress plugin.

You can use this WPForms Coupon to get 50% off on any WPForms plan. The paid plan gives you advanced features such as fancy fields, conditional logic, user journeys, multi-page forms, and the ability to install other addons.

2. Create a New Contact Form

Once WPForms is activated, go to WPForms ≫ Add New in your WordPress dashboard.

Add new form in WPForms

You’ll be taken to the WPForms drag and drop form builder. In the ‘Setup’ tab, you’ll select the template you want to use for your contact form.

With hundreds of templates available, you can choose a form for just about any occasion.

Find the Simple Contact Form template and click on ‘Use Template.’

WPforms contact form templates

3. Add Email Signup Checkbox to Your Contact Forms

Once you have created your form, the next step is to add an email subscription box to the same form.

Under the Fields column, drag the ‘Checkboxes’ box to where you want to insert the signup option in the contact form.

You will notice that there are three checkboxes. Click on the field to open its settings.

Checkboxes in WPForms

In the ‘Field Options’ tab, you will need to delete two checkboxes, since we only need one checkbox for the email signup.

Simply click on the minus icons from the ‘Second Choice’ and ‘Third Choice’ checkboxes to remove them.

Removing checkboxes in WPForms

Then, just change the label to something that aligns with your intent, such as ‘Signup for our Email List.’

Under the ‘Choices’ checkbox label, you need to write something that allows visitors to confirm and provide consent to submitting their contact information.

For example, you can label the checkbox with something like ‘Sign up for our email list.’ Then name the choices with ‘Yes please!’

Signup email box in WPForms

4. Connect Your Email List to WPForms

Next, you’ll need to connect your email marketing service. WPForms has many integration addons for the top email marketing platforms, including Constant Contact, Drip, Mailchimp, and more.

Note: WPForms Lite supports Constant Contact automatically, meaning you can get started growing your list for free!

That being said, if you want to connect to other email marketing services, you’ll need to be a Pro subscriber of WPForms. Click here to upgrade to the WPForms Pro version.

Go to the ‘Marketing’ column in the form builder and find your email service provider. Then, simply click on ‘Add New Connection.’

Connecting to Constant Contact in WPForms

You’ll be asked to name this connection.

Give it an appropriate name so that you can keep track of it, and then click ‘OK.’

Constant contact connection

From here, you can connect your Constant Contact account to WPForms.

On the page displayed, you’ll need to register WPForms with Constant Contact by clicking on ‘Click here to register with Constant Contact.

Register Constant Contact in WPForms

After clicking the link, a window will open, and you’ll need to log into your Constant Contact account.

When you’re logged in, click the orange ‘Allow’ button to give WPForms access.

Allow access to Constant Contact from WPForms

Next, you’ll be given a Constant Contact authorization code.

Copy the code so you can enter it into WPForms.

Copy authorization code for Constant Contact

Paste this code into the ‘Constant Contact Authorization Code’ field back in the WPForms.

This will allow WPForms to fetch your email service account and pull in data from Constant Contact.

Paste Constant Contact authorization code

From there, you want to add a name below. It’s just for internal reference and won’t be visible to your site’s visitors.

Once you’ve filled in both fields, click on the ‘Connect’ button to continue.

Connect Constant Contact to WPForms

Once the connection is complete, you’ll see a checkmark next to the Constant Contact tab.

This shows that the connection is working and verified.

Constant Contact connection verified

WPForms will ask you which account and list you’d like to use for this contact form. When you select a list, it’ll add new email subscribers to the list of your choice.

Make sure to choose the appropriate account and list.

Choose email list from Constant Contact

Next, you want to add the list of fields that you plan on capturing from the contact form.

For example, if you intend to take their Full Name and Email, you want to select the appropriate dropdown menu.

Constant Contact list fields

Scroll to the bottom of the list fields box and click on ‘Enable Conditional Logic.’ This means that the signup checkbox only appears when the user has completed a specific action, such as providing their email address.

Make sure to choose what the required field users must complete for the signup box to appear. For instance, you most likely want their email address to be required but their name and email list signup be optional.

Enable conditional logic for WPForms

5. Embed the Contact Form Into a Page

Now, you’re ready to add the contact form to a post or page on your WordPress website.

Scroll up and click on the ‘Embed’ button located on the top right of the screen.

Embed contact form to contact page

Assuming you already have a contact page, you’ll click on the ‘Select Existing Page’ button.

If you don’t have a contact page, then you’ll choose the ‘Create New Page’ button.

Embed in a page contact form

You’ll be asked to choose the page you want to add your contact form to.

Once you’ve selected your form from the dropdown menu, click on ‘Let’s Go!’

Embed contact form to your contact page

You’ll be sent to your WordPress page with the WPForms embedded inside. Customize your page to fit your needs.

When you’re ready, hit the ‘Publish’ or ‘Update’ button to make your page live.

Publish contact page in WordPress

Congratulations, you’ve successfully created and published your contact form. With the email signup box in your form, you’ll be able to collect subscribers to help grow your list as you receive new inquiries.

If you want to learn more about creating contact forms, see our detailed instructions on how to easily create a contact form in WordPress.

Best Practices for Designing Your Contact Form

To maximize your success and get the most out of your contact forms, you’ll want to follow these best practices.

Make Your Form GDPR Compliant

GDPR, or General Data Protection Regulation, is a data protection and privacy regulation to give consumers greater control over their personal data.

This is required if you plan on collecting personal information from anyone living in the European Union.

Fortunately, you can easily create GDPR compliant forms in WordPress with WPForms.

Just head over to WPForms >> Settings in your WordPress admin area. Then, under the ‘General’ tab, you’ll find the ‘GDPR’ section.

General settings in WPForms

Then scroll down until you see the GDPR section. You’ll want to check the ‘GDPR Enhancements’ box.

Then check the ‘Disable User Cookies’ box if you want to remove user tracking cookies. You can also tick the ‘Disable User Details’ option so WPForms doesn’t collect user IP addresses.

GDPR in WPForms

Configure Form Notifications

It’s a good idea to set your form notifications properly.

A form notification is an email that goes out to the user once they submit a message and subscribe to your newsletter from the contact form.

Just head over to the Settings column in the WPForms builder and select Notifications. Make sure to toggle the ‘Enable Notifications’ button on.

Then, fill in the fields based on your intent. You can update the subject line, the name, and the email.

Enable notifications

Scroll down to configure the email message.

Once you’ve written your email message, click the ‘Save’ button up top.

Confirmation email message

Even after users submit the form and subscribe to your list, you should use the opportunity to redirect users to other pages to get even more conversions.

For instance, you can direct them to a thank you page along with other high-converting articles.

Track Your Results

Make sure you’re tracking your WordPress form so you can see the number of views and conversions it gets.

WPForms has a built-in user journey feature to see which pages users go to before they land on your form.

If you’d like even more in-depth tracking, we recommend using MonsterInsights.

Turn on CAPTCHA for Spam Protection

Form spam is a big problem that every website deals with. Countless hackers are trying to send phishing links or find your direct email to hack into.

WPForms CAPTCHA feature helps prevent robots from submitting your contact form.

You can read our guide on how to add CAPTCHA in WordPress to learn more about how it works and include them in your contact forms.

Limit the Number of Fields

Long forms are boring and can deter users from completing the form.

If you want to increase form submissions and maximize conversion rates, make sure to limit your contact form to under five fields.

How to Grow Your Email List With Other Forms

Building a WordPress contact form is just one way to add new subscribers to your email list. There are dozens of other list-building strategies besides adding an email optin when someone sends you a message.

Here are several ways to do so using various types of forms.

Pop-up Sign-up Form

Instantly grab the attention of visitors with signup forms that pop up after a certain amount of time. You can add a pop-up signup form to any webpage and choose when you want it to trigger.

We recommend creating Exit-Intent pop-ups with OptinMonster. These forms are less intrusive since they only appear when a user is about to leave your website. This can result in a less disruptive user experience than pop-ups that appear immediately upon arrival, which can annoy or deter visitors.

You can even make your pop-ups more interactive and animated with a slide-out contact form. These interactive and animated forms divert visitors’ attention and allow them to quickly fill out the form without leaving their current page.

Sidebar Sign-up Form

Placing a signup form in the sidebar makes it easily accessible to visitors on every page of your website. The added convenience can increase the odds of users subscribing to your newsletter.

Inline or After Post Sign-up Form

Readers are on your website for a reason. The less you interrupt them, the more likely they are to stick around and convert.

Placing a sign-up form after a blog post is less intrusive and allows you to tailor your call to action (CTA) to the content the reader has just consumed. You can place relevant offers in front of visitors to boost conversions since the CTA aligns with their interests.

If you want to boost conversations and turn readers into paid customers, read our other tutorials, such as our guide on how to create an email newsletter the right way or our expert guide on easy ways to grow your email list fast.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Use Contact Form to Grow Your Email List in WordPress first appeared on WPBeginner.

9 Best WordPress Conditional Logic Plugins for 2023

Are you looking for the best conditional logic plugins for your WordPress website?

Conditional logic plugins allow you to show or hide information based on users’ responses and behavior. They help collect relevant leads, boost conversions, and provide a better user experience.

In this article, we will show you the best WordPress conditional logic plugins.

Best WordPress conditional logic plugins

What is Conditional Logic in WordPress?

In simple words, you can think of conditional logic as if-then statements. It is a technique where you can automatically display relevant information, snippets, or scripts to users based on their actions.

For instance, a user may want to connect with the support team. If they select a support team as an option on your WordPress site, then you can show relevant contact information or a landing page.

Similarly, let’s say a customer is looking for hiking shoes. You can use conditional logic to only show those products and addons that a customer is looking for.

Where Can You Use WordPress Conditional Logic Plugins?

You’ll find conditional logic in WordPress forms, automated email workflows, conversion optimization methods, and more.

Here are some ways you can use conditional logic on your WordPress website:

  • Use conditional logic on your WordPress forms and dynamically change form fields based on the selection users make while filling out your forms.
  • Create optin campaigns and show popups based on different rules, like the user spending a certain time on the page or clicking a link.
  • Load code snippets and scripts based on conditional logic and user roles.
  • Ask different questions in online quizzes based on the user’s previous answers.
  • Display or hide products, addons, and other items based on customer choices on your eCommerce store.
  • Set up visibility rules using conditional logic to show menu items for your visitors.

That said, let’s see the best WordPress conditional logic plugins you can use today for your website.

1. WPCode

WPCode - Best WordPress Code Snippets Plugin

WPCode is the best WordPress code snippet plugin. You easily add custom code snippets to your website and manage them using the plugin.

The best part, WPCode offers a conditional logic feature that lets you set up rules for running code snippets without editing code. It is super easy to use and offers a beginner-friendly interface.

For example, you can load code snippets for logged-in users, run PHP code snippets for specific user roles and page URLs, and insert header and footer pixel scripts for certain pages.

WPCode Smart Conditional Logic

You can also hide custom code from running on pages like the homepage or for different user roles.

2. Conditional Blocks

Conditional blocks

Conditional Blocks is a free WordPress plugin for hiding or showing different blocks in the content editor. You can control the visibility of each block without writing a single line of code.

The plugins let you set up conditions where WordPress blocks will appear for different user roles or membership levels. For instance, you can show the image block to only logged-in users. It also allows you to show certain blocks based on screen size.

Conditional Blocks offers a premium version as well. You get to unlock more conditions for showing WordPress blocks. For example, you can control block visibility based on post type, time, server requests, and more. There are also conditions for WooCommerce users in the pro version.

3. WPForms

WPForms

WPForms is the best contact form plugin for WordPress. It is beginner friendly plugin that offers a drag-and-drop form builder, lots of templates, and a smart conditional logic feature.

You can easily hide or show different form fields, display payment options, dropdown menus, and more based on the user’s responses.

All you need to do is select the form field in the template and enable conditional logic. After that, you can set up the rules to show different form fields.

For example, let’s say you’re running a net promoter score (NPS) survey on your website. If a user rates 8 or higher, then you can hide other questions in the survey using conditional logic. If they rate a lower score, then you can ask more questions to improve your performance.

Enter conditional logic conditions

Besides that, WPForms offers lots of other features and addons. You can integrate different payment services and create forms to collect online payments.

It also works with some of the most popular email marketing tools, so you can easily collect leads and grow your email list.

Other than that, there are addons for recovering form abandonment, tracking user journeys, adding save and resume features, learning about the user’s geolocation data, and more.

4. OptinMonster

The OptinMonster lead generation tool

OptinMonster is the best WordPress popup and lead generation plugin. It helps you get more conversions, grow your email list, and increase sales.

OptinMonster offers powerful display rules that you can use to display your campaigns to the right people at the right time.

For example, you can show optin popups to users that spend a certain time on a page, visit a particular page, or scroll X% of the page.

OptinMonster also offers an Exit-Intent technology, which triggers your campaigns as a user is about to leave your website. This helps recover abandoning visitors and converts them into subscribers and customers.

Enter exact URL for exit intent display rule

Other than that, you can display campaigns to users from a particular location or when they click a link. There are also display rules for eCommerce sites. You can show popups when customers have a specific cart total or when they view a product.

OptinMonster also offers a drag-and-drop builder, which makes it very easy to create attractive campaigns. There are lots of templates for different types of campaigns and various customization options. You can also integrate it with leading email marketing tools to collect leads.

5. YITH WooCommerce Product Add-Ons & Extra Options

YITH WooCommerce product addons and extra options

YITH WooCommerce Product Add-Ons & Extra Options is a WooCommerce plugin that lets you add extra options and addons to your products.

The plugin is very easy to use and allows you to add options and extra services, like warranty, insurance, special transfer services, express shipping, customizations, and more.

For example, if you’re selling jewelry and rings, then you can add an option to engrave the customer’s name. Or if you’re selling tech products in WooCommerce, then you can offer additional services like warranty, product customization, and device checkup.

With YITH WooCommerce Product Add-Ons & Extra Options, you get a conditional logic feature that automatically shows or hides addons and options based on the customer’s selection.

You can define rules, and when the conditions are met, users will be able to see extra services and addons on your WooCommerce products.

6. Thrive Quiz Builder

Thrive Quizzes

Thrive Quiz Builder is the best WordPress quiz plugin and is part of Thrive Theme suite. It is beginner friendly to use, and you can create complex quizzes for your website without editing code.

The plugin offers different quiz styles, which include a right/wrong, number, percentage, personality, and survey. Thrive Quiz Builder also provides pre-made quiz templates that you can use to get started quickly.

Using the plugin, you can create conditional quizzes. The drag-and-drop quiz builder lets you display questions based on the user’s previous answers. Simply set the conditions where the next question will only appear if a person enters a particular answer.

When they’re finished, you can direct them to a page or product based on their answers.

Besides that, you can create badges for users, customize the quizzes, track results, check the quiz flow and see where users dropped off, and get detailed analytics of how your quizzes perform.

7. Formidable Forms

The Formidable Forms plugin and Signature addon

Formidable Forms is the next WordPress conditional logic plugin on our list. The plugin allows you to create simple contact forms to advanced and complex WordPress forms, like mortgage calculators.

Formidable Forms offers a conditional logic feature built into its drag-and-drop form builder. You can easily set up conditions for each form field and show or hide them based on the user’s answers.

If you have a multi-step form, then you can use conditional logic to automatically skip pages and lead users to the relevant section. Similarly, you can send email confirmation or redirect users to respective pages based on their answers.

Other features offered by Formidable Forms include pre-built templates for web applications. It also lets you create apps for real estate listings, product reviews, restaurant menus, and more.

The plugin also has a visual views feature that allows you to display data from form entries on the frontend of your site.

8. If Menu

If Menu

If Menus is the next conditional logic plugin for WordPress on our list. It is a free WordPress plugin that you can use to create dynamic menus and control their visibility on your site.

The plugin lets you use conditional logic to show or hide different menu items. For instance, it lets you display certain menu items only if a user is logged in, hide menu items on mobile devices, show specific menus to admin and editors, and more.

Similarly, you can also show menu items to users from different locations or show any entirely new menu to members.

9. FunnelKit

FunnelKit Automations

FunnelKit is the best WooCommerce sales funnel and automation plugin. It lets you create high-converting landing pages, order bump pages, upsells, checkout pages, and more.

FunnelKit Automation offers multiple triggers that you can for automating workflows. You can set up different conditions, and based on the user’s actions, you can initiate different tasks.

For example, if a customer adds products to the cart but doesn’t checkout, then you can trigger the cart abandonment recovery workflow.

Similarly, you can automatically show different products to customers as upsells or order bumps. This way, you’ll increase sales without spending on paid ads.

Which WordPress Conditional Logic Plugin Should You Use?

Choosing the right conditional logic plugin for WordPress depends on your requirements and what you want to achieve.

If you want to create dynamic forms that show different fields to users based on their selection, then WPForms is the best plugin. It is super easy to use and offers lots of customization options.

Similarly, if you are looking to run different code snippets based on certain conditions, then WPCode is the perfect solution. It lets you set up rules and conditions without editing code.

On the other hand, you can use OptinMonster to display different campaigns based on user actions or create conditional quizzes using Thrive Quiz Builder.

You can also use conditional logic in WooCommerce and use FunnelKit to trigger workflows based on customers’ selections and actions.

We hope this article helped you find the best WordPress conditional logic plugins. You may also want to see our list of best WooCommerce plugins and how to start your own podcast.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post 9 Best WordPress Conditional Logic Plugins for 2023 first appeared on WPBeginner.

How to Create Your Company Org Chart in WordPress

Do you want to create your company org chart in WordPress?

Organizational charts can help visitors, clients, and potential customers learn more about your business, and find the right person to contact. If you have lots of employees, then an org chart can also help different teams communicate and work together more easily.

In this article, we will show you how to create a company org chart in WordPress.

How to create your company org chart in WordPress

Why Create Your Company Org Chart in WordPress?

An organizational chart shows how a company is structured, from the CEO right through to the different teams and individual employees within each team.

A helpful organizational chart can help employees understand how other teams are structured, and who they need to contact in any situation.

A chart may also be useful to third parties. For example, if you’re creating a client portal then an org chart can help clients find the best person to contact.

You might even add a company org chart to your public WordPress website, to show the human side of your business and improve your brand’s reputation.

That being said, let’s take a look at how to easily create and manage a company organizational chart in WordPress.

How to Create Your Company Org Chart in WordPress

The easiest way to build an employee chart is by using Organization Chart.

With this free plugin, you can create charts using a simple visual editor, and add images, links, text, and popups to your company org chart.

An org chart, created using WordPress

The first thing you need to do is install and activate the Organization Chart plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Upon activation, go to Wpdevart Chart » Charts. Then, click on the Add New button.

How to create a company org chart in WordPress

This launches the user-friendly visual editor.

To start, type in a title for the company org chart. This is just for your reference so you can use anything you want.

Adding a title to a company organizational chart

By default, Organization Chart adds one element to the chart. Typically, you’ll turn this into the head of your organization, such as the team leader or CEO.

To add more people to the chart, simply hover over the default element. You’ll now see two small icons: a pencil and an arrow.

Go ahead and click on the arrow, which adds one element directly below the first one.

Building an organizational chart in WordPress using a plugin

Now, simply hover your mouse over this new element and you’ll see three arrows.

This allows you to add another element to the right or left of this person. Typically, people on the same level in an org chart have the same job title or similar responsibilities.

Adding multiple levels to a company org chart

You can also click on the downwards-pointing arrow to create a new level below this person. Usually, people will report to the person above them in an org chart.

By hovering over each element and clicking on the different arrows, you can easily create your company’s structure. This includes multiple different branches or teams.

Customizing a company employee chart

The next step is adding content to each element, such as the person’s name, author photo, or email address.

To get started, hover over any element and then click on the small pencil icon.

Adding content to a company staff chart

In the popup that appears, you’ll need to add a photo of the person.

Go ahead and click on the ‘Upload’ button and then either choose an image from the WordPress media library or upload a new file from your computer.

Adding employee images to a hierarchical chart

After that, type in a ‘Title,’ which will appear directly below the person’s picture. Typically, you’ll want to use the person’s name.

You can then add a ‘Description,’ which will appear beneath the title. Usually, you’ll want to type in the person’s job title, but you can also add a short sentence about their role.

Adding a title to an employee chart

Next, you may want to add a link to the image, title, or description. For example, you might link to a contact form for the person or maybe a page where potential clients can see the employee’s design or photography portfolio.

To do this, simply type in the URL you want to use. Then, choose the area where you want to add the link using the settings in the ‘Select the link area’ section. For example, you might add a link to the person’s image or description.

Adding links to a staff chart

By default, the link opens in the same tab. You may prefer to open the link in a new tab, particularly if you’re using an external URL. To do this, simply check the box next to ‘Open the URL in a new tab.’

You may want to show more information about each person in the company org chart. For example, you could add their business email address and phone number, bio, a more detailed job description, or any other information you want.

This plugin lets you create a popup for each person. In this way, you can show detailed information without making the chart look complicated or text-heavy.

To add a popup, simply click on the ‘Popup’ tab.

Adding popups to a staff chart in WordPress

You can now type your messaging into the small text editor. This editor has all the standard WordPress formatting, so you can add links, create a bullet point list, use bold and italic text formatting, and more.

When you’re happy with the information you’ve entered, you can specify how visitors will open the popup using the settings next to ‘Select the Popup area.’

How to add popups to a business website

With that done, click on ‘Update.’

Now, simply repeat this process for every person in the company org chart.

Building an employee page using WordPress

When you’re happy with how the chart looks, click on the ‘Save’ button.

After that, it’s time to add the chart to your WordPress blog or website. Simply open the page or post where you want to show the company org chart, and then click on the ‘+’ icon.

In the popup that appears, type in ‘WpDevArt organization chart.’ When the right block shows up, give it a click to add it to the page.

Adding a block to a WordPress website

That done, open the ‘Select a Tree’ dropdown and choose the org chart you created earlier.

When you’re ready to make the org chart live, click on either the ‘Update’ or ‘Publish’ button.

Publishing an organizational chart in WordPress

Now, you can visit your business website to see the company org chart in action.

We hope this article helped you learn how to create your company org chart in WordPress. You may also want to see our guide on how to create automated workflows in WordPress, and our expert pick of the best live chat software for small businesses.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Create Your Company Org Chart in WordPress first appeared on WPBeginner.

How to Display WordPress Form Entries on Your Site

Do you want to show your WordPress form entries on the front end of your site?

Displaying form entries on the front end allows you to show important information to your visitors. You can use it to show positive reviews, create directories, display event calendars, and more.

In this article, we’ll show you how to display WordPress form entries on your site.

How to Display WordPress form entries on your site

Why Display WordPress Form Entries on the Frontend?

Forms are great for keeping in touch with your visitors, getting feedback and suggestions, helping users resolve their issues, and more. Displaying form entries on your WordPress website for your visitors can be helpful in certain situations.

For example, you can display testimonials and product reviews that users submit through an online form. This way, you can leverage social proof to build brand trust and boost conversions.

You can also display form entries to create a business directory, display user-submitted events on a calendar, display statistics, and show other important information collected through online forms on your website.

However, by default, when users submit a form on your WordPress website, their entries are kept private. Only the WordPress admin and other users who have permission can view the form entries.

Let’s see how you can show form entries on the front end of your WordPress website using Formidable Forms and WPForms. You can click the links below to jump ahead to your preferred section.

Displaying WordPress Form Entries by Using Formidable Forms

The easiest way of showing form entries in WordPress is using Formidable Forms. It is a popular WordPress contact form plugin and offers an all-in-one form builder with lots of features for customization.

You can create all kinds of forms like surveys, quizzes, payment forms, and advanced forms like event calendars, directories, and calculators.

First, you’ll need to install and activate the Formidable Forms plugin on your site. If you need help, then please see our guide on how to install a WordPress plugin.

For this tutorial, we’ll be using the Formidable Forms Pro version because it includes the Visual Views addon.

Upon activation, you can go to Formidable » Forms and click the ‘+ Add New’ button at the top.

Add a new form

After that, a popup will appear that will ask you to select a form type, like a contact us form, user registration form, survey, and more.

Go ahead and select your preferred form type. For the sake of this tutorial, we’ll create a contact form to collect testimonials from users.

Select your form type

Next, you’ll need to enter a form name and description.

When you’re done, simply click the ‘Create’ button.

Enter form name and description

Now you can use the form builder to customize your form.

Formidable offers a drag and drop builder which is super easy to use. Simply select any form field you would like to add to your form from the options on your left and place them in the form template.

Build your form

After customizing your contact form, go ahead and embed it anywhere on your website.

The plugin offers multiple options to add your form. The easiest way is to click the ‘Embed’ button in the form builder at the top and then select an existing page or create a new page to add your form.

Embed your form in a new page

Alternatively, you can also use a Formidable Forms block or a shortcode block in the WordPress content editor to embed your forms.

Next, you can give a name to your page and preview it.

When you’re satisfied with its appearance, go ahead and publish your page.

Preview and publish your form

After your form is live, and you start to get entries, then you’ll need to install and activate the Visual Views addon in Formidable Forms.

To do that, simply go to Formidable » Add-Ons from your WordPress dashboard. Next, scroll down to the ‘Visual Views’ addon and click the ‘Install’ button.

Install visual views addon

Once the addon is active, you can go to Formidable » Views from your WordPress dashboard.

After that, simply click the ‘+ Add New’ button at the top.

Add a new view

Next, a popup window will appear where you’ll need to select a view type. The plugin offers a grid, table, calendar, and classic view that you can use.

For this tutorial, we’ll use the ‘Grid’ view to show form entries.

Select a view type

After that, you will have to select a data source for your view.

Go ahead and click on the ‘Use Entries from Form’ dropdown menu and select your form. There’s also an option to enter a view name.

After selecting your data source, simply click the ‘Create a view’ button.

Select data source

This will launch the view builder in Formidable Forms.

To get started, go ahead and click the ‘Layout Builder’ button.

Select a layout builder

Next, you’ll need to select a layout to display your form entries.

Simply choose a layout from the given options at the top. You can add multiple layouts to show form entries.

Build your layout

After selecting a layout, go ahead and click the ‘Save layout’ button.

Next, you can add content to the view builder by clicking the ‘+’ button. There are options to customize the layout of the form entries and add content before and after the form entries.

The plugin also gives options to change the typography, background color, border, and more under the Grid Style Settings panel on your left.

You’ll also see a shortcode under the View Name field, which you’ll need when showing form entries on your site.

Add content to the view

There are more advanced options in the Grid Style Settings panel. In the advanced settings, you can limit the number of entries, page size, and more.

When you’ve customized the view, don’t forget to click the ‘Update’ button at the top.

Next, you’ll need to display your form entries on your WordPress website. To do that, copy the shortcode given under the View Name.

The shortcode will look like this:

[display-frm-data id=2410]

After that, go to any post or page where you’d like to display form entries. Once you’re in the content editor, simply add a ‘Shortcode’ block.

Select shortcode block

Now, enter the shortcode you copied earlier in the shortcode block.

After that, you can preview the page and publish it.

Enter the shortcode

You can now visit your website to see the form entries in action.

Here’s what they look like on our demo website:

Form entries preview

Displaying WordPress Form Entries by Using WPForms

Another way of displaying form entries on the front end of your WordPress website is through WPForms. However, this method requires editing code and is recommended for advanced users who have knowledge about coding.

WPForms is the best contact form plugin for WordPress and lets you create different types of forms using a drag and drop form builder.

Just note that if you want to see your form entries in the WordPress dashboard, then you’ll need the WPForms Pro version. There is also a WPForms Lite version that you can use for free, which sends email notifications of all your form entries.

First, you’ll need to install and activate the WPForms plugin. For more details, please see our guide on how to install a WordPress plugin.

Next, you will need to create an online form using WPForms. You can check out our step-by-step guide on how to create a contact form in WordPress.

Once you start to get form entries, you’ll need to enter the following code into your theme’s functions.php file or in a site-specific plugin. Please see our guide on how to easily add custom code in WordPress for more information.

/**
 * Custom shortcode to display WPForms form entries in table view.
 *
 * Basic usage: [wpforms_entries_table id="FORMID"].
 * 
 * Possible shortcode attributes:
 * id (required)  Form ID of which to show entries.
 * user           User ID, or "current" to default to current logged in user.
 * fields         Comma separated list of form field IDs.
 * number         Number of entries to show, defaults to 30.
 * 
 * @link https://wpforms.com/developers/how-to-display-form-entries/
 *
 * Realtime counts could be delayed due to any caching setup on the site
 *
 * @param array $atts Shortcode attributes.
 * 
 * @return string
 */
 
function wpf_entries_table( $atts ) {
 
    // Pull ID shortcode attributes.
    $atts = shortcode_atts(
        [
            'id'     => '',
            'user'   => '',
            'fields' => '',
            'number' => '',
                        'type' => 'all' // all, unread, read, or starred.
        ],
        $atts
    );
 
    // Check for an ID attribute (required) and that WPForms is in fact
    // installed and activated.
    if ( empty( $atts['id'] ) || ! function_exists( 'wpforms' ) ) {
        return;
    }
 
    // Get the form, from the ID provided in the shortcode.
    $form = wpforms()->form->get( absint( $atts['id'] ) );
 
    // If the form doesn't exists, abort.
    if ( empty( $form ) ) {
        return;
    }
 
    // Pull and format the form data out of the form object.
    $form_data = ! empty( $form->post_content ) ? wpforms_decode( $form->post_content ) : '';
 
    // Check to see if we are showing all allowed fields, or only specific ones.
    $form_field_ids = isset( $atts['fields'] ) && $atts['fields'] !== '' ? explode( ',', str_replace( ' ', '', $atts['fields'] ) ) : [];
 
    // Setup the form fields.
    if ( empty( $form_field_ids ) ) {
        $form_fields = $form_data['fields'];
    } else {
        $form_fields = [];
        foreach ( $form_field_ids as $field_id ) {
            if ( isset( $form_data['fields'][ $field_id ] ) ) {
                $form_fields[ $field_id ] = $form_data['fields'][ $field_id ];
            }
        }
    }
 
    if ( empty( $form_fields ) ) {
        return;
    }
 
    // Here we define what the types of form fields we do NOT want to include,
    // instead they should be ignored entirely.
    $form_fields_disallow = apply_filters( 'wpforms_frontend_entries_table_disallow', [ 'divider', 'html', 'pagebreak', 'captcha' ] );
 
    // Loop through all form fields and remove any field types not allowed.
    foreach ( $form_fields as $field_id => $form_field ) {
        if ( in_array( $form_field['type'], $form_fields_disallow, true ) ) {
            unset( $form_fields[ $field_id ] );
        }
    }
 
    $entries_args = [
        'form_id' => absint( $atts['id'] ),
    ];
 
    // Narrow entries by user if user_id shortcode attribute was used.
    if ( ! empty( $atts['user'] ) ) {
        if ( $atts['user'] === 'current' && is_user_logged_in() ) {
            $entries_args['user_id'] = get_current_user_id();
        } else {
            $entries_args['user_id'] = absint( $atts['user'] );
        }
    }
 
    // Number of entries to show. If empty, defaults to 30.
    if ( ! empty( $atts['number'] ) ) {
        $entries_args['number'] = absint( $atts['number'] );
    }
 
// Filter the type of entries all, unread, read, or starred
    if ( $atts['type'] === 'unread' ) {
        $entries_args['viewed'] = '0';
    } elseif( $atts['type'] === 'read' ) {
        $entries_args['viewed'] = '1';
    } elseif ( $atts['type'] === 'starred' ) {
        $entries_args['starred'] = '1';
    }
 
    // Get all entries for the form, according to arguments defined.
    // There are many options available to query entries. To see more, check out
    // the get_entries() function inside class-entry.php (https://a.cl.ly/bLuGnkGx).
    $entries = wpforms()->entry->get_entries( $entries_args );
 
    if ( empty( $entries ) ) {
        return '<p>No entries found.</p>';
    }
 
    ob_start();
 
    echo '<table class="wpforms-frontend-entries">';
 
        echo '<thead><tr>';
 
            // Loop through the form data so we can output form field names in
            // the table header.
            foreach ( $form_fields as $form_field ) {
 
                // Output the form field name/label.
                echo '<th>';
                    echo esc_html( sanitize_text_field( $form_field['label'] ) );
                echo '</th>';
            }
 
        echo '</tr></thead>';
 
        echo '<tbody>';
 
            // Now, loop through all the form entries.
            foreach ( $entries as $entry ) {
 
                echo '<tr>';
 
                // Entry field values are in JSON, so we need to decode.
                $entry_fields = json_decode( $entry->fields, true );
 
                foreach ( $form_fields as $form_field ) {
 
                    echo '<td>';
 
                        foreach ( $entry_fields as $entry_field ) {
                            if ( absint( $entry_field['id'] ) === absint( $form_field['id'] ) ) {
                                echo apply_filters( 'wpforms_html_field_value', wp_strip_all_tags( $entry_field['value'] ), $entry_field, $form_data, 'entry-frontend-table' );
                                break;
                            }
                        }
 
                    echo '</td>';
                }
 
                echo '</tr>';
            }
 
        echo '</tbody>';
 
    echo '</table>';
 
    $output = ob_get_clean();
 
    return $output;
}
add_shortcode( 'wpforms_entries_table', 'wpf_entries_table' );

After adding the custom code to your website, you’ll need to enter the following shortcode to any page or post to show form entries.

[wpforms_entries_table id="FORMID"]

Just replace the FORMID with your form’s ID.

You can find the form ID by going to WPForms » All Forms and then looking at the Shortcode column.

Find WPForms form ID

To add a shortcode, simply create a new page or edit an existing one.

Next, go ahead and add a ‘Shortcode’ block.

Select shortcode block

After adding the block, simply enter your shortcode.

Now preview your WordPress page and click the ‘Publish’ button at the top.

Enter shortcode to show form entries

Here’s what the preview of our form entries looked like on the front-end:

Display WPForms Entries on Front End

You can further customize the display using custom CSS styles as needed.

We hope that this article helped you learn how to display WordPress form entries on your site. You may also want to see our guide on how to create a custom WordPress theme, or our expert comparison of the best live chat software for small business.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Display WordPress Form Entries on Your Site first appeared on WPBeginner.

How to Embed a Google Map in Contact Forms (With Map Pin)

Would you like to display a map on your website’s contact form?

You can use geolocation to pre-fill a user’s address and indicate their location by placing a pin on a map. This makes filling in the form easier and faster thus leading to better completion rate.

In this article, we’ll show you how to embed a Google Map in contact forms with a map pin.

How to Embed a Google Map in Contact Forms (With Map Pin)

Why Embed a Google Map in Your Contact Form?

When you created your WordPress website, chances are that you added a contact form so that visitors can easily get in touch with you about your products and services.

And if your business has a physical location, then you probably also added a Google Map of your own location to encourage people to visit your store.

What many business owners don’t know is that you can use geolocation to automatically fill in the address field on your contact form and display the user’s location on a map. This improves the overall user experience and helps reduces form abandonment.

Knowing your users’ locations also lets you use geolocation targeting to show personalized content and boost conversion rates.

With that being said, let’s take a look at how to embed a Google Map in contact forms.

How to Embed a Google Map in a Contact Form

For this tutorial, we’ll be using WPForms, the best contact form plugin for WordPress. It lets you easily create any type of form with a simple drag and drop form builder.

There is a free version of WPForms available with all the features you need to create a basic contact form. For this tutorial, however, we’ll use WPForms Pro since it include the Google Map addon.

The first thing you need to do is install and activate the WPForms plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit the WPForms » Settings page to enter your license key. You can find this information in your WPForms account area. Make sure you click the ‘Verify Key’ button to activate your license.

Visit the WPForms » Settings Page to Enter Your License Key

Next, you need to navigate to WPForms » Addons and find the Geolocation Addon. You can use the search option at the top of the screen, or simply scroll through the available addons.

Once you’ve found it, you should install the add-on by clicking the ‘Install Addon’ button.

Navigate to WPForms » Addons and Install the Geolocation Addon

Now that the Geolocation addon is activated, you will need to configure its settings. To do that, navigate to WPForms » Settings and click on the Geolocation tab.

On this page, you need to select a geolocation provider. For this article, we’ll choose the Google Places API.

Select a Geolocation Provider

You should also click the ‘Current Location’ checkbox. This will detect and autocomplete the address when users fill in the contact form, saving time and improving accuracy.

Next, you need to scroll down to the Google Places API settings. You will be asked to fill in your Google API key. You can get your key from Google and then paste it into the field. We’ll show you how to do that in the next section.

Scroll Down to the Google Places API Settings

Generating a Google Places API Key

You can obtain an API key for Google Places by going to the Google Cloud Console website.

You’ll be asked to select your country from a drop down menu and agree to the terms of service. In some countries, you may also be offered the chance to sign up for a mailing list.

Obtain an API Key for Google Places From the Google Cloud Console Website

When you’re ready to move to the next step, click on ‘Agree and Continue’.

Next, you’ll need to select a project for the API key. Simply click on ‘Select a project’ and click on the project you want to use from the list.

Select a Project or Create a New One

If you haven’t created a project before, or this is a new website you have not yet added to Google, then you should click ‘New Project’ to set one up.

Note: Google will require you to enable billing for that project in order to use the Google Places API. They offer the first $300 for free, which is plenty to cover a simple map embed like we’re creating in this tutorial. Smaller traffic sites won’t need to pay anything, and they’ll ask your permission to upgrade before charging any fees.

You should now be on the ‘APIs & Services’ page where you can enable the APIs needed for displaying Google Maps on your site. You’ll need to click the ‘+ Enable APIs and Services’ button at the top of the page.

Click the 'Enable APIs and Services' Button

This will take you to Google’s API Library where you will need to enable three different mapping APIs.

You can find them by using the search function at the top of the page or by clicking the ‘View All’ link next to the Maps section.

You Need to Enable Three Mapping APIs

First you need to find and enable the Places API. Once you locate it, you will need to click it. On the next page, you should to click the ‘Enable’ button.

After that, you should do the same thing for the Maps JavaScript API and Geocoding API.

Enable the Places API

Now that you have enabled the three APIs, you can create an API key.

In the menu on the left, you need to navigate to APIs & Services » Credentials.

From here you will be able to click the ‘+ Create Credentials’ button at the top of the screen and then select the ‘API key’ option.

Click the ‘+ Create Credentials’ Button

Your API key will be created and displayed on a popup window.

Later in this tutorial, you’ll need to copy that key into WPForm’s settings. For now, let’s take a look at how to place some restrictions on the use of the API key.

Your API Key Will Be Created and Displayed on a Popup Window

Restricting Your Google Places API Key

Overuse of the API key may move you out of the free plan and cost more than you expect. We recommend that you restrict the key to prevent unauthorized or unexpected use.

To do that, you need to click the ‘Restrict Key’ link at the bottom of the ‘API key created’ popup in the screenshot above.

On the next page, you can set up a number of different restrictions. The first of these is ‘Application restrictions’. In this section, you should click on the ‘HTTP referrers (web sites) option. Then the key will only be used on websites.

Restrict to HTTP Referrers (Web Sites)

Next, you should make sure it is only used on your own website. To do that, you should scroll down to the ‘Website restrictions’ section and then click the ‘Add an Item’ button.

Now you should type your website domain name into the ‘New item’ field using the pattern *example.com/*.

Type Your Website Domain Into the ‘New Item’ Field Using the Pattern *example.com/*

If you will be using Google Maps on more than one website, then you can click the ‘Add an Item’ button and add as many domains as you need.

Now that you’ve restricted the API key to only your own websites, you can also restrict it to work with only the Google APIs that you added above.

You need to scroll down to the ‘API restrictions’ section of the page and select the ‘Restrict key’ option. This will reveal a drop down where you should check the ‘Geocaching API’, ‘Maps JavaScript API’ and ‘Places API’ boxes.

Restrict the API Key to Specific APIs

Once you’ve done that, you should click the ‘OK’ link to store your settings. Finally, make sure you click the ‘Save’ button at the bottom of the page to activate all of the restrictions you have chosen.

Click the ‘Save’ Button to Activate the Restrictions You Have Chosen

Note that it may take up to 5 minutes for the settings to take effect.

Adding the Google API Key to WPForms Settings

You’ll now see the API key listed with any others you have available. You should click the Copy icon so you can add the key to the WPForms Geolocation settings page.

Click the Copy Icon and Add the Key to WPForms

Note that if you ever need to change any of the API’s settings or restrictions, then you can click the Edit icon on the right

Now you need to return to your website which should still be on the WPForms » Settings » Geolocation page.

Once there, paste the key into the Google Places API field in the WPForms settings. Once you’ve done that, make sure you click the ‘Save Settings’ button.

Scroll Down to the Google Places API Settings

Note: Google Places requires you to have an SSL certificate for your site. To learn how to get one, check out our beginner’s guide on how to get a free SSL certificate.

Creating a Contact Form With Embedded Google Map in WordPress

Now that you have configured WPForms and Google Places, you are ready to create a contact form in WordPress. You can get started by following our guide on how to create a contact form in WordPress.

Once you’ve made a basic form, you need to add an address field. You can use either an Address block or Single Line Text field. For this tutorial, we’ll use a Single Line Text field.

Simply drag the Single Line Text block onto the form.

Drag the Single Line Text Block Onto the Form

Next, we’ll customize the field’s settings. To do that, you need to click on the field to display the Single Line Text settings.

First, you should change the field’s label to ‘Address’. This will make it clear to your users what they should type in the field.

Rename the Field's Label to 'Address'

After that, you need to change the field’s settings so that it displays a map on the form. To do that, you’ll need to click on the Advanced tab.

Once there, you should look for the ‘Enable Address Autocomplete’ option at the bottom of the settings and toggle it to the ‘On’ position. You will then see another option, ‘Display Map’, which you should also enable. You can choose to display the map above or below the field.

Toggle the ‘Enable Address Autocomplete’ Option On

Adding the Contact Form to Your Website

The simplest way to add the contact form to your website is to click the ‘Embed’ button. You’ll find it next to the ‘Save’ button at the top of the form editor screen.

You’ll be asked whether to add the form to an existing form or create a new page.

Click the 'Create New Page' Button

For this tutorial, we’ll click the ‘Create New Page’ button.

Next, you should give the page a name and then click the ‘Let’s Go!’ button.

Give the Page a Name and Click the ‘Let’s Go!’ Button

A new page with that name will be created, and your contact form will be added automatically.

All you need to do is click the ‘Publish’ button to push the form live.

Click the 'Publish' Button to Push the Page Live

Viewing the Google Map in Contact Form

When a user visits your contact form, they will be asked whether they wish to allow your website to access your location.

The User Will Need to Give Permission for Your Website to Access Their Location

If they click the ‘Allow’ button, then their current location will be entered into the address field, and a pin of that location will be added to the map.

This autocomplete feature will save your visitors time by making it faster and easier to type their addresses.

Autocomplete Makes Typing an Address Faster and More Accurate

If they need to change the address, then they can simply type a new one or drag the pin to a different location on the map.

How to View User Location Data on a Form

Once you enable geolocation, WPForms will also record each user’s location when they fill in your form. Knowing the location of your users may help you find better leads.

You’ll need to navigate to WPForms » Entries and then click on your contact form.

Navigate to WPForms » Entries Then Click the Contact Form

You will now see a list of entries filled in by your users for that form.

To view a particular entry, simply click the ‘View’ link on the right.

Click the ‘View’ Link to View an Entry

You will now see the form data filled in by the user such as their name, business email, business phone number, along with some location data.

This includes a pin on Google Maps, the user’s location, zip code, and country, as well as their approximate latitude and longitude.

You Will See a Pin on Google Maps With Their Location

Of course, if the user didn’t grant permission for the form to know their location, then no location data will be displayed.

That’s all, you have successfully added a Google Map in your contact form. You can also use WPForms to build surveys in WordPress, create a payment form to accept online payments, and more.

We hope this tutorial helped you learn how to embed a Google Map in contact forms. You may also want to learn how to run a giveaway or contest, or check out our expert pick of the best WordPress plugins for all business websites.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Embed a Google Map in Contact Forms (With Map Pin) first appeared on WPBeginner.

What is a Paperless Business Form? (+ How to Make One)

Do you want to create digital forms for your business to reduce paper use?

Paperless business forms are digital forms that help save money and time. You can reach a larger audience with online forms and waste less paper.

In this article, we’ll show you what is a paperless business form and how to make it.

What is paperless business form

What are Paperless Business Forms?

A paperless business form is a digital form that your users can fill out on your WordPress website. Users can use their computers, smartphones, or tablets to fill out the form at anytime and from anywhere.

Business these days are ditching the use of paper forms and instead opting for digital forms. This helps them create a paperless environment.

Going paperless has many benefits:

  • Reach a Larger Audience: Digital forms can help you reach audiences from different locations. There are no geographic restrictions or delays in getting responses from people in different countries.
  • Easy to Access: People can access your paperless business form using any device and fill out the details from anywhere.
  • Get Instant Responses & Save Time: Paperless forms help you save time and you get to see instant responses. Unlike paper forms where you’d have to wait for responses to arrive by mail, digital forms make the process faster.
  • Cost Saving: Using digital forms also helps you save tons of money on paper, printing equipment, and mailing fees.
  • Good for the Environment: Going paperless has a positive impact on the environment. You can help conserve trees, prevent deforestation, and reduce waste.

Now, what are some of the ways you use paperless forms?

When Can You Use Paperless Forms for Your Business?

There are multiple ways you can turn your paper based forms into digital forms.

If you need to get in touch with your consumers, then you can create an online contact form and add it to your website. This way, you can get suggestions, feedback, and resolve your users’ queries.

Another way to use paperless business forms is by accepting job applications online. Instead of asking applicants to submit physical copies of their resumes, they can simply upload them using your digital form. It also helps in streamlining your hiring process and removes unnecessary paperwork.

If you’re running an online store, then you can create paperless order forms. Customers can fill out the details in the order form, place their orders, and pay online.

You can also create digital registration forms for an upcoming event like a webinar or conference.

That said, let’s look at how you can easily create a paperless digital form in WordPress.

Creating a Paperless Business Form in WordPress

The best way to add paperless forms business forms in WordPress is by using WPForms. It’s the best contact form plugin for WordPress and used by over 5 million professionals.

With WPForms, you get a drag and drop form builder that makes it super easy to customize your form. Plus, the plugin offers different templates so you can quickly get started and create all kinds of forms.

For this tutorial, let’s create a digital conference registration form. We’ll be using the WPForms Lite version because it’s 100% free. There is also WPForms Pro version that offers more customization options, templates, and powerful addons.

First, you’ll need to install and activate the WPForms plugin. If you need help, then please see our guide on how to install a WordPress plugin.

Upon activation, you can head over to WPForms from the WordPress admin panel and then click the ‘Add New’ button.

Add a new form

On the next screen, you’ll see the form builder.

To start, go ahead and enter a name for your form at the top.

Enter a name for your form

After that, scroll down and select the ‘Conference Registration Form’ template.

Simply hover over the template and click the ‘Use Template’ button.

Choose conference registration form template

Next, you can customize your form using the drag and drop builder. WPForms offers different fields that you can add to your form.

Simply drag a field from the given options on your left and drop them where you’d like to add it to the form.

Add fields to your form

In the Lite version, you get can add line text, paragraph text, dropdown menu, multiple choice, checkboxes, and more.

However, if you require fancy fields like phone number, password, address, or a file upload option, then we recommend using the WPForms Pro version.

Besides that, you can further customize existing fields in the template. For example, if you click the ‘Name’ field, you’ll see more options in the menu on your left. For instance, you can edit the label, format, and more.

Edit each field in the form

Next, you can go to the ‘Settings’ tab from the menu.

Here, you can change the settings for your form. Under the General settings, you can edit the form name, add a description, change the submit button text, and more.

Change general settings

After that, you can go to the Notifications settings and edit the send to email address on which you’ll receive an email when someone submits a form.

There are also settings for changing the subject line, from name, from email, and more.

Edit email notifications

Lastly, you can also change the Confirmation settings in WPForms. This is the message that people will see when they submit a form.

You can show a message, show a landing page, or direct users to another URL.

Change confirmation settings

For more details, check out our guide on how to send confirmation emails after WordPress form submission.

Optionally, you can also click on the Marketing tab on the left to connect your form to different marketing services, such as your email service provider.

WPForms Marketing tab

You can even integrate your form with meeting or webinar software such as Zoom, or create other automated workflows to save time.

Once you’re done with the settings, don’t forget to click the ‘Save’ button at the top and exit the form builder.

Next, you can add your form to any WordPress post or page.

To start, simply edit or add a new page or post. When you’re in the WordPress content editor, click the ‘+’ button and add the ‘WPForms’ block.

Add WPForms block

After that, you’ll see a dropdown menu in the WPForms block.

Here you can select your conference registration form.

Choose your form

Now, publish or update your page.

Then you can visit your website to see the paperless conference registration form in action.

Conference registration form preview

We hope this article helped you learn what is a paperless business form and how to make it. You may also want to see our guide on how much it costs to build a WordPress website, or our expert pick of the best HR payroll software for small business.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post What is a Paperless Business Form? (+ How to Make One) first appeared on WPBeginner.

How To Add Google reCAPTCHA v3 In PHP Contact Form

Google has introduced another and upgraded form of recaptcha called Google reCAPTCHA v3. It gives greater protection from the spam bot or maltreatment in your web structures or web forms. Google reCAPTCHA v3 API works on the premise of spam score which implies that the reCAPTCHA v3 API restores the spam score of each input given by the client action.

Benefits of Google reCAPTCHA v3

This reCAPTCHA v3 is exceptionally simple to utilize as compared to Google reCAPTCHA v2 on the grounds that the client doesn't have to click on the checkbox which is in the Google reCAPTCHA v2. It just ascertains the spam score dependent on the information and client's movement and chooses whether it is a spam action or not.

10 Best WordPress Contact Form Plugins Compared

There is absolutely no doubt that contact forms are a vital aspect of any online business. They have quickly become the norm and in a highly competitive online environment, it is a priceless asset to have. This is because providing an easy method for customers to voice their opinions, suggestions, concerns and anything else related Read More →

The post 10 Best WordPress Contact Form Plugins Compared appeared first on WPArena.

WPForms Giveaway: The best we can do for you This Black Friday (3 Licenses)

A few months ago, I reviewed WordPress contact Form plugin “WPForms” and I urged my users to go for it. Today we’re excited to announce a WPForms Giveaway! We want to take WordPress to the next level through valuable resources, like WPForms. And now you have the chance to win 1 of 3 Yearly Subscriptions. Read More →

The post WPForms Giveaway: The best we can do for you This Black Friday (3 Licenses) appeared first on WPArena.