Så bygger du en transaktionsbaserad webbplats

Steg 1

Skapa en visuell design för din transaktionswebbplats. Använd vilket grafisk designverktyg du vill – det behöver inte vara avancerat. Att skissa upp hur sidan ska se ut gör resten av utvecklingen smidigare och minskar frustration. Se till att inkludera alla nödvändiga element: menyer, bilder, betalningskontroller och produktlistor.

Steg 2

Bygg din datakälla. De flesta transaktionswebbplatser bygger på en databas – vanligtvis MySQL – men valet beror på vad som säljs. Om du startar från början erbjuder de flesta webbhotell gratis MySQL och ett användarvänligt phpMyAdmin‑gränssnitt, så att du kan skapa databasen utan att skriva mycket SQL.

Steg 3

Anslut till databasen och bygg HTML med de data du får. Om du har din egen databas kan du i server‑sidan använda PHP eller ASP för att ansluta till den, beroende på vad ditt webbhotell stödjer. Nedan ett exempel i PHP:

<?php
mysql_connect("din_host","ditt_användarnamn","ditt_lösenord");
mysql_select_db("din_databas");
$your_data = mysql_query("SELECT * FROM ProductTable");
while($data_row = mysql_fetch_array($your_data)) {
    echo "<div>" . $data_row['columnName'] . "</div>";
}
?>

Steg 4

Integrera betalningshantering i din webbplats HTML. Välj en betaltjänst (t.ex. PayPal eller Google Checkout) och följ deras riktlinjer för att lägga till transaktioner. Du får ofta alternativ som varukorgar och betalningsknappar. Kunderna väljer produkter, blir vidarebefordrade till betalningstjänsten, fyller i sina uppgifter, och tjänsten kan skicka bekräftelse via e‑post. Vissa tjänster låter dig även skicka data till ett server‑sideskript så att du kan uppdatera databasen automatiskt.

Implementera sedan din visuella design med CSS. Baserat på dina ursprungliga ritningar skriv CSS‑kod för att få sidan att se ut som du önskar. När allt är klart, testa i så många webbläsare som möjligt för att säkerställa både funktionalitet och konsekvent utseende.

Tips

• Vissa webbhotell erbjuder automatiserade betalnings- och CMS‑lösningar för e‑commerce; kolla vad ditt hostalternativ erbjuder.

Varning

• Glöm inte design i en transaktionswebbplats – en stark visuell upplevelse kan vara avgörande för framgång.