Okay, so today I wanted to set up a little something special for my website. I figured it’d be nice to have a custom “thank you” message pop up whenever someone fills out my contact form. You know, just a little personal touch instead of the usual boring confirmation.
First, I poked around in the settings of my form plugin. I use this super simple one, nothing fancy. I was hoping there’d be a built-in option for this, but no luck. Just the basic stuff.
So, plan B! I decided to use a bit of JavaScript to make this happen. I’m no coding wizard, but I know enough to get by. I started by giving my form’s submit button a unique ID. I just called it “submit-button” – keeping it simple, you know?
Then, I added a hidden paragraph element right below my form. This is where my “thank you” message will live. I gave it an ID too: “thank-you-message”.
Here’s a bit the code
I wrote a tiny JavaScript function. Basically, it does this:
- It waits for someone to click that “submit-button”.
- When that happens, it makes the “thank-you-message” element visible.
- That’s pretty much it,It is simple code.
I added this script to the bottom of my page, just before the closing <body> tag. That’s usually a good spot for scripts.
I typed in a nice little “thank you” message in that hidden paragraph element. Something like, “Thanks for reaching out! I’ll get back to you soon.” Just something friendly and, hopefully, makes people feel appreciated.
After saving everything, I tested it out. Filled out my own form, clicked submit, and… boom! There it was, my custom “thank you” message. It worked!
It’s a small thing, but I think it adds a bit of personality to the site. And it was actually pretty easy to set up, even for someone like me who’s not a coding expert. Stoked about how it turned out!
