How can I call a URL in the background without navigating away from my site?

Ask the community
, , ,
1

Hello community! I’ve just started coding and I’m kinda stuck. Here’s the thing I want to achieve:

I am making a site that collects the name, email address and phone number of the users and stores it in the Content Manager. When the user clicks on the SUBMIT button (of the Input Elements ), the fields collapse and a " Thank you for registering! " message appears. What I also want to achieve is that when the user clicks on SUBMIT, they get a text message on their WhatsApp which says, "Congratulations, y ou have been enrolled successfully! "

I am using a service called TextMeBot , which has an API which, when called, triggers the message and sends it to the user. Here’s the API structure:

https://api.textmebot.com/send.php?
recipient=[phone number]&
apikey=[your apikey]&
text=[text to send]

The only problem that I want to solve using Velo is that I don’t want this API link to open up in another browser tab (or open up in place of my site for that matter), I want the user to stay on the page and call this link in the background when SUBMIT is pressed - that’s it.

I’ll be very happy if any of you can show me how this is done.
Thanks! (:

2

Hello there,

Try to send a “GET” request with the current URL, here’s how:

import { fetch } from 'wix-fetch'

fetch(`https://api.textmebot.com/send.php?recipient=phone number]&apikey=[yourapikey]&text=text to send]`, { method: "GET" })

This will act as if someone visits the page, but won’t actually open it, I’m not sure if this will even work tbh.

3

Hey Ahmad,

Thank you so much! It is working flawlessly, exactly as expected. (:

4

Keep in mind that you should place this code on the backend to protect your API key from being stolen, in other words, the server should be the one sending the request, not the browser of the client.

2 Likes