> ## Documentation Index
> Fetch the complete documentation index at: https://razorpay-881012b3.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Custom Web Integration - Bring a Popup to the Front

> Display a pop-up as a visual reminder to the customer indicating that the payment is in progress.

<div style={{display:"flex",flexWrap:"wrap",alignItems:"center",gap:"0.35rem 0.9rem",border:"1px solid rgba(128,128,128,0.28)",borderRadius:"0.5rem",padding:"0.45rem 0.75rem",margin:"0 0 1.25rem",fontSize:"0.875rem"}}>
  <span style={{fontWeight:600}}>Available in</span>
  <span>🇮🇳 India</span>
</div>

You can bring a pop-up on the screen by calling the `focus` method. This helps as a visual reminder to the customer that the payment is ongoing.

#### Sample Code

```html theme={null}
<script>
var rp = new Razorpay(..);
...
</script>

// after some time
<span>Processing Payment...</span>
<button>Take me back to payment</button>
<script>
  $('button').click(function(){
    rp.focus(); // will bring popup to top
  })
</script>
```