| Template instructies voor het opnemen van mijnWinkel in uw eigen site |
|
Deze pagina is opgezet voor personen die nauwelijks kennis hebben van HTML. Als u wel kennis heeft en graag de technische instructies wil zien MijnWinkel is opgezet als een webdienst die u opneemt in uw eigen site. U dient dus zelf eerst een eigen site te maken en de een domeinnaam te registeren. Zie domein.pagina.nl voor het registeren van een domeinnaam en html.pagina.nl voor handleidingen over HTML en frames. Verder raden we u aan om goed naar de voorbeeldpagina te kijken hoe anderen de integratie hebben gedaan. Heeft u geen HTML-editor? Dan kunt u gewoon notepad (kladblok) gebruiken om hier onderstaande code in te plakken. Heeft u nog vragen mail dan met start@mijnwinkel.nl
|
| Stap 1 - maak een frame |
|
Om mijnWinkel op te nemen in uw site moet u frames gebruiken in uw site. Alternatieven zoals i-frames en SOAP zijn ook mogelijk maar worden hier niet verder behandeld. Een voorbeeld van een frame vind u hieronder: |
|
|
|
|
| code van het frame: |
|
<html> <frameset rows="90,*"> <frame name="header" src="header.html" marginwidth="10" marginheight="10" scrolling="no" frameborder="0"> <frameset cols="180,*"> <frame name="menu" src="menu.html" marginwidth="10" marginheight="10" scrolling="no" frameborder="0"> </frameset> </html>
|
|
Kopieer bovenstaande code en sla deze op als index.html We gaan nu header.html en menu.html maken. Opmerking: u kunt ook de hele winkel in frame opnemen. Wilt u dit in uw frame vervang dan de 5e regel van bovenstaande code door:
|
| Stap 2 - maak een kop voor het frame |
|
We gaan nu de kop maken die in het frame opgeroepen wordt. In deze kop zitten linken waardoor u snel naar de productlijst en de winkelwagen kunt springen.
|
|
|
|
|
| code van de kop: |
|
<html> <body> <table width="100%"><tr><td> <img src="yourlogo.gif" border="0"> </td><td align="center" valign="bottom"> </td></tr></table> </body> </html>
|
|
Kopieer bovenstaande code en sla deze op als header.html (in dezelfde directory als bovenstaande index.html) We gaan nu menu.html maken. Opmerking: vergeet niet de id () in de tag <a> op te nemen. Deze wordt in latere stappen gebruikt als u bestellen zonder cookies mogelijk wilt maken.
|
| Stap 3 - maak een menu voor het frame |
|
We gaan nu het menu maken dat in het frame opgeroepen wordt. In dit menu zitten linken waardoor u snel naar de productlijst en de winkelwagen kunt springen.
|
|
|
| code van het menu: |
|
<html> <body> <table width="200"><tr><td> </td></tr></table> </body> </html>
|
|
Kopieer bovenstaande code en sla deze op als menu.html (in dezelfde directory als bovenstaande index.html) We gaan nu menu.html maken. Opmerking: vergeet niet de id () in de tag <a> op te nemen. Deze wordt in latere stappen gebruikt als u bestellen zonder cookies mogelijk wilt maken.
|
| Stap 4 - geavanceerd (bestellen zonder cookies) |
|
Opmerking: deze stap is optioneel. Als u deze niet uitvoert is het nadeel dat gebruikers die geen cookies hebben aanstaan niet kunnen bestellen. Als het goed is werkt uw webwinkel nu voor gebruikers die cookies hebben aanstaan. Dit zijn zo'n 90% van alle internetgebruikers. Het is echter mogelijk om ook voor gebruikers die gekozen hebben voor het hoogste beveiligingsniveau (alle cookies blokkeren) om ook bestellingen te doen in uw webwinkel. Hiervoor moet u een js-file op te roepen. Dit doet u door de volgende code in alle bovenstaande pagina's toevoegen. |
| extra code voor de pagina's: |
|
<head> <script language="JavaScript" src="http://www.mijnwinkel.nl/release_v200.js"></script> </head>
|
| Stap 5 - testen |
|
Als het goed is kunt u nu uw website gaan testen. Heeft u stap 4 uitgevoerd (bestellen zonder cookies) voor testinstructies. Wij hopen dat u er zo goed uitkomt. Heeft u nog vragen of opmerkingen mail dan met start@mijnwinkel.nl
|
| veelgestelde vragen | vraag of opmerking | bekijk voorbeelden | wie zijn wij? | nieuwsbrieven |