How to Add USER-DRIVEN Testimonials to Your Website With Just a Few Clicks
Вставка
- Опубліковано 13 лип 2024
- Sometimes I teach really technical, step-by-step stuff. In this case, though, there's no reason to work harder than necessary. This is a situation where it's nice to lean on YOUR STACK.
After all, the stack is the stack for a reason!
So, this video is a little bit of a flex because it shows how to accomplish something relatively technical with just some mouse clicks, thanks to tools like Automatic.css, Frames, Bricks, and WS Form.
In fact, the relationship these tools have with each other is chef's kiss, if I do say so myself.
Here's what it includes:
- Create a testimonials CPT
- Create a testimonials archive template
- Create custom fields for the testimonial
- Create a sample testimonial
- Replace the static content with dynamic data and loop the testimonial card
- Add support for dynamic star ratings
- Add a front-end testimonial submission form so users can add new testimonials (with or without moderation).
** THE STACK FROM THIS VIDEO **
🔥 AutomaticCSS (ACSS) - automaticcss.com
🔥 Frames - getframes.io
🔥 Bricks - geni.us/pIV4oUF
🔥 WS Form Pro - geni.us/1sRNnyX
See all my recommended tools here: geary.co/tools/
** INNER CIRCLE **
Step your design/dev game up, make more money, and get the full scoop on scaling your digital agency! When it comes to the Inner Circle, I don't hold back.
⭕ In-depth design & dev trainings
⭕ Business, sales, & marketing trainings
⭕ Agency resources & downloadables
⭕ Vibrant, quality community with zero toxicity
⭕ ...and much more!
Learn more and join here: geary.co/inner-circle/
** SOCIAL **
👉 FB - / marketingkev
👉 LinkedIn - / kevingeary
** CHAPTERS **
It's really starting to feel like we're just cheating at this point.
A bit. Love this video. I also love figuring out the nuts and bolts "under the hood" of what I'm doing, so I'd be reluctant to "just use" the tools you have in the stack here, because there are parts that I don't understand. For instance, I'd love to know how to build that star rating for the front-end from scratch.
@@mr.matt.eastwood I showed how to do the star rating in a video back in the Oxygen days, like 2 years ago. You can find it by searching "star rating" on the channel. I might remake it, though, showing CSS vs JS approach.
@@Gearyco Nice, thanks!
There are too many plugins just to build a site. We can easily build a site with just Bricks, ACF Pro, and WS Form. Why waste clients' money on too many plugins? You're a great teacher, and I really love your content. Sure, you've made a great tool, but now it feels like you're only creating content to promote your tools. Back in the day, you created long tutorials explaining every code step-by-step. That was a great learning experience for all of us. Now, it feels like every video is just a promotion for ACSS and Frames.
Every video? The last three before this one were exactly the long detailed videos you just said I don’t make anymore.
Come on man, don’t be a complainer. And definitely don’t bitch about money or tools on my channel. This shit is dirt cheap and insanely valuable. That’s loser mentality.
I have to laugh on the slow down part - I usually watch these at half speed as I work on the other browser - which sounds like lessons from a drunk Kevin haha
And voila. The WSForm styling example i was looking for. Ya styling WSForm with ACSS is slick
Youre doing it again. Anticipating what i want to know and publishing videos on it. Very timely
Great Video Kevin! I learned a lot. Keep up the great work!!!!
A very useful tutorial, thank you Kevin 😉
Once again, thank you for this. It is always amazing to see how poorly I use the tools I have at my disposal.
Is the atom rating module detectable by Google's crawlers? I'm referring to schema microdata. Great work as always!!
Not at the moment, but it's probably very easy to add. We can look into it.
Good video!
This is great Kev! It would be amazing if you can do another tutorial but explaining how to create USER-DRIVEN CUSTOM BLOG POST DASHBOARD. Great tuts of yours!
Great tutorial video. I keep learning more and more about what ACSS & Frames can do -- I'm loving every new thing I learn. Very nice demonstration/explanation how WSForms can make life easier with forms management. More amazing is how fast you can create this type of content with the stack. It doesn't get much easier than that.
Would be interesting to see you do a forms comparison video once. I know you swear by wsforms, but still wouldn't mind seeing an in depth comparison telling why you don't like certain parts of certain form plugins for example.
Is there another forms plugin that does what I showed in the video? We could just start there.
@@Gearyco Fluent Forms, Gravity Forms, Formidable Forms, WPforms and ARforms to name a few all allow user generated content (create a post).
I haven't used all of them, but a few of them and I really enjoy them also. Besides wsforms.
@Gearyco have bought WSforms Pro now also, definitely some very nice and unique features especially on the webhook side of things. Can do some crazy stuff :) But I definitely miss a view things from Formidable Forms. I still think it would be great content to do form comparision video one time :)
Very very cool! Can you explain how the star rating is built? I see that it's powered by a data attribute, but how are the number of icons altered based on the data attribute's value? It would be cool to see how that particular piece of the testimonial card was built. Thank you for everything Kevin!
ua-cam.com/video/N6G5BCdr_Ho/v-deo.htmlsi=lX00dRppVWjPlO6f
@@Gearyco Thank you! I either completely missed that tutorial, or I just don't remember watching it at all 😅
The hardest part would be allowing users to log in and edit/delete their testimonials. Pretty difficult with WS form. A video would be amazing :)
That feels over-engineered. I don't see a reason for letting people do that and it would be chaos to moderate.
@@Gearyco yes true, for this scenario would be too much. I was talking in general, maybe for a listing website, for showing ws form user generated content capabilities
@@fabiamc you could do this easily with Formidable Forms. Also with hooks for allowing only one edit or only certain fields or only first 24 hours for example.
I use it for submissions of repairs. First hour they can do an update if needed on example shipment address.. But same could be done for a listing page or something similar.
@@Xboxers checked the docs an it seems pretty easy to do, thanks for sharing!
@@fabiamc Yeah it's a walk in the park really.
"You can't go zero stars on us !" 😂
Fantastic tutorial as usual. As an extra step, is there anyway to make the review slider in the form in the shape of stars to give the user more context on what they are submitting?
Yes, WS Form has a star rating component. Unfortunately it doesn't allow for half-star measurements, which is why I just used a slider.
The star rating “Atom” is brilliant! Excellent workflow. What would you say is the drawback to using the archive over a page to output the dynamic data?
The biggest drawback is that other people who try to manage the site won't know where to find how that page is generated. This is a problem with WP's architecture and how it spreads out templating from actual pages, etc.
@@Gearyco In your workflow are you just creating a page and querying that dynamic data from the CTP instead of using the archive?
@@PswACC I often create a page instead of using the archive, yes.
With this I'm our back pocket no one can touch us 💨
Absolutely wonderful and enlightening. Are there any other forms that can be used for this? Or is there another method that can be deployed to achieve the same result? The top end WSForm price is a bit restrictive for me (let me personalise it).
There are other ways to do it, for sure, but it's gonna be much more of a hassle. It's been a very long time since I've done it any other way, so I'm not sure off the top of my head.
If you care less by ease of use and don't care to put more of effort in styling. You could go a route with a Google Form and Zapier or Make.
But wouldn't recommend if you do forms regularly
Or buy the personal WSform + the post management add-on. You would have it for less then $100
@dahunsi Meta Box can also create and manage front end submission 😉
@@eucalyptech from what I remember those a quite limited though, right?
Nice vid Kevin! Is there still SEO benefits to having reviews from trusted sites on your site? I’ve done things similar to your method above for a while and even our own site, but I always worry given how easy fake reviews are that Google doesn’t value them as much?
It’s very low on the list of what ranks a page.
@@Gearyco I guess it’s more about the customer seeing the reviews are legit/trusted in that sense. I can’t believe Google wouldn’t rank its own reviews higher though even if they say they don’t.
A question Mr. Kevin please. The post for testimonials have a URL but i dont want a page for each individual testimonial. I can no-index it, but how can I make sure it does not have a page created when I create a testimonial. Thank you please.
You can control if a custom post type has a URL or not in the ACF settings. Search ACF documentation. You may need to adjust WS Form action to match that as well.
Good question.
Very easy to turn off the URL in ACF.
@@Gearyco Okay, I will try searching documentation again. I could not find it before.
@@NicholasLowell-it6xr Just go in your ACF Post type in Advanced Settings, in the URLs tab, switch off the Publicly Queryable toggle and voilà !
Hey Kevin! 😊 With this stack, do you know if it's possible to receive an email each time there's a new post/testimonial to review?
Yes sure is
How is SPAM handled? Pending is nice but you do not want 4840 pending testimonials from a bot for example. Maybe password protect it?
WSForm uses turnstile.
You can also limit submissions per IP I believe. Or redirect based on a local storage value so they can’t access the form again.
mmm, all very nice but using so many paid subscription tools just to implement user testimonials? For those who use those tools intensively, it is fine.
"...just to implement user testimonials..."
Surely you can see that this is an extremely illogical comment. Do you think I use these tools just to implement user testimonials? Or do you think I use them to build the entirety of EVERY project, generating 7 figures in revenue a year?
Do I have to show an entire website build in EVERY video I publish just so people don't think these tools are just for that one little thing I showed in that one little video? Come on...
@@Gearyco hahaha, Kevin, you are right, it was a light, unnecessary and unconstructive comment, I admit, and a little ungrateful too, since the way you share your knowledge is very valuable to many people, including me. I apologize, you do a great job.
As soon as I saw Bricks, I stopped watching. I will not pay to rent software.
You’re in the wrong business then.
🤨 First, Bricks has an LTD option. Secondly, it's not "renting software". It's paying for ongoing updates and customer service. Clearly you don't understand how this works....
@@eightysevenweb It's renting, whatever way you put it. Suppose I just want something that I can buy outright, like Affinity Photo. I can still get updates for that version, until they bring out a more advanced version, later down the line. Everything that Bricks can do, can be done in CSS for free.
it seems Mark Szymanski was your representative in speed build challenge yesterday