How to Make a NO Button Run Away on a Proposal Page (2026)
The button that hops away every time they aim for it - here's how to get one on your proposal page in minutes, no code required.
If you've seen a proposal page where the NO button skitters off the moment someone tries to click it, you've probably wondered the same thing everyone does: how do I make a NO button run away like that? Good news - you don't build it yourself. You don't need to write a single line of code, fight with CSS, or know what "onmousemove" means. You just need the right maker, and the dodging is already done for you.
What the runaway NO button actually is
The runaway NO button is a tiny piece of interactive magic. Your proposal page asks a question - "Will you be my girlfriend?" or "Will you marry me?" - and shows two buttons: YES and NO. The YES button sits there, calm and inviting. The NO button, the instant a cursor or finger drifts toward it, jumps somewhere else on the screen. Sometimes it shrinks. Sometimes the YES button quietly grows. The effect is the same: saying no becomes a hilarious, impossible little game, and saying yes becomes the easiest thing in the world.
It went viral for a reason. If you want the full breakdown of the psychology, we wrote a whole piece on why the runaway NO button works. The short version: it removes the pressure of a yes/no moment and replaces it with a laugh.
Why you shouldn't code it yourself
You absolutely can build a dodging button from scratch. It involves tracking the cursor's position, calculating distance, repainting the button somewhere new, clamping it inside the viewport so it doesn't fly off-screen, and then redoing all of that for touch events on phones. Then you have to host it, give it a real link, and make sure it doesn't look broken on a small screen.
For one romantic moment, that's a lot. The far simpler path is a maker that has the runaway NO button built in. With Bondlyfe, the dodging behaviour, the mobile handling, and the shareable link are already there. You bring the words; the playful part is solved.
How to make a NO button run away - step by step
Here's the whole process, start to finish. It takes about five minutes.
1. Open a proposal-page maker. Pick a tool that lists a runaway or dodging NO button as a feature - that's the part you don't want to engineer yourself.
2. Write your question. Keep it short and unmistakably yours: "Will you be mine?", "Will you go out with me?", "Marry me?"
3. Set your YES and NO labels. YES can be sincere. The NO label is where you get funny - "No", "Are you sure?", "Think again".
4. Turn on the runaway behaviour. In a maker like Bondlyfe it's on by default - the NO button already dodges. No settings to wrestle with.
5. Add a personal touch. A photo of the two of you, an inside joke, the date you met. This is what turns a gimmick into a memory.
6. Publish and grab the link. You get one clean URL. Send it, drop it in a card's QR code, or hand them your phone and watch.
Why the trick works so well
A straight yes/no question can feel heavy - there's a real "no" sitting right there, and that's nerve-wracking for the person asking. The runaway button quietly takes that pressure off the table. The reader reaches for NO almost on reflex, it darts away, and they laugh before they've even thought about their answer. That laugh is the magic. You've turned a high-stakes moment into a shared, lighthearted one.
It also makes a brilliant little video. People film themselves chasing the button around the screen, and those clips travel - which is partly why a yes/no proposal page with a dodging NO has become one of the most-shared ways to ask someone out online.
Make the NO button funnier (without overdoing it)
The button does the heavy lifting, but the words make it land. A few things that work:
- Change the YES label to escalate: "Yes" โ "Obviously yes" โ "I was always going to say yes."
- Give NO a sad little caption when it can't be caught: "You can't click me ๐ข".
- Keep the whole thing on-brand for the two of you - your nickname for them, the show you binge, the food you fight over.
One rule: don't make it mean. The runaway NO is a wink, not a trap. The goal is to make YES feel like the easiest, happiest choice - not to corner anyone. Need the actual line to put above the buttons? Steal one from our "will you be my girlfriend?" message ideas - cute, funny, and bold openers ready to paste in.
Build the rest of the page around it
The dodging button is the headliner, but it lives inside a full page. If you want it to feel like a real moment - a title, a photo, music, a confetti burst when they finally tap YES - read our guide on how to create a proposal website. The runaway NO button is the punchline; the page around it is the setup that makes the punchline hit.
Frequently asked questions
How do I make a NO button run away without coding?
Use a proposal-page maker that has the runaway NO button built in, like Bondlyfe. You write your question, pick your YES and NO labels, and the dodging behaviour is already handled. You never touch JavaScript or CSS - you just publish and share the link.
Does the runaway NO button work on phones?
Yes. A good maker handles touch too, so the NO button hops away from a finger tap the same way it dodges a mouse cursor. Since most people open a proposal link on their phone, mobile support matters more than desktop.
Can someone still tap NO if they really want to?
The NO button dodges, so a real no takes effort - which is the whole joke. The point isn't to trap anyone; it's to make YES the easy, obvious, delightful choice. It's a playful nudge, not a cage.
Make the NO button impossible to click
Build your proposal page with the runaway NO button in minutes - no code needed.
Try the Runaway NO Button