Salut à tous,
Je travaille actuellement à l’optimisation de notre boutique en ligne et je suis à la recherche d’un système de commentaires produits efficace. L’idée est de permettre à nos clients de laisser leurs avis sur les produits qu’ils ont achetés. Cela nous aiderait non seulement à améliorer nos services, mais aussi à renforcer la confiance de nos clients potentiels.
Je suis donc à la recherche de conseils ou de recommandations sur la mise en place d’un tel système. Y a-t-il des aspects spécifiques à considérer ? Des plateformes particulières à recommander ? Tout retour d’expérience serait grandement apprécié.
Merci d’avance pour votre aide.
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formulaire de Feedback Produit</title>
<style>
body {
font-family: Arial, sans-serif;
}
form {
max-width: 500px;
margin: 0 auto;
}
textarea {
width: 100%;
height: 100px;
margin-bottom: 10px;
}
input[type="submit"] {
padding: 10px;
background-color: #4CAF50;
color: white;
border: none;
cursor: pointer;
}
input[type="submit"]:hover {
background-color: #45a049;
}
</style>
</head>
<body>
<form id="feedbackForm">
<h2>Feedback Produit</h2>
<label for="productName">Nom du produit:</label>
<input type="text" id="productName" name="productName" required><br><br>
<label for="productFeedback">Votre avis:</label>
<textarea id="productFeedback" name="productFeedback" required></textarea><br>
<input type="submit" value="Envoyer">
</form>
<script>
document.getElementById('feedbackForm').onsubmit = function(e) {
e.preventDefault();
var productName = document.getElementById('productName').value;
var productFeedback = document.getElementById('productFeedback').value;
// Remplacez 'your_webhook_url' par l'URL de votre webhook Make (Integromat)
var webhookUrl = 'your_webhook_url';
var xhr = new XMLHttpRequest();
xhr.open('POST', webhookUrl, true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
alert('Feedback envoyé avec succès.');
document.getElementById('feedbackForm').reset();
}
};
xhr.send(JSON.stringify({
productName: productName,
productFeedback: productFeedback
}));
};
</script>
</body>
</html>
Assurez-vous de remplacer ‹ your_webhook_url › par l’URL de votre webhook Make (Integromat) pour que le formulaire envoie les données correctement.
Si vous n’avez pas de compétences techniques pour configurer un webhook, vous pouvez envisager d’utiliser des plateformes comme Google Forms ou Typeform qui offrent une solution simple pour collecter des feedbacks.