Miten saat tekstiviesti-ilmoituksen yhteydenottolomakkeestasi

Tapa 1: Twilio ja oma backend

Tämä on klassinen kehittäjän reitti. Saat täyden hallinnan, alhaisimmat viestikohtaiset kustannukset ja mahdollisuuden lisätä omaa logiikkaa myöhemmin. Vaatii aikaa alkuun: varaudu 4-8 tuntiin, kun haluat tuotantovalmiin, ja huoltoon kun jotain hajoaa.

1. Luo Twilio-tili ja osta numero

Luo Twilio-tili osoitteessa twilio.com. Ilmaisen kokeilun mukana tulee 15 euron krediitti, joka riittää noin 100 testiviestiin. Konsolissa mene kohtaan Phone Numbers ja osta numero. Suomalaista numeroa varten suodata maan ja SMS-kyvykkyyden mukaan. Numerosta maksetaan noin 1 euro kuussa.

2. Hae API-tunnukset

Mene Twilio-konsolissa Account-sivulle ja kopioi Account SID ja Auth Token. Tallenna ne ympäristömuuttujiin, älä koskaan repoosi:

TWILIO_ACCOUNT_SID=ACxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
TWILIO_AUTH_TOKEN=your-auth-token
TWILIO_PHONE_NUMBER=+358XXXXXXXX
OWNER_PHONE_NUMBER=+358YYYYYYYY

3. Rakenna endpoint

Asenna Twilion SDK ja luo reitti, joka vastaanottaa lomakelähetykset ja tekstaa sinulle. Next.js:ssä (App Router):

// app/api/contact/route.ts
import { NextResponse } from 'next/server';
import twilio from 'twilio';

const client = twilio(
  process.env.TWILIO_ACCOUNT_SID!,
  process.env.TWILIO_AUTH_TOKEN!,
);

export async function POST(request: Request) {
  const { name, phone, message } = await request.json();

  if (!name || !phone) {
    return NextResponse.json(
      { error: 'Missing fields' },
      { status: 400 },
    );
  }

  const body = `New lead from ${name} (${phone})\n\n${message}`;

  await client.messages.create({
    body,
    from: process.env.TWILIO_PHONE_NUMBER!,
    to: process.env.OWNER_PHONE_NUMBER!,
  });

  return NextResponse.json({ ok: true });
}

4. Liitä lomake reittiin

Lomakkeesi postaa tuohon endpointiin. Minimaalinen client-koodi:

const form = document.querySelector('#contact');
form?.addEventListener('submit', async (e) => {
  e.preventDefault();
  const data = Object.fromEntries(new FormData(form).entries());
  const res = await fetch('/api/contact', {
    method: 'POST',
    headers: { 'content-type': 'application/json' },
    body: JSON.stringify(data),
  });
  if (res.ok) form.reset();
});

5. Deployaa ja testaa

Deployaa Verceliin, Railwayhin tai mihin hostaat. Aseta ympäristömuuttujat konsolissa. Lähetä testilähetys live-sivulta. Saat viestin sekunneissa. Jos et, tarkista Twilio-konsolin lokit.

6. Mitä tämä oikeasti maksaa

• Suomalainen numero: noin 1 euro kuussa
• SMS suomalaiseen kännykkään: noin 0,07 euroa
• 100 liidiä kuussa × 1 SMS per liidi = noin 9 euroa kuussa
• Oma työaika: 4-8 tuntia alkuun, plus huoltoa

Huomioi nämä

• GDPR-suostumus: lisää rasti ruutuun, joka vahvistaa henkilön suostumuksen yhteydenottoon. Tallenna suostumus aikaleimalla.
• Suomen alias-rekisteröinti: ilman sitä viestit hiljaa epäonnistuvat. Tee tämä ennen lanseerausta.
• Rate-limitit: Twilio throttaa sinua vahvistamattomilla trial-tileillä. Päivitä maksulliseen tiliin ennen livessä menoa.
• Toimitusvirheet: liitä Twilion status-callback-webhook, jos haluat tietää kun viesti epäonnistuu.
• Merkkirajat: 160 merkkiä ASCII:lle, 70 Unicodelle (mikä tahansa ääkkönen pudottaa sinut 70:een).
• Virheenkäsittely: mitä tapahtuu kun Twilio on alhaalla? Logita vähintään ja lähetä itsellesi sähköposti, ettei liidit häviä hiljaa.

Tapa 3: Make.com ja Twilio

Make.com on Zapierin halvempi sisar. Ilmaistaso tarjoaa 1 000 operaatiota kuussa, mikä riittää hyvin mille tahansa pienyritykselle. Maksullinen taso alkaa noin 9 eurosta kuussa 10 000 operaatiolle.

Asennus on käsitteellisesti sama kuin Zapierissa: webhook-triggeri, Twilio-toimenpide, mäppää kentät. Käyttöliittymä on teknisempi, mutta lopputulos sama. Useimmille pienyrityksille Make on taloudellisempi kuin Zapier.

Tapa 5: localbot

Täysi avoimuus: tämä on meidän tuotteemme. Rehellinen pitchi: rekisteröidyt, kopioit yhden rivin JavaScriptiä sivustollesi, ja lomakkeesi tekstaa sinulle heti kun joku lähettää sen. Ei Twilio-tiliä, ei koodia, ei koontinäyttöjä.

• 99 euroa kuussa, tai 990 euroa vuodessa (kaksi kuukautta ilmaiseksi)
• 30 päivän ilmainen kokeilu, ei luottokorttia
• Toimii millä tahansa sivustolla: WordPress, Wix, Squarespace, Shopify, Webflow, oma koodi
• Jokainen SMS sisältää soittolinkin ja WhatsApp-linkin
• Asennus: liitä script-tagi, valmis

Jos aikasi on enemmän kuin 40 euroa tunnissa, localbot maksaa itsensä takaisin jo asennuksella DIY-reittiin verrattuna. Jos sinulla on volyymiä ja insinööriaikaa, Tapa 1 on pitkällä aikavälillä halvempi.