Send data form Webflow to backend with javascript

Design help Custom code
1

Bonjour,

Ma demande que les soumissions de formulaires de mon site soient directement entrées dans leur base de données privée via des appels API. Ils m’ont fourni un exemple de code expliquant comment la fonction peut fonctionner
C’est quoi les changement que je peux faire ?

Ci dessous le code personnalisé

Merci d’avance


<script>
	const sendButton = document.querySelector('[data-send="send"]')
	
	const sendForm = async () => {
		console.clear();
		
		const body = {
			"OriginAddress": {
				"City": "Florida",
				"CountryCode": "F"
			},
			"DestinationAddress": {
				"City": "Paris",
				"CountryCode": "Pa"
			},
			"ProductType": "PPX",
			"PaymentType": "P",
			"ShipmentDetails": {
				"Dimensions": {
					"Length": 10,
					"Width": 10,
					"Height": 20
				},
				"ActualWeight": 8
			}
		};
		
		console.log(body);
		console.log(JSON.stringify(body));
		
		const data = await fetch('url',
			{
				method: 'POST',
				body: JSON.stringify(body),
				headers: {
					Accept: 'application/json',
					'Content-Type': 'application/json',
					'Access-Control-Allow-Origin': '*'
				}
			})
sendButton.addEventListener('click', sendForm);
</script>
2

Il est possible d’envoyer à la page de leur serveur en utilisant POST par exemple (ici réglage du form block
!

Capture d’écran 2021-05-31 à 15.23.20
Capture d’écran 2021-05-31 à 15.23.20478×1146 24.6 KB

Sinon pour les non tech on peut utiliser Zapier qui fera l’interface entre les deux.

3

J’ai un backend développer par Node.js, je veux le connecter avec ce formulaire de webflow, est ce que vous pouvez m’aider, qu’est ce que je peux modifier sur le code personnalisé
Quand je saisie par exemple city elle s’enregistre sur le back

4

En fait il faut mettre dans action l’adresse du script php sur l’autre serveur qui va récupérer les data, ça marche je viens de faire un test. En node js ça marche sûrement aussi. Plutot que le script, ça me semble plus simple d’utiliser un formulaire natif webflow.

5

Mr @Romuald_Jay, je suis un débutant sur webflow, est ce que vous pouvez m’expliquer en détaillant
Cette adresse sur action : https://muddy-shadow-6615.getsandbox.com:443/calculeRate ? seulement

6

C’est un travail de dev, il faut expliquer aux mecs qu’on peut pas demander à un débutant en nocode de faire ça.

7

@Romuald_Jay je suis tout à fait d’accord avec toi mais je veux m’améliorer moi même
Donc j’ai une question, comment remplacer l’ensemble de données par les entrées utilisateur du formulaire?