Hur du får SMS-notifikationer från ditt kontaktformulär

Metod 1: Twilio med en anpassad backend

Det här är den klassiska utvecklarvägen. Du får full kontroll, den lägsta kostnaden per meddelande och möjligheten att lägga till valfri anpassad logik senare. Det tar verklig tid i förväg: räkna med fyra till åtta timmar för att få något produktionsfärdigt, plus löpande underhåll när saker slutar fungera.

1. Registrera dig hos Twilio och köp ett nummer

Skapa ett Twilio-konto på twilio.com. Den kostnadsfria provperioden ger dig 15 euro i kredit, tillräckligt för ungefär 100 test-SMS. Gå till Phone Numbers i konsolen och köp ett. För ett svenskt nummer, filtrera efter land och SMS-kapacitet. Räkna med att betala ungefär 1 euro per månad för numret i sig.

2. Hämta dina API-uppgifter

Gå till Account i Twilio-konsolen och kopiera ditt Account SID och Auth Token. Spara dem i miljövariabler, aldrig i ditt repo:

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

3. Bygg endpoint:en

Installera Twilio SDK och skapa en route som tar emot formulärinlämningar och SMS:ar dig. I Next.js (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 = `Nytt lead från ${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. Koppla ihop formuläret

Ditt formulär postar till den endpoint:en. Här är minimal klientkod:

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. Driftsätt och testa

Driftsätt till Vercel, Railway eller var du hostar. Ange dina miljövariabler i instrumentpanelen. Skicka en testinlämning från det live-formuläret. Du borde få ett SMS inom sekunder. Om inte, kontrollera Twilio-konsolens loggar.

6. Vad detta faktiskt kostar

• Svenskt nummer: ungefär 1 euro per månad
• Per SMS till en svensk mobil: ungefär 0,07 euro
• 100 leads per månad × 1 SMS vardera = ungefär 9 euro per månad
• Din utvecklingstid: 4 till 8 timmar i förväg, plus underhåll

Fallgropar att planera för

• GDPR-samtycke: lägg till en kryssruta som bekräftar att personen samtycker till att kontaktas. Spara samtycket med en tidsstämpel.
• Svensk registrering: utan den misslyckas meddelanden tyst. Gör detta innan lansering.
• Hastighetsbegränsningar: Twilio throttlar dig på overifierade provkonton. Uppgradera till ett betalkonto innan lansering.
• Leveransfel: koppla upp Twilios statuscallback-webhook om du vill veta när ett meddelande inte når telefonen.
• Teckenbegränsningar: 160 tecken för vanlig ASCII, 70 för Unicode (svenska tecken med å, ä och ö minskar dig till 70).
• Felhantering: vad händer när Twilio är nere? Logga och maila dig själv åtminstone så att leads inte försvinner tyst.

Metod 3: Make.com plus Twilio

Make.com är Zapiers billigare syskon. Gratisversionen ger dig 1 000 operationer per månad, vilket är gott och väl för alla småföretag. Betalversionen börjar på ungefär 9 euro per månad för 10 000 operationer.

Inställningen är konceptuellt identisk med Zapier: webhook-trigger, Twilio-action, mappa fälten. Gränssnittet är mer tekniskt men resultaten är desamma. För de flesta småföretag är Make det bättre ekonomiska valet framför Zapier.

Metod 5: localbot

Full insyn: det här är vår produkt. Här är den ärliga pitchen. Du registrerar dig, kopierar en rad JavaScript till din sajt och formuläret på din sajt SMS:ar dig nu i sekunden någon skickar in det. Inget Twilio-konto, ingen kod, inga instrumentpaneler.

• 99 euro per månad, eller 990 euro per år (två månader gratis)
• 30-dagars gratis provperiod, inget kreditkort
• Fungerar på vilken webbplats som helst: WordPress, Wix, Squarespace, Shopify, Webflow, anpassad
• Varje SMS inkluderar en tryck-för-att-ringa-länk och en tryck-till-WhatsApp-länk
• Installation: klistra in script-taggen, klart

Om din tid är värd mer än 40 euro i timmen betalar sig localbot på installationen ensam jämfört med DIY-vägen. Om du har volymen och utvecklingstiden är Metod 1 billigare på lång sikt.