Lock a website preview until the client pays an advance
Show a client their finished website behind a pay page, take the advance into your own account and unlock it.
The written steps below are complete. The Video script tab shows exactly what the video will cover.
Build the website first, then ask for the advance. A locked preview shows visitors a lock page with your price and a pay button. When the client pays, the site opens. The money goes to your own Razorpay or Stripe account.
By the end you can
- Lock a published site with an advance amount
- Send a one-time view link
- Unlock after an online or offline payment
Screens used
- Project, Web Design, one site, Publish
Before you start
- The site is published.
- Your payment keys are added (see Connect Razorpay or Stripe so you get paid).
Steps
- 1
Open the lock settings
On: Publish windowOpen the site in the workbench, press Publish and find the preview lock box. Press Set up.
You should see: Fields for the advance amount and a message.
- 2
Set the advance
On: Publish windowType the advance amount and choose rupees through Razorpay or dollars through Stripe. Add a short message for the lock page and the WhatsApp number clients can reach you on.
You should see: The amount and currency are set.
- 3
Limit the preview time
On: Publish windowOptionally set how many days the preview stays valid. Press Lock site. To change the amount or message later, edit them and press Save changes.
You should see: "Locked. Visitors now see the lock page."
- 4
Let the client look first
On: Publish windowCopy the One-time view link. It is valid for 7 days, works once and only for that visitor. Send it to the client so they can see the full site before paying.
You should see: The client sees the whole website once.
- 5
The client pays
On: Lock pageThe client opens the site address, sees the lock page and pays the advance.
You should see: "Payment found — the site is unlocked."
- 6
Paid another way
On: Publish windowIf the client paid you by bank transfer or cash, press Mark as paid. If they say they paid online but the site is still locked, press Check payment. To stop requiring payment at all, press Turn lock off. Re-lock locks the site again and cancels every link you sent.
You should see: "Marked as paid — the site is unlocked for everyone."
Tips
- Changing the price replaces the old pay link; the old one shows as superseded.
- An expired preview reopens when you set new days and save.
Troubleshooting
- The lock page shows a WhatsApp button but no Pay button.
- The payment keys for that currency are not set. Add them under Settings, Payment gateway.
- "Preview expired — set new days and save to reopen."
- The preview time ran out. Type a new number of days and save.
One row per shot, in the same order as the guide. Estimated length 2:40, recorded signed in as Owner. Use made-up data only. How to record
Say: Lock a website preview until the client pays an advance. Show a client their finished website behind a pay page, take the advance into your own account and unlock it.
Hold until you see: Lesson title on screen for three seconds.
Say: Open the site in the workbench, press Publish and find the preview lock box. Press Set up.
Hold until you see: Fields for the advance amount and a message.
Say: Type the advance amount and choose rupees through Razorpay or dollars through Stripe. Add a short message for the lock page and the WhatsApp number clients can reach you on.
Hold until you see: The amount and currency are set.
Say: Optionally set how many days the preview stays valid. Press Lock site. To change the amount or message later, edit them and press Save changes.
Hold until you see: "Locked. Visitors now see the lock page."
Say: Copy the One-time view link. It is valid for 7 days, works once and only for that visitor. Send it to the client so they can see the full site before paying.
Hold until you see: The client sees the whole website once.
Say: The client opens the site address, sees the lock page and pays the advance.
Hold until you see: "Payment found — the site is unlocked."
Say: If the client paid you by bank transfer or cash, press Mark as paid. If they say they paid online but the site is still locked, press Check payment. To stop requiring payment at all, press Turn lock off. Re-lock locks the site again and cancels every link you sent.
Hold until you see: "Marked as paid — the site is unlocked for everyone."
Say: That is lock a website preview until the client pays an advance. The written steps are on this lesson's page in the ItzSEO course.
Hold until you see: End card with the lesson link.
Mark it complete to keep your place in the course.
Related lessons
Add your own payment keys and the webhook, then test the connection. The money goes straight to your account.
Check the site for issues, publish it to a free address, connect your own domain and roll back if something goes wrong.
Switch on the Code editor, move a site into it, and let the agent make changes you approve. Moving a site is permanent.