Bubble.io permette di creare applicazioni web senza dover scrivere codice complesso. Grazie ChatArchitect , è possibile collegare WhatsApp all'applicazione Bubble.io e inviare messaggi direttamente da un flusso di lavoro.
In questa guida, illustreremo come installare il plugin ChatArchitect, collegare il tuo account utilizzando l'ID app e il segreto app e inviare il tuo primo messaggio WhatsApp da Bubble.io.
Cosa ti servirà
Prima di iniziare, assicurati di avere:
- Un'applicazione Bubble.io
- Un account ChatArchitect
- Il tuo ID APP e SEGRETO APP
- Una connessione WhatsApp configurata in ChatArchitect
Una volta che tutto è pronto, puoi iniziare a configurare l'integrazione in Bubble.io.
Passaggio 1: Aggiungi un pulsante in Bubble.io
Apri la tua applicazione nell'editor di Bubble.io e aggiungi un Button alla pagina.
Questo pulsante avvierà il flusso di lavoro responsabile dell'invio del tuo messaggio WhatsApp.
Ad esempio, puoi assegnare un nome al pulsante:
Invia messaggio WhatsApp
Passaggio 2: Creare un flusso di lavoro per il pulsante
Fai clic sul pulsante appena creato e seleziona:
Avvia / Modifica flusso di lavoro
Bubble.io aprirà l'editor del flusso di lavoro, dove potrai definire cosa deve accadere quando un utente fa clic sul pulsante.
Passaggio 3: Installa il plugin ChatArchitect
All'interno dell'editor del flusso di lavoro, fai clic sul Più e vai a:
Plugin → Installa altri plugin (azione)
Si aprirà il marketplace dei plugin di Bubble.io.
Cercare:
ChatArchitect.com per WhatsApp
Potrebbe essere necessario selezionare tutti i filtri di ricerca pertinenti prima che il plugin venga visualizzato nei risultati.
Una volta trovata l'integrazione con ChatArchitect, fai clic su Installa.
Il plugin sarà ora disponibile nella tua applicazione Bubble.io.
Passaggio 4: Connetti ChatArchitect
Dopo aver installato il plugin, apri la Plugin in Bubble.io e individua l'integrazione con ChatArchitect.
Inserisci le tue credenziali come segue:
Nome utente: il tuo ID app
Password: il tuo segreto app
Queste credenziali consentono alla tua applicazione Bubble.io di comunicare con ChatArchitect e inviare messaggi WhatsApp.
Mantieni il segreto della tua app privato e non divulgarlo mai pubblicamente né condividerlo con utenti non autorizzati.
Passaggio 5: Aggiungere l'azione Invia messaggio
Torna alla Flusso di lavoro .
Clic:
Fai clic qui per aggiungere un'azione
Quindi seleziona:
Plugin → Invia un messaggio
Questo aggiunge l'azione di messaggistica WhatsApp di ChatArchitect al tuo flusso di lavoro.
Passaggio 6: Inserire il destinatario e il messaggio
Successivamente, configura l' Invia un messaggio di testo" .
Nel Destinazione , inserisci il destinatario.
Nel Testo , inserisci il messaggio che desideri inviare.
Per esempio:
Ciao! Questo messaggio è stato inviato dalla mia applicazione Bubble.io.
In alternativa all'inserimento manuale di questi valori, è possibile utilizzare i dati dinamici di Bubble.io. Ad esempio, il numero di telefono del destinatario può provenire dal database, mentre il messaggio stesso può essere generato a partire dalle informazioni inviate tramite un modulo.
Passaggio 7: Verifica il tuo messaggio WhatsApp
Una volta configurato il flusso di lavoro, fai clic sul Anteprima nell'angolo in alto a destra dell'editor di Bubble.io.
Verrai reindirizzato alla versione di anteprima della tua applicazione.
Fai clic sul pulsante che hai creato in precedenza.
Bubble.io attiverà il flusso di lavoro e ChatArchitect invierà il messaggio al destinatario specificato tramite WhatsApp.
Se tutto è configurato correttamente, il destinatario dovrebbe ricevere il messaggio WhatsApp.
Come funziona
Ora hai collegato Bubble.io a ChatArchitect e creato un flusso di lavoro di base per l'invio di messaggi WhatsApp.
Il procedimento è semplice:
L'utente clicca sul pulsante → Bubble.io attiva il flusso di lavoro → ChatArchitect elabora la richiesta → Il messaggio viene inviato tramite WhatsApp
Questo è solo un esempio di base. Puoi utilizzare la stessa integrazione per automatizzare le comunicazioni WhatsApp in base a diversi eventi nella tua applicazione Bubble.io.
Ad esempio, puoi inviare automaticamente messaggi WhatsApp quando:
- Un nuovo utente si registra
- Un cliente effettua un ordine
- Qualcuno invia un modulo
- Lo stato di un ordine o di una richiesta cambia
- L'appuntamento è confermato
- All'interno della tua applicazione si verifica un altro evento
Combinando Bubble.io, ChatArchitect e WhatsApp, è possibile aggiungere la messaggistica WhatsApp alle proprie applicazioni no-code e automatizzare la comunicazione con i clienti senza dover creare l'intera integrazione da zero.
.png)
.webp)

