Unlocking Effective Website Design Feedback in WordPress: Your Ultimate Guide

At CanadaCreate, we have revamped our WordPress website several times, and each redesign has been significantly influenced by user feedback.

However, obtaining valuable feedback is not as straightforward as simply adding a form to your website. We have discovered that most visitors will not share their opinions unless you pose the right questions in an effective manner.

In this comprehensive guide, we will explain how to gather website design feedback in WordPress. We will outline the steps that have enabled us to gain valuable insights from our visitors!

Why Is It Important to Request Website Design Feedback?

While seeking design advice from experts is beneficial, obtaining feedback from your users is crucial. They are the ones who interact with your website daily, and if you run an online business, they are likely your customers as well.

By collecting website design feedback, you can tailor your WordPress site to meet the specific needs of your visitors instead of relying on guesswork. Their insights can help pinpoint issues, enhance navigation, and improve the overall user experience.

By paying attention to your users, you can redesign your WordPress website in a manner that resonates with your audience, encouraging them to return and convert.

There are several effective methods to gather feedback on your website design. Some individuals prefer to include a feedback form at the end of their blog posts, while others opt to request feedback through email.

Our research indicates that the most effective way to collect website design feedback in WordPress is by implementing a survey widget that appears in the corner of your webpage. This allows users to share their thoughts without disrupting their browsing experience.

This article will guide you through the process of creating a website design feedback survey using the survey widget approach. We have simplified the steps for you, and you can navigate to any section quickly using the links provided below:

Step 1: Install and Activate the UserFeedback Plugin

Begin by installing the UserFeedback plugin, a dedicated platform for collecting feedback on WordPress websites.

Thanks to its intuitive form builder, you can quickly set up a survey widget. The smart targeting feature allows you to deploy a survey form that feels seamless and non-intrusive to your website visitors.

At CanadaCreate, we utilized UserFeedback to gain insights into our web design customers’ preferences. It proved to be highly effective, and you can read more about it in our comprehensive UserFeedback review!

After deciding on the version of UserFeedback you wish to use, proceed to install it on your WordPress site. For detailed instructions, refer to our step-by-step guide on installing a WordPress plugin.

If you are using the Pro version, you can now activate your Pro license key.

To do this, navigate to UserFeedback » Settings within your WordPress dashboard. Then, simply copy and paste your key into the ‘License Key’ field and click ‘Verify.’

Next, click the ‘Save Settings’ button located at the bottom of the page.

ℹ️ Important for Pro users: Before proceeding to the next step, make sure to activate some add-ons that will simplify the creation of your feedback form. You can do this by navigating to UserFeedback » Addons.

On this page, you will find five add-ons: Additional Templates, Behavior, Branding, Question Types, and Targeting. We recommend installing and activating all of them, as they will be crucial for the process later. Simply click the ‘Activate’ button for each add-on.

Step 2: Create a New Website Feedback Survey

At this point, you are ready to create your web design feedback form. Navigate to UserFeedback » Surveys.

Here, click the ‘Create New’ button at the top.

You will be taken to the ‘Select a Template’ setup page.

If you are using the Lite version, you can choose either the ‘Website Feedback’ or ‘Website Experience’ template. Both templates come with pre-set questions related to web design and development feedback.

Alternatively, you can select ‘Start From Scratch’ to create a custom feedback form.

For professional users, we recommend utilizing the ‘Website Design Feedback (PRO)’ template, which can be found by scrolling down the page. This template will be used in our tutorial.

Step 3: Incorporate Questions into Your Website Design Feedback Form

In this step, you will add questions to your website design feedback form.

If you choose the ‘Website Design Feedback (PRO)’ template, you will notice that several questions are pre-filled. You can keep or remove these based on your specific objectives.

Let’s take a look at some essential settings for the feedback plugin’s form builder.

Adding, Removing, and Rearranging Questions

To include additional questions, click the ‘Add Question’ button at the bottom and choose a question type.

There are seven available question types:

• Checkboxes
• Radio buttons
• Email capture
• Single text field
• Long answer
• Star rating (available for Pro users)
• Net promoter score (available for Pro users)

To delete a question, click the ‘Delete Question’ button located at the bottom of the question box, as shown in the screenshot above.

Then, confirm by clicking ‘Yes, delete.’

To rearrange the list of questions, click the six-dot icon to the left of the question box.

Simply drag and drop the question as shown below:

We suggest keeping the survey concise, ideally with around 5 questions, but no more than 7. Short surveys are more likely to be completed by users since they require less time.

Adjusting Question Settings and Logic

If you’re using UserFeedback Pro, navigate to the ‘Settings’ tab within the question box to access additional options for configuring your survey questions.

Each type of question comes with its own unique settings, so make sure to review the available options for each one.

For instance, when using Checkboxes or Radio Buttons, you can adjust settings to make the question mandatory, randomize the answer choices, and include a text box for extra comments.

Adjacent to the ‘Settings’ tab is the ‘Logic’ tab. Here, you can activate conditional logic for your questions, allowing you to display or hide a question based on how a user responded to a previous question.

In the example provided, users who rated their website experience below 3 will be prompted with the question, ‘What was the purpose of your website visit today?’

Personalizing the Thank You Message

At the conclusion of the survey, users will receive a thank you message. For Pro users, you have the option to customize this message to suit your preferences.

You can tailor this message to align with your brand’s voice. Just select the ‘Display Message in Widget’ option and modify the text in the provided box.

Alternatively, you can choose the ‘Redirect to a Page’ option. This is advisable if you want to thank your visitors for completing the survey.

You can direct them to a special thank you page on WordPress or WooCommerce, where they can enjoy exclusive discounts or enter a giveaway.

Redirecting users to a dedicated page not only shows your appreciation but also enhances their experience. It helps visitors feel valued for their time and feedback.

Previewing the Survey Widget

To see how the survey widget appears, simply click the ‘Preview’ button located at the top, next to ‘Build.’

Users with the Pro version can also modify the design of the survey popup to ensure it complements your website’s overall design. This is crucial for providing a seamless user experience.

You can customize the:

• Color scheme, switching between light and dark modes
• The background color of the widget
• The color of the text
• The color of the button

To learn how to change colors in WordPress, check out our comprehensive guide on customizing colors for your WordPress website.

For your button, we suggest choosing a color that contrasts effectively with your background. This will help the button stand out, making it easily noticeable to visitors and encouraging them to click and share their feedback.

Utilize WebAIM’s Contrast Checker tool to evaluate how well one color contrasts with another.

Once you are satisfied with your design, simply click the ‘Next Step: Settings’ button located at the bottom.

Step 4: Determine When and Where to Show the Survey

After you have created your survey questions, you will be directed to the Settings step. If you are a Pro user, you can customize the Tracking, Targeting, and Behavior settings for your survey.

Tracking

With this option, you can enable Google Analytics tracking using the MonsterInsights plugin. If you’re new to tracking your WordPress site’s performance with Google Analytics, MonsterInsights is the simplest tool to get started.

We use MonsterInsights on our website for conversion tracking, and it has been very effective. Check out our detailed MonsterInsights review to discover everything you need to know about it.

For detailed instructions on setting up Google Analytics, please refer to our comprehensive beginner’s guide on installing Google Analytics in WordPress.

Target Audience

This setting allows you to determine the locations where the survey widget will be displayed, depending on various devices and specific web pages.

For the ‘Device Type’ option, we recommend selecting Desktop, Tablet, and Mobile. Since users access the web through different devices, collecting feedback from all types will provide insights to enhance your design for every user.

Explore our guide on creating a mobile-friendly WordPress site for valuable tips and techniques to ensure your website looks great on smartphones.

In the ‘Pages’ section, you can specify whether the survey widget should be shown on all pages or only on selected ones.

We suggest placing the widget on important pages such as your homepage, product or service pages, and the contact page. These are critical areas where visitors often form their impressions of your site.

Gathering feedback from these key pages can yield valuable insights into user experience and guide you in making essential enhancements.

User Engagement

This setting allows you to control when the survey will be displayed on your website and for what duration.

In the ‘Display Timing’ section, you can choose for the survey to appear:

• Immediately
• After a brief delay
• When a user is about to leave the page on a desktop computer
• When a user scrolls halfway down the page

To gather valuable website design feedback, it’s best to display the survey after visitors have spent some time exploring your WordPress site and have formed an initial impression.

You can select either ‘After a delay of _ seconds’ or ‘When a user scrolls halfway down the page’ for the survey trigger.

Opting for ‘When a user is about to leave the page on Desktop’ is also a smart choice. UserFeedback can detect when a user intends to exit or switch to a different tab.

Since the survey appears as users are about to leave the site, they may provide more honest and thoughtful feedback about their experience.

In the ‘Display Length’ section, you can choose how often the survey is shown. The options include:

• ‘Always, until the UserFeedback survey is completed’
• ‘Only one time’
• ‘Always’ (even if the survey has been completed)

To avoid overwhelming and frustrating your visitors, it’s advisable to select either the first or second option to minimize annoyance.

For more insights, check out our comprehensive guide on the future of popup marketing.

The following section is titled ‘Survey Duration.’ Here, you can determine how long the survey widget will be active. You can choose to run it ‘Indefinitely’ or for a specific time period.

It is advisable to conduct the survey for a limited duration, such as one week or one month. This approach prevents visitors from encountering the feedback survey too frequently and ensures you don’t receive excessive feedback when you already have sufficient data.

However, consider launching surveys during particular seasons or events when you anticipate increased traffic. This strategy will help you gather feedback from a diverse range of visitors, providing various perspectives and experiences.

At the bottom of the Settings page, you’ll find a toggle for the ‘Start Survey Minimized’ option. Activating this feature makes the survey widget less obtrusive, although it might also be less visible.

When this option is enabled, the survey popup will not automatically display the first question. Instead, it will appear as a minimized button that users can click to open and participate at their own convenience.

After configuring all the settings, click the ‘Next Step: Notifications’ button located at the bottom.

Step 5: Configure Email Notifications

The next step is to set up your email notifications. It’s your choice whether to enable this feature. If you anticipate receiving a lot of feedback, your email inbox might become cluttered.

It’s advisable to receive email notifications for feedback that is urgent or needs immediate attention. For example, if a user rates your website experience as 1 out of 5 stars, it’s important to investigate and resolve the issue promptly.

In this case, you can activate the ‘Send Email’ option in the Workflow section.

Next, enter your email address in the ‘Email all new Responses to the specified email addresses’ field.

You can add multiple email addresses in this field, which is useful if you collaborate with several team members. Just remember to separate each address with a comma and avoid adding spaces.

Then, check the ‘Enable Conditional Logic’ box. Under ‘Send Email if’, you can define the conditions for when email notifications should be triggered.

In the example above, we instructed UserFeedback to send an email notification if the user rated the website experience below 3 out of 5 stars.

Once you’re done, simply click the ‘Next Step: Publish’ button.

Step 6: Save Your Survey as a Draft or Publish It

The final step is to either save the survey as a draft or publish it.

At the top of the page, you will see a summary of your website feedback survey along with the settings you have configured.

As you scroll down, you will find the ‘Publish’ section. Here, you can set the ‘Survey Status’ to either ‘Draft’ or ‘Publish’ based on your preferences. If you wish to continue editing the survey later, select ‘Draft.’

If you want the survey to go live on your website immediately, choose ‘Publish.’ Pro users can also enable the ‘Schedule for Later’ option and select the date for the survey launch.

Finally, click ‘Save and Publish’ or ‘Save and Schedule.’

Congratulations! You have successfully created a website design feedback survey!

Visit your website to view the appearance of the widget.

As a Pro user, if you wish to customize the widget’s look, navigate toUserFeedback » Settingsin your WordPress dashboard. Then, select the ‘Widget’ tab.

In this section, you can modify design elements of the widget, including the icon, font, placement, and theme color.

To access your feedback responses, go toUserFeedback » Results.

The report provides details such as total responses and impressions, giving you insight into how many users have completed the form.

Bonus Tip 1: Enhance Website Feedback with UserFeedback’s Heatmaps

While gathering website feedback is important, understanding user interactions on your site can yield even more valuable insights.

This is where UserFeedback’s advanced heatmap feature becomes essential. It reveals how visitors engage with your pages by tracking clicks, scroll depth, and which content areas attract the most attention.

Setting up heatmaps is straightforward and only takes a few clicks in your WordPress dashboard, allowing you to start monitoring visitor behavior right away.

Combining website feedback with heatmap data enables you to make better-informed decisions regarding your website design.

For instance, if your heatmap indicates that users are not scrolling beyond a certain point on your homepage, consider creating a survey to ask visitors what content they are seeking or what might be hindering their exploration.

To discover more, check out our comprehensive guide on the top heatmap and session recording tools available for WordPress.

Bonus Tip 2: Crafting Effective Questions for Your Website Design Feedback Form

Now that you understand how to utilize UserFeedback as a tool for website design feedback, let’s explore the key factors to consider when formulating your feedback questions.

• Incorporate a variety of question types.You might want to include multiple-choice questions for straightforward analysis, such as, “On a scale from 1 to 5, how would you rate our website design?”
• Include open-ended questions to gather more in-depth feedback.For example, you could ask, “What specific challenges did you encounter while navigating our website?” Aim to uncover the readers’ pain points with open-ended questions to identify areas that require improvement.
• Consider inquiring whether users have recently visited competitor websites.This can yield valuable insights for enhancing your own design. For example, you might ask, ‘Have you checked out any similar websites in the last month? If so, what features did you appreciate?’
• Request positive feedback and testimonials from users.For instance, you could ask, ‘What feature or aspect of our website did you find most beneficial?’ This question can help identify the successful elements of your web design that you should continue to emphasize.

Lastly, be sure to request the user’s email address. This allows you to reach out for any follow-up questions.

Bonus Tip 3: I’ve Gathered Website Design Feedback, What’s Next?

With your feedback collected, you can begin making improvements to your website. If you’re unsure where to begin, our guide on redesigning a WordPress website can provide assistance.

Additionally, here are some suggestions on how to optimize your website:

• Consider changing your WordPress theme appropriately.If users find your current design outdated or challenging to navigate, it may be time to switch to a new theme.
• Continue learninghow to edit in WordPress.WordPress is continuously evolving, making it essential to keep up with the latest features and website editing plugins.
• Explore the use of an AI website builder.If you’re new to website design and feedback indicates that your layout requires significant changes, consider utilizing an AI website builder. These tools can assist you in quickly creating a professional-looking site.
• Incorporate a captivating hero image.One common practice in our redesign projects is to include an eye-catching hero image on the homepage. This can instantly attract visitors’ attention and effectively communicate your brand’s message.
• Enhance your site’s mobile responsiveness.If users are experiencing numerous issues on mobile devices, it’s time to undertake a comprehensive redesign of your mobile website.
• Think about updating your color palette.If feedback indicates that your current color scheme is unappealing or inconsistent with your brand identity, consider refreshing your color palette.

We hope this article has provided valuable insights on obtaining website design feedback in WordPress. You may also want to check out our guide comparing website builders and manual coding, as well as our collection of outstanding WordPress website examples.

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