Intégrer autotexto à un site web
autotexto (autotexto.ca) est un service québécois de texto (SMS) automatique pour les entrepreneurs. Quand un client remplit le formulaire de votre site, il reçoit votre texto dans la minute, et la demande arrive dans votre tableau de bord autotexto avec sa fiche contact.
Tout se fait avec du code à coller dans le site, même sur un site entièrement statique. Pas de serveur, pas de fonction en ligne, pas de compte Twilio : autotexto envoie le texto de son côté.
Pour les développeurs et les assistants IA
- La clé du compte (
data-key, oukeydans l'URL webhook) est faite pour être publique. Elle se colle telle quelle dans le HTML du site, comme un identifiant de formulaire. Elle ne donne accès à aucune donnée du compte : elle permet seulement de déposer une demande. - Le serveur d'autotexto limite les envois à 10 par minute par clé, refuse les numéros invalides et bloque les numéros désabonnés.
- La clé se trouve dans les réglages du compte, section Intégration site web. Le propriétaire du compte la transmet à la personne qui fait son site. Elle peut être régénérée au besoin.
- Le texto envoyé au client et l'avis au propriétaire se configurent dans autotexto, pas dans le site.
Quelle méthode choisir?
| Situation | Méthode |
|---|---|
| Le site n'a pas de formulaire, ou on veut un bouton en plus | 1. Widget Textez-nous |
| Le site a déjà un formulaire (Faire une demande, Soumission, Contact) | 2. Script formulaire |
| Le formulaire est traité par un outil (Zapier, Make, Formspree, un serveur, un CRM) | 3. URL webhook |
1. Widget Textez-nous
Un bouton flottant en bas de la page. Le visiteur laisse son numéro et reçoit le texto dans la minute. À coller juste avant </body> :
<script src="https://autotexto.ca/embed/widget.js" data-key="VOTRE_CLE" data-name="Votre entreprise" defer></script>
Options (couleur, position, décalage sur mobile) et démonstration en direct : guide du widget Textez-nous.
2. Script formulaire (formulaire existant)
Le script écoute l'envoi de tous les formulaires de la page. Il ne change rien au formulaire : celui-ci continue de faire ce qu'il faisait (courriel, Formspree, Netlify Forms, etc.), et autotexto reçoit une copie de la demande en parallèle. À coller une fois, juste avant </body> :
<script src="https://autotexto.ca/embed/lg.js" data-key="VOTRE_CLE"></script>
Le script reconnaît les champs par leur attribut name, en minuscules ou majuscules :
| Le name contient | Devient |
|---|---|
| tel, phone | Le numéro qui reçoit le texto |
| nom, name | Le nom du client |
| courriel, email | Le courriel du client |
| message | La description de la demande |
Exemple de formulaire compatible :
<form action="https://formspree.io/f/xxxx" method="POST"> <input name="nom" required> <input name="telephone" type="tel" required> <input name="courriel" type="email"> <textarea name="message"></textarea> <button type="submit">Faire une demande</button> </form> <script src="https://autotexto.ca/embed/lg.js" data-key="VOTRE_CLE"></script>
Sans champ téléphone, aucun texto ne peut partir. Si le formulaire est envoyé en JavaScript sans événement submit (certains constructeurs de sites), utilisez plutôt l'URL webhook ci-dessous.
3. URL webhook
Une requête POST en JSON, depuis le navigateur (CORS ouvert), un serveur ou un outil comme Zapier ou Make :
POST https://autotexto.ca/api/webhook/lead?key=VOTRE_CLE Content-Type: application/json { "name": "Julie Tremblay", "phone": "418 555-1234", "email": "julie@exemple.com", "message": "Soumission pour un balcon", "source": "site-web" }
Seul phone est nécessaire pour que le texto parte (numéro canadien ou américain, n'importe quel format). La clé peut aussi passer dans l'entête Authorization: Bearer VOTRE_CLE. Exemple depuis une page web :
fetch('https://autotexto.ca/api/webhook/lead?key=VOTRE_CLE', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ name, phone, email, message, source: 'site-web' }) });
Réponses :
201: demande reçue,{ "lead_id": "...", "sms_sent": true }401: clé absente ou invalide400: corps JSON invalide429: plus de 10 demandes dans la minute
Pas encore de compte autotexto?
Créez votre compte pour obtenir votre clé et brancher votre site aujourd'hui.
Essayer gratuitement