If you’ve ever scrolled to the bottom of an article and seen “Was this helpful? Yes or No”, you already know how powerful that tiny feature is.

It looks simple.But it tells you exactly what content is working — and what isn’t.

At Wix Ideas, we build high-performing websites using Wix and Wix Studio, and in this tutorial, we’re showing you how to build this exact feedback system directly inside your Wix Blog — no external tools, no third-party apps, just clean reusable code.

👉 This implementation was built and tested on Wix Classic (Wix Editor) using Velo by Wix, and you can implement the exact same logic inside Wix Studio by recreating the UI section and connecting the code.

If you want more powerful Wix tutorials like this, explore all our step-by-step guides here:🔗 https://www.wixideas.com/tutorials

What You’ll Build

By the end of this tutorial, your Wix blog posts will:

• Allow users to vote Helpful or Not Helpful

• Automatically store votes in a CMS collection

• Update totals in real time

• Remember user votes using session storage

• Show instant visual feedback with a toast message

• Work on blogs, help docs, knowledge bases, or any page

This is the kind of smart UX improvement we focus on at Wix Ideas — simple features that dramatically improve engagement.

Step 1: Add Wix Blog to Your Website

If you don’t already have a blog:

1. Go to App Market

2. Search for Wix Blog

3. Install and publish

Once installed:

• Go to Blog Pages

• Open the Post Page

• Scroll to the bottom

• Add a new section

This is where we’ll build the feedback system.

At Wix Ideas, we recommend placing it right below your blog content for maximum interaction.

Step 2: Build the UI (Yes / No Buttons + Toast Message)

You’ll need:

• A text element: “Was this helpful?”

• A Text + Icon Button (Yes)

• A duplicate button (No)

• A hidden box (Toast confirmation)

Button Setup

For each button:

• White background

• 1px light gray border

• Rounded corners (30px works great)

• Hover effect with soft opacity

• Icon on the left, text on the right

Use:

• Smile icon for Yes

• Frown icon for No

At Wix Ideas, we always recommend keeping the design subtle and modern so it feels native to the blog experience.

Step 3: Create the CMS Collection

Go to:

CMS → Create Collection → From Scratch

Collection ID:

blogFeedback

Fields:

Then go to:

Permissions & Privacy → Advanced

Allow:

• Anyone can view

• Anyone can add

• Anyone can update

• Anyone can delete

This allows anonymous visitors to vote.

This exact CMS structure is how we build scalable systems at Wix Ideas for real client projects.

Step 4: Enable Velo & Add the Code

Turn on Dev Mode (Velo).

Add the feedback system code to your blog post page.

What the code does:

• Detects current blog post ID

• Checks CMS for existing record

• Creates one if it doesn’t exist

• Stores vote in session storage

• Updates vote count

• Shows toast confirmation

• Handles vote switching (subtracts previous vote automatically)

This is clean database logic — exactly how we build advanced functionality inside Wix at Wix Ideas.

Session vs Local Storage (Important)

By default, this system uses Session Storage, meaning:

• Vote stays active during the session

• If user closes browser, vote resets

If you want votes to persist longer:

Change session to local in your code.

Local storage:

• Never expires

• Survives page refresh and browser close

• Stores up to 50KB

At Wix Ideas, we typically use session storage for blog feedback to avoid inflated engagement numbers.

How Vote Switching Works

If a user:

• Clicks Helpful

• Then changes to Not Helpful

The system:

• Subtracts 1 from Helpful

• Adds 1 to Not Helpful

• Updates CMS instantly

• Updates UI immediately

No duplicate votes.No guesswork.Just clean logic.

Why This Feature Matters for SEO

Adding a “Was This Helpful?” system:

• Improves engagement signals

• Encourages micro-interactions

• Helps identify weak content

• Improves dwell time

• Gives you actionable data

Google loves engagement.

And at Wix Ideas, we focus on practical SEO improvements that move the needle.

Works on Wix Studio Too

Even though this tutorial was built on Wix Classic using Velo, you can:

• Recreate the UI in Wix Studio

• Use the same CMS logic

• Connect the same Velo code

Wix Studio handles this beautifully.

At Wix Ideas, we build advanced custom websites on both Wix and Wix Studio — so this system fits into either workflow.

Want to Go Further?

If you’re serious about building smarter Wix websites:

📚 Learn More Tutorials

Explore all step-by-step Wix and Wix Studio tutorials here:👉 https://www.wixideas.com/tutorials

🛍 Shop Premium Wix & Wix Studio Templates

Professionally built templates designed by Wix Ideas:👉 https://www.wixideas.com/shop

🚀 Need a Custom Website?

Get a quote for a new website or improve your existing one:👉 https://www.wixideas.com/quote

Final Thoughts

That tiny “Was This Helpful?” button?

It’s not tiny.

It’s a data machine.

It tells you what works.It helps you improve content.It increases engagement.And it’s 100% buildable inside Wix.

This is exactly the kind of practical, powerful feature we love building at Wix Ideas.

If this helped you, explore more advanced Wix tutorials at👉 https://www.wixideas.com/tutorials

And if you want your Wix website to perform at a higher level, Wix Ideas is here to help you build it right.