Så bygger du en webbplats för fastighetsannonser

En webbplats för bostadsannonser är en databas med bostäder och ett offentligt ansikte: en sida för varje annons, en sökning med filter och ett sätt för köpare eller hyresgäster att ställa frågor om en bostad. Bakom den ligger ett privat adminområde där mäklaren lägger till, redigerar och markerar annonser som sålda. Du kan bygga en stabil version med en AI-appbyggare på några arbetspass, under förutsättning att du designar annonsdatan först och håller den första versionen liten.

Vem sajten är till för, och vad den ska göra

Innan du tänker på funktioner, var tydlig med vilken typ av sajt du bygger. De ser likadana ut men behöver olika saker.

Guiden fokuserar på de tre första. En portal med många annonsörer är en tvåsidig marknadsplats, vilket är ett annat problem; se hur du bygger en marknadsplats och hur du bygger en katalogwebbplats om det är det du har i tankarna.

Datan för varje annons

Annonsdatan är hjärtat i sajten. Får du fälten rätt följer sökningen, korten och detaljsidorna. En praktisk startuppsättning:

• Grunder: titel, status (tillgänglig, under budgivning/bud, såld/uthyrd), typ av annons (försäljning eller uthyrning), pris och prisangivelse ("utgångspris", "per månad").
• Plats: adress, område eller stadsdel, och koordinater om du vill ha en karta. Bestäm om hela adressen ska vara offentlig; många mäklare visar bara gata eller område.
• Storlek och planlösning: antal sovrum, badrum, boarea (och enheten, kvadratmeter), bostadstyp.
• Beskrivning: en sammanfattning för korten och en längre beskrivning för detaljsidan.
• Egenskaper: en lista som parkering, trädgård, balkong, husdjur tillåtna. Lagra dem som taggar så att de kan bli filter.
• Media: bilder i fast ordning, en omslagsbild och valfritt en planritning eller broschyr som PDF.
• Adminfält: datum när annonsen lades ut, datum för senaste uppdatering och vilken mäklare som äger den.

Förfrågningar är en andra tabell: namn, e-post, telefon, meddelande, vilken annons och när. Om du planerar visningar är en tredje tabell för önskade tider.

Beslut värda att fatta tidigt

• Valuta och enheter. Välj en valuta och en areaenhet, och ange det i din första prompt. Att ändra senare innebär att röra varje annons.
• Sålda annonser. Dölj dem, eller behåll dem med en "Såld"-märkning som bevis på aktivitet? Båda går bra; bestäm innan du bygger sökningen.
• Uthyrning kontra försäljning. Om du gör båda, gör det till ett fält och ett översta filter, inte två separata sajter.

Sökning och filter som folk faktiskt använder

De flesta besökare kommer med tre frågor: var, hur mycket, hur stort. Bygg dem först:

1. Plats: en lista över områden du täcker fungerar bättre än fri text för en liten byrå.
2. Prisintervall: lägsta och högsta.
3. Antal sovrum: ett minimum.
4. Försäljning eller uthyrning, om du gör båda.

Lägg sedan till sortering (nyast, pris stigande, pris fallande) och, om du har tillräckligt många annonser för att motivera det, egenskapsfilter från dina taggar. En kartvy är attraktiv men inte nödvändig i en första version; en statisk karta på varje detaljsida räcker ofta.

Lägg filtren i URL:en (till exempel /bostader?omrade=norr&minSovrum=2), så att en besökare kan dela eller bokmärka en sökning och bakåtknappen fungerar. Be uttryckligen om detta; det är lätt att få fel annars.

Bilder: det som avgör

Fastighetssajter lever på bilder, så planera för dem:

• Ladda upp, klistra inte in länkar. Adminen ska ladda upp bilder direkt. På Mythex går uppladdningar till projektets fillagring, som aktiveras när appen behöver den.
• Ordning och omslag. Låt mäklaren dra bilderna i ordning och välja omslagsbilden.
• Storlek. Stora originalfiler gör sajten långsam på telefoner. Be om att bilder ändras till rimliga storlekar, och använd lazy loading i galleriet.
• Alt-text. En kort beskrivning per bild hjälper tillgängligheten och sökningen.

Flödet för förfrågningar

Sajtens syfte är förfrågan. Håll den kort: namn, e-post, telefon (valfritt), meddelande förifyllt med objektets titel. Vid skickning:

• Spara den i databasen, kopplad till annonsen.
• Meddela mäklaren via e-post. Det kräver en e-postleverantör som Resend eller Postmark; se skicka e-post från din app.
• Visa en tydlig bekräftelse, och skicka valfritt en kopia till den som frågar.

Om du vill att besökare ska kunna begära visningstider, behandla det som en liten bokningsfunktion: lediga tider per annons, en förfrågan och bekräftelse av mäklaren. Guiden om bokningsappar täcker logiken för tider.

Adminområdet och behörigheter

Adminområdet är där sajten tjänar pengar. Det behöver:

• En inloggning, så att bara mäklare kommer åt det.
• En annonstabell med status, pris och datum, och snabbåtgärder (redigera, markera såld, dölj).
• Ett annonsformulär med bilduppladdning.
• En inkorg för förfrågningar, filtrerbar per annons, med en flagga för "hanterad".

Håll behörigheterna enkla: i en liten byrå kan varje mäklare redigera alla annonser. Om du behöver "mäklare redigerar bara sina egna", skriv det i prompten och testa genom att logga in som två olika mäklare.

Om dina förfrågningar blir en riktig försäljningsprocess (uppföljning, steg, anteckningar) är det ett CRM. Börja med inkorgen och läs hur du bygger ett CRM när du växer ur den.

En prompt som fungerar

Bygg en webbplats för bostadsannonser åt en liten fastighetsbyrå i två stadsdelar, Norra Parken och Strandkanten. Publika sidor: en startsida med utvalda annonser, en sökssida med filter för område, försäljning eller uthyrning, prisintervall och minsta antal sovrum (filtren sparas i URL:en), och en detaljsida per bostad med fotogalleri, pris, sovrum, badrum, boarea i kvadratmeter, egenskaper, beskrivning och ett förfrågningsformulär. Mäklare loggar in i ett adminområde för att lägga till och redigera annonser, ladda upp och ordna om bilder, markera en annons som under bud eller såld, och se förfrågningar per annons. Spara allt i en databas. Priser i SEK. Lugn, tydlig design som fungerar bra på telefoner.

Den nämner användarna, sidorna, fälten, filtren och vem som får göra vad, och ingenting om kod.

Byggsteg

1. Börja med de publika sidorna med exempeldata. Låt byggaren skapa tio realistiska exempelannonser så att du kan bedöma korten, sökningen och detaljsidan.
2. Lägg till databasen och adminområdet. Flytta annonserna till databasen, lägg sedan till inloggning och adminskärmarna. Lägg till en annons själv, från början till slut.
3. Lägg till bilduppladdning. Ladda upp en riktig bildserie, ordna om den, välj omslag, och kontrollera galleriet på en telefon.
4. Koppla förfrågningar. Skicka en, bekräfta att den landar i inkorgen och att mejlet till mäklaren kommer.
5. SEO-grunder. Varje annons behöver en unik titel och beskrivning, läsbara URL:er (/bostader/3-rum-villa-strandkanten) och bilder för delning. Vår SEO-guide för AI-byggda webbplatser förklarar varför det här betyder mer för annonssidor än för de flesta andra.
6. Testa behörigheter. Logga ut och försök öppna adminadresser direkt. De ska skicka dig till inloggningen.
7. Publicera och koppla din domän. Byråer bör använda sin egen domän i stället för en byggarens underdomän.

Vanliga misstag

• Lägga annonser i koden. Det fungerar en vecka, sedan behöver mäklaren en utvecklare för att ändra ett pris. Använd en databas från början.
• Att glömma sålt-status. Besökare som frågar om sålda objekt slösar allas tid. Gör status tydlig och filtrerbar.
• Tunga bilder. Ett galleri med fullstora kamerabilder är långsamt på mobildata. Ändra storlek på dem.
• Inget indexerbart innehåll. En sajt som laddar varje annons med JavaScript och saknar titlar per annons är svår för sökmotorer att förstå. För annonssajter är SEO det mesta av din kostnadsfria trafik.
• Att visa den exakta adressen som standard. Bestäm medvetet, särskilt för uthyrning och bebodda hem.
• Att inte kontrollera annonsregler. Vissa länder har regler för vad en bostadsannons måste innehålla, till exempel energideklaration eller väsentlig information. Kontrollera vad som gäller för dig.

Kostnader och verktyg

För en liten byrå är de löpande delarna:

När en färdig produkt är det bättre valet

Bygg själv när du vill ha kontroll över designen, din egen sökupplevelse och annonser som är dina i stället för hyrd plats i en portal. Välj något färdigt när:

• Dina annonser måste komma från en fastighetsdatabas eller ett portalflöde. Leverantören av flödet har oftast godkända webbplatsprodukter och regler som du måste följa.
• Du mest behöver synlighet. Portaler ger köpare; din egen sajt konverterar mest folk som redan känner till ditt namn.
• Du behöver ett komplett back office för byrån (hyresavtal, efterlevnad, bokföring). Specialiserad byråprogramvara täcker det och är svår att replikera väl.

Många byråer gör båda: de listar i portalerna för räckvidd, och behåller sin egen sajt för varumärket och de direkta förfrågningarna.

Bygga det med Mythex

Mythex passar det här projektet väl: beskriv sajten i chatten, se den köra i en livevisning (inklusive en telefonstor ram), och den lägger till en databas för annonser och förfrågningar och fillagring för bilder när appen behöver det. Publicera till en mythex.ai-adress på vilken plan som helst, eller till din egen domän på Pro. För en start, se AI-byggaren för webbplatser för fastighetsbyråer eller bläddra bland webbplatsmallarna.

Frågor