Thursday, August 27, 2020

How to Create a Questionnaire in WordPress (Easy Way)

Do you want to create a questionnaire in WordPress to survey your visitors or collect data?

Getting feedback on your products or simply learning more about your users can help your business to succeed.

In this article, we will show you how to easily create a questionnaire in WordPress, step by step.

The easy way to create a questionnaire in WordPress

Why Create a Questionnaire in WordPress?

Creating a questionnaire is a great way to learn more about your audience. This lets you tailor your content to their needs. You can also use the results to create or modify the products / services that will be most helpful to your audience.

There are several survey tools that you can use outside your website, but having your questionnaire on your website itself means you have full control over how it’s displayed. Plus, it’s more familiar and reassuring for your audience.

That being said, let’s take a look at how to easily add a questionnaire to your WordPress site.

Creating a Questionnaire Form in WordPress

For this tutorial, we’ll be using WPForms to create a questionnaire.

WPForms is the best forms plugin for WordPress and allows you to easily create any kind of forms using a simple drag and drop form builder.

First, you need to install and activate the WPForms plugin on your WordPress site. For more details, see our step by step guide on how to install a WordPress plugin.

Note: You’ll need the Pro version of the plugin to get the features that we will use in this tutorial.

Upon activation, you need to visit the WPForms » Settings page in your WordPress admin area to enter your license key. You’ll find the license key under your account on the WPForms website.

Entering your license key for WPForms

Now, it’s time to move on and create your questionnaire.

Creating a Questionnaire Using WPForms’ Survey and Polls Feature

WPForms’ powerful surveys and polls addon lets you create questionnaires easily. It also produces beautiful visual graphs of the results.

First, visit the WPForms » Addons page to install the Survey and Polls addon. Use the search bar to find it, then click the Install Addon button.

Installing the Survey and Polls addon for WPForms

Next, go to WPForms » Add New to create a new form. First, type in a name for your form at the top of the screen:

Naming your questionnaire in WPForms

There are 4 different pre-built survey form templates to choose from. These are the Poll Form, the Survey Form, the NPS Survey Simple Form, and the NPS Survey Enhanced Form.

We are going to use the Survey Form for our questionnaire.

Select the Survey form template in WPForms

After you select the template, it will open up in the WPForms editor.

The Survey template in the WPForms editor

We recommend that you edit the questions to make them appropriate for your audience and needs. We are going to use the form to gather customer feedback on products and delivery.

To edit any field, simply click on it. The editing view will then open up on the left-hand side of your screen. Here, we are editing the Name field at the top. We changed the format to ‘Simple’ using the dropdown.

We also made it optional by unchecking the ‘Required’ box.

Editing the Name field in our WPForms questionnaire

The ‘How can we improve?’ box only appears if the user rates their experience as 1 star or 2 stars.

We’re going to add a new feedback box that will appear if the user rates their experience as 3 or 4 stars. To do this, simply bring your mouse cursor over the ‘How can we improve?’ box then click the Copy button:

Clicking the button to copy a field in WPForms

Next, WPForms will check that you want to duplicate the field. Go ahead and click the ‘OK’ button to continue:

Click the OK button to go ahead and duplicate the field

Now, you can edit your new field on the left-hand side of the screen. We have changed the label, which appears above the box. We also changed the description, which appears below the box:

Editing the new feedback box that you've created in WPForms

You also need to set the conditional logic for this field. To do that, click the Conditionals tab. Then, set the numbers to 3 and 4 instead of 1 and 2:

Opening up and editing the conditional logic for the field in WPForms

Finally, we are going to edit the ‘How satisfied are you with’ Likert scale. A Likert rating scale is a 5 or 7 point scale that is often used to measure satisfaction or attitudes.

Again, simply click on the field to edit it. Then, change the labels of the rows or columns to the text you want to use.

We are going to change the labels of the rows to make them more specific:

Editing the options on the Likert satisfaction scale

Go ahead and make as many changes to the form as you like. Don’t forget to click the ‘Save’ button at the top of the screen:

Save the customer feedback form after editing

Setting Up Notifications for Your Questionnaire

WPForms will send each completed questionnaire to the business email address that’s set in your website settings. It’s easy to change this by going to Settings » Notifications.

Simply delete the {admin_email} in the ‘Send To Email Address’ box and enter the email address you want to use instead:

Changing the email address that the questionnaire is sent to

Tip: Not sure what your WordPress administration email is? Go to Settings » General and check what is listed in the ‘Administration Email Address’ box.

Don’t forget to save your questionnaire after making any changes.

Adding Your Questionnaire to Your Website

You can add your questionnaire to any post or page on your website. You can even add it to your sidebar.

To add your form to a page, edit your page or go to Pages » Add New to create a new one. Then, click the + button to add a new block. Select the ‘WPForms’ block:

Add a WPForms block to your page in WordPress

Next, simply click on the dropdown and select your questionnaire form.

Select your questionnaire from the dropdown list

Now, simply preview or publish your post to see the form live on your WordPress website:

Your finished questionnaire live on the website

Creating a Questionnaire Using Conversational Forms

You can also use WPForms’ conversational forms feature.

A conversational form is an interactive form that flows like a conversation. Users answer a question and it automatically shows them the next one.

It makes longer forms like a questionnaire easier to fill out and reduces form abandonment.

Conversational forms example

First, you need to go to WPForms » Addons in your WordPress admin. Then, search for and install the Conversational Forms addon:

Installing the conversational forms addon in WPForms

After that, go to WPForms » Add New and create a new form using the instructions in the previous method.

If you already created your form, then simply go to WPForms » All Forms page and click on it to edit it:

Editing your questionnaire form in WPForms

Now, we are going to convert your form into a conversational form. First, go to the Settings » Conversational Forms tab. Then, simply check the ‘Enable Conversational Form Mode’ box.

Enabling conversational form mode for your questionnaire form

You will then see a number of extra options to fill in. Conversational forms can’t be embedded in a post or page, so you need to give your form a title here. You can also write any text that you want to display above the form:

Entering a title and message for your conversational form

WPForms will automatically create a URL for your conversational form based on the form’s name. If you want to change this, simply type in a different URL here.

Optionally, you can also upload a header image, choose a color scheme, and change the Progress Bar style.

Editing the other options for your conversational form

Once you are happy with your form’s settings, don’t forget to click the ‘Save’ button at the top of the screen:

Make sure you save your conversational form before moving on

Now, click the ‘View’ button next to the permalink for your form to see it live on your site:

Click the button to view your conversational form live on your site

The customer simply clicks the Start button to begin the form.

The conversational questionnaire - user clicks the Start button to begin

They can then enter their responses one question at a time. The questions that aren’t active will be faded out until the customer moves to them.

The questions displaying on the conversational questionnaire

The sticky progress bar at the bottom of the screen will show how far through the form the customer is:

WPForms will show the user how far through the questionnaire they are, using the progress bar

That’s it. You’ve successfully created your conversational questionnaire.

Viewing the Results from Your Questionnaire

Whether you created a regular survey or a conversational form, the process for viewing the results is the same.

Each questionnaire response will be emailed to the email address you set up under Settings » Notifications.

WPForms also stores all your survey results in your WordPress database. To view them, go to WPForms » Entries in your WordPress dashboard. Then, click on the name of your survey form:

Click on the name of your form to view the questionnaire results

You will then see some of the answers from your questionnaire. Simply click the ‘View Survey Results’ button to view all the questionnaire results.

Click the View Survey Results button to see all the graphs and charts from your questionnaire results

WPForms will automatically create graphs and charts to make it easy to interpret the results:

Two of the charts that WPForms has automatically created from the questionnaire results

It’s easy to export any of the graphs as a PDF or JPG. You can even print them to share with others in your organization. Just click the ‘Export’ link next to any item and choose from the dropdown menu:

Exporting a chart from the questionnaire using the Export dropdown for that question

You can also download all your results as a CSV file. Just click the ‘Export All (CSV)’ button near the top of the page to download all the results:

Exporting all answers from the questionnaire as a CSV file

If you want to view the questionnaire answers from individual customers, then click the ‘Back to All Entries’ button at the top of the screen:

Going back to view all the entries for the WPForms questionnaire

Next, scroll down to the table at the bottom of the screen. Click the ‘View’ button for the entry you want to see:

Viewing individual answers to the questionnaire

You will now see all the answers submitted by that person.

Viewing the details of one submitted survey response

We hope this article helped you learn how to create a questionnaire in WordPress. You might also enjoy our articles on the best email marketing services and how to start an online store.

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 a Questionnaire in WordPress (Easy Way) appeared first on WPBeginner.


August 27, 2020 at 04:30PM

Wednesday, August 26, 2020

How to Add Featured Posts in WordPress Sidebar

Do you want to add a featured posts section in the sidebar of your WordPress website?

Displaying your top content as featured posts in the sidebar can help you drive more traffic to your pillar articles.

In this article, we’ll show you how to easily display featured posts in WordPress sidebar using multiple methods.

Easily feature posts in WordPress sidebar

Why Add Featured Posts in WordPress Sidebar?

Sidebars are the non-content area of your website. Most users utilize this space by adding a email newsletter form, social media buttons, and / or displaying banner ads.

Another way you can utilize the sidebar is by displaying your top articles as featured posts. This helps you get more traffic to those articles, and you users are able to discover your best content without looking for it.

Here is how we feature our top articles on WPBeginner. This sidebar widget appears on all pages of our website.

Featured posts WPBeginner

That being said, let’s take a look at how to add featured posts in WordPress sidebar to boost your pageviews and user engagement.

Method 1. Featuring Posts in WordPress Sidebar

This method is pretty straight forward and does not require you to install any plugin on your website.

Simply go to Appearance » Widgets page and add a Text widget to your WordPress sidebar.

Featuring posts in WordPress sidebar using a text widget

This widget comes with a visual editor equipped with a few formatting buttons at the top. You can simply add titles of the posts you want to feature as a bulleted list or plain text.

After that, select the post title and then click on the link button to add link to the blog post.

Once you are done, don’t forget to click on the ‘Save’ button to store your changes.

You can now visit your website to see your featured posts in action. This is how it looked on our demo site.

Featured posts in WordPress sidebar text widget

Method 2. Feature Posts in WordPress Sidebar using Menus

This method is a little indirect but gives you the ability to manage your featured posts more effectively.

Instead of adding the featured post list in a Text widget, we will create a navigation menu and then display it in the sidebar.

The advantage of this method is that you can easily add new posts without editing the widget, and you can reorganize the list with a drag & drop interface.

First, you need to visit the Appearance » Menus page and click on the ‘create a new menu’ link.

Create a new custom menu in WordPress

Next, you need to enter a name for your menu that helps you easily identify it whenever you need to add it somewhere. After that click on the ‘Create Menu’ button to continue.

Enter your new menu name

WordPress will now create a new blank menu for you.

Now, you need to click on the ‘Posts’ tab from the left column to expand it. From here you need to select the posts you want to feature. You can find them under Recent, All, or use the search option to locate and select them.

Select posts you want to feature

After selecting the posts you want to add, click on the ‘Add to Menu’ button. Your posts will now appear in the right column and you can edit each one of their titles by clicking on it. You can also rearrange them by simply dragging them up or down.

Save your menu

Once you are satisfied, click on the ‘Save Menu’ button to store your changes.

Your menu is now ready to be used.

Adding Featured Posts Menu in Sidebar

Simply go to the Appearance » Widgets page and add the ‘Navigation Menu’ widget to your sidebar.

Add Navigation Menu widget to your sidebar

Next, you need to provide a title for your sidebar menu widget and then select the featured posts menu you created earlier from the dropdown menu.

Don’t forget to click on the Save button to store your widget settings. You can now visit your website to see your featured posts list in action.

Featured posts displayed using navigation menu widget

Method 3. Adding Featured Posts in WordPress Using Gutenberg

A lot of users may want to display their feature posts inside a WordPress post or page. They may be using the page editor to create layouts for their homepage or their theme may not have a sidebar.

This method allows you to feature posts in your WordPress posts and pages.

Simply edit a WordPress post or page where you want to showcase your featured posts. On the post edit screen, click on the add new block button (+) at the top and then add the ‘List’ block to your content area.

Add list block

Simply add the title of each blog post you want to feature as an item on the list. Then select the text and click on the link button in the toolbar to create a link to the article.

Once you are done, you can save your changes and update or publish the post. This is how it looked on our demo website.

Reuse The Feature Posts Block

One great feature of the block editor is that you can save block as ‘Reusable block’ and then add the same block in any posts or pages you want.

To make your feature posts block reusable, simply click on the three-dot menu icon in the block toolbar and select ‘Add to reusable blocks’.

Create reusable block

Next, you’ll be asked to provide a name for your reusable block. Give it a name that helps you easily identify it later.

Name your reusable block

Click on the Save button to save your reusable block.

Now, whenever you are editing a post or page where you want to display the feature posts again. Simply click on the add new block button and look for your reusable block by typing its name.

Adding reusable block

You can also edit reusable blocks and it will automatically get updated everywhere. For more details, see our article on how to add reusable blocks in WordPress.

Method 4. Display Featured Posts in WordPress with Thumbnails

A simple plain list of links may often go by unnoticed by your users. Displaying thumbnails with your featured posts would help users notice them more easily.

To do that, we’ll be using a plugin to fetch and display a list of our featured posts along with thumbnails.

First, you need to install and activate the Display Posts plugin. For more details, see our step by step guide on how to install a WordPress plugin.

This plugin allows you to select and display any WordPress posts you want anywhere on your website. It uses shortcodes and allows you to build a custom query using a variety of parameters.

For instance, we’ll be using it to fetch and display the list of your featured posts along with thumbnail and excerpt.

Head over to Appearance » Widgets page and add a ‘Text’ widget to your sidebar. In the text area of the widget, simply add the following shortcode.

[display-posts id="1,1178,1177,1176,1174,1173,1016,1011," image_size="thumbnail" include_excerpt="true" excerpt_length="10"]

Don’t forget to replace the id values to match the IDs of posts that you want to feature.

Tip: See our article on how to locate the post IDs in WordPress.

Now click on the ‘Save’ button to store your widget settings.

You can now visit your website to see it in action. It may not look good out of the box so let’s add some CSS magic to clean it up a little.

Go to the Appearance » Customize page to launch theme customizer. From here click on the Additional CSS tab and you will see a box where you can add your custom CSS.

Custom CSS box

You can now copy and paste the following CSS to the custom CSS box on your website.

ul.display-posts-listing img { 
max-height:50px;
max-width:50px; 
float:left;
padding-right:4px;
}
ul.display-posts-listing li { 
margin-bottom:20px;
font-size:11px;
display:inline-block; 
}

You’ll see live preview of your changes applied on your WordPress blog. Feel free to modify the CSS to meet your requirements.

Once you are done, don’t forget to click on the Publish button at the top to store your custom CSS.

You can now visit your website to see your featured posts with thumbnail and excerpt.

Featured posts with thumbnail and excerpt

We hope this article helped you learn how to easily feature posts in WordPress sidebar. You may also want to see our guide on the best email marketing services and best WordPress SEO plugins to grow your website traffic.

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 Add Featured Posts in WordPress Sidebar appeared first on WPBeginner.


August 26, 2020 at 05:00PM