Het antwoord is heel kort: ja. Hieronder zal ik uitleggen hoe je dit het beste kan doen.

De development site opzetten

Je kunt de development site op twee manieren opzetten:

• Je installeert Shopp en activeert je single-site key, net zoals je op de live-site zou doen.
• Je installeert Shopp en laat het activeren van de single-site key achterwege.

Zoals je ziet ben je niet verplicht om de key te activeren. Dat is overigens ook de manier die ik adviseer.

Maar kan ik dan Shopp wel volledig gebruiken? Zeker wel! De key is namelijk alleen voor het volgende:

• Toegang tot de documentatie en help-bestanden (via je Shopp admin -> de vraagteken-icoontjes).
• Support via de Help Desk van Shopp (de support request moet wel voldoen eisen genoemd in de Support Policy).
• Toegang tot automatische updates.

Voor een development-site heb je bovenstaande punten over het algemeen niet nodig.

Maar ik wil wel graag toegang tot de automatische updates in mijn development site. Geen probleem! Dan activeer je de single-site key, zoals je dat ook op de live-site zou doen. Ben je klaar om alles over te zetten naar de live-site, dan kun je in de Shopp instellingen de key weer deactiveren (zelfde plek/knop als het activeren) en op de live-site activeren.

Via ideal-checkout.nl geprobeerd, maar dan zou ik honderden euro’s moeten betalen voor een betaalmethode die ik zelf niet zou mogen verkopen. Ze vinden daar namelijk dat Shopp geen open source is (blijkbaar kennen ze de definitie van open source niet), dus moet er voor betaald worden.

Maar nu is de dag dan toch daar! Elephant CS heeft een iDEAL plugin geschreven die geïntegreerd kan worden met Shopp. Je heb hier dan een iDEAL abonnement van een van de volgende banken voor nodig:

• ABN Amro
• Rabobank
• ING Bank
• Friesland Bank

Twee type licenties

In dit deel van de “Shopp: maatwerk product in winkelwagen”-serie laat ik zien hoe je met een eigen formulier een product aan de winkelwagen kan toevoegen. Met deze code kun je dan inhaken op andere plugins.

Het formulier

Als eerste maken we het formulier. Je kunt hier het beste een aparte pagina-template voor gebruiken.

<form action="" method="post">
  <input type="hidden" name="ProductName" value="Naam van Product" >
  <input type="hidden" name="ProductPrice" value="10.00" >

  <h2>Naam van Product</h2>

  <big>Prijs: <php echo money(10.00); ?></big>

  <p><label for="ProductQuantity">Aantal</label><input type="text" name="ProductQuantity" id="ProductQuantity" value="1" /></p>
  <p><input type="submit" name="addtocart" value="In winkelwagen" /></p>
</form>

Uitleg formulier code

Zoals je kan zien is de action van dit formulier leeg, hierdoor wordt het formulier verzonden naar de huidige pagina. Vandaar de aparte pagina-template, je kunt de code voor het afhandelen van het verzonden formulier dan bij het formulier zelf houden.

<input type="hidden" name="ProductName" value="Naam van Product" >
  <input type="hidden" name="ProductPrice" value="10.00" >

Deze verborgen velden zijn voor het opgeven van de benodigde gegevens, de naam en de prijs. De prijs wordt hier niet “op z’n Nederlands” neergezet, maar met een punt als scheiding tussen de decimalen en hele getallen. Dit om te verzekeren dat het bedrag juist wordt overgenomen als het product in de winkelwagen wordt gestopt.

<h2>Naam van Product</h2>

Dit lijkt me voor zich spreken. Je geeft de naam van het product wel mee in een verborgen veld, maar voor je bezoekers/klanten is het ook wel zo handig om te weten hoe het product heet.

<big>Prijs: <php echo money(10.00); ?></big>

Je klanten willen natuurlijk ook wel graag weten wat een product dan kost, voor ze het in de winkelwagen stoppen. De money() functie is een Shopp-functie die ervoor zorgt dat de weergave van het bedrag overeenkomt met de valuta van je webshop. In Euro’s wordt dit dan €10,00.

<p><label for="ProductQuantity">Aantal</label><input type="text" name="ProductQuantity" id="ProductQuantity" value="1" /></p>

Een invoerveld voor het aantal dat toegevoegd moet worden aan de winkelwagen. Hier kun je uiteraard ook een verborgen veld voor gebruiken waarmee je het aantal dat wordt toegevoegd vastzet.

<p><input type="submit" name="addtocart" value="In winkelwagen" /></p>

De button die het formulier verzend.

Aan winkelwagen toevoegen

Met bovenstaande code heb je een leuk formuliertje, maar verder eigenlijk ook niet. We hebben nog code nodig die de verzonden gegevens gaan verwerken.

<?php

// is het formulier gepost?
if ( isset($_POST['addtocart']) )
{
  global $Shopp;
  $Order  =&#038; ShoppOrder();
  $Cart  =&#038; $Order->Cart;
  
  $Product          = new Product((time()-1));
  $NewProduct    = new Item($Product,time());

  $NewProduct->name  = esc_attr($_POST['ProductName']); // productnaam
  $NewProduct->unitprice  = intval($_POST['ProductPrice']); // de prijs per product
  $NewProduct->quantity  = intval($_POST['ProductQuantity']); // aantal van het product
  $NewProduct->taxrate  = shopp_taxrate(); // haal het BTW-percentage uit de Shopp instellingen
  $NewProduct->taxable  = true; // of het product met BTW belast moet worden of niet (true|false)

  $Cart->contents[]  = $NewProduct; // voeg het nieuwe product aan de winkelwagen toe
  $Cart->changed(true); // laat Shopp weten dat de winkelwagen is verandert
}

?>

Shopp heeft ook een speciale functie om producten aan de winkelwagen toe te voegen, Adam heeft daar een voorbeeld van in een van zijn tutorials, maar ik vind deze manier zelf fijner. Zo heb je meer controle over waar het item in de winkelwagen geplaatst wordt.

Custom data per product

Wil je graag custom data toevoegen aan je product(en)? Dat kan uiteraard en dat doe je zo (moet boven $Cart->contents[] = $NewProduct; geplaatst worden):

<?php
  $NewProduct->data['Naam specifiek veld 1'] = esc_attr($_POST['SpecificField1']);
  $NewProduct->data['Naam specifiek veld 2'] = esc_attr($_POST['SpecificField2']);
?>

Vergeet niet om de inputs voor deze velden ook toe te voegen aan het formulier (al dan niet met verborgen velden).

Verwijderen uit winkelwagen

Om het product uit de winkelwagen te verwijderen heb je geen extra code nodig, hier zorgt Shopp zelf voor.

• Kadobonnen
• Transformeer producten naar cadeaubonnen.
• Stuur de cadeaubon, via e-mail, naar de juiste persoon (in HTML of PDF).
• Recent bekeken
• Een widget die de laatst bekeken (door betreffende bezoeker) producten weergeeft.
• Standaard product type
• Kies welk product type standaard geselecteerd staat bij het aanmaken van een nieuw product
• Standaard betaalmethode
• Kies welke betaalmethode standaard geselecteerd staat in het bestelproces.

Een jaar updates en support

Een hele tijd terug was ik al eens op de hoogte gebracht van het bestaan van Zingiri. Er werd mij toen gevraagd wat ik van die plugin vond. Aangezien ik de plugin verder niet kende en de site er niet erg professioneel uitzag vertrouwde ik de plugin niet echt.

Nou zag ik dat de site vernieuwd was, en aangezien ik deze plugin toch wilde bekijken voor deze serie, besloot ik om nu de plugin eens te downloaden.

WordPress statistieken

De statistieken van het aantal downloads op WordPress.org zien er veelbelovend uit. De plugin is in totaal ruim 36.000 keer gedownload.

Betaalmethoden

Er staat niet duidelijk vermeld welke betaalmethoden er allemaal gebruikt kunnen worden, alleen een kleine selectie:

• PayPal
• Worldpay
• Google Checkout
• iDEAL (hoe en wat staat er niet bij vermeld)

Features

Ik vind de features pagina niet fijn lezen, je kunt niet snel (door middel van plaatjes) zien over wat voor categorie het stukje gaat, je zult het dus allemaal moeten lezen. Dit is wat ze zelf de key-features noemen:

• Makkelijke installatie en configuratie
• Verkoop digitale en fysieke producten
• Compleet klantenbeheersysteem
• Compleet bestel en voorraad systeem
• AJAX winkelwagen
• One-page-checkout
• Ondersteuning voor meerdere betalingsmethoden
• Meertaligheid ondersteuning
• Ondersteuning voor lokale belastingen
• XML-import van producten
• Gratis support en updates
• Gehoste versie of plugin (ook verkrijgbaar voor Joomla en Drupal)

Installatie

Ik heb Zingiri gedownload (voor WordPress uiteraard) en geinstalleerd. Althans, ik heb een poging gedaan.

Na activatie krijg je een mooie groene balk die je zegt dat je het installatie-proces moet doorlopen om de Zingiri Web Shop daadwerkelijk te kunnen gebruiken.
Na het klikken op de ‘installation’ link kom je op de volgende pagina terecht:

En daar lees ik iets waar ik niet zo van hou:

Select how and where you want to display the Zingiri logo. You can display it at the bottom of your site or at the bottom of every shop page.
Only select other if you received a written confirmation from us that it is ok to do so.

Ik hou er niet van als ik verplicht wordt om een logo weer te geven op de site. Nou ja, niet als ik hier niet vantevoren van wist (en dan bedoel ik: voor ik tijd nam om het te downloaden en te activeren). Nou is dit niet voor een klantsite, maar gewoon een lokale test-installatie, dus maakt het me niks uit of er een logo te zien komt of niet.

Dus: geselecteerd wat van toepassing was (alleen de nieuwsbrief verandert) en dan klik je op Install. En dan….. een prachtige witte pagina. Na verversen kreeg ik een prachtige foutmelding in beeld en welke pagina ik ook probeerde te openen: het enige dat ik kreeg was die foutmelding.

Unknown column ‘ID’ in ‘where clause’

Dus Zingiri weer uit de plugins gegooid en uiteraard deed de backend het toen wel weer. Bedacht me toen dat ik Shopp nog had geactiveerd en twee webshop plugins tegelijkertijd actief hebben is natuurlijk een beetje onzin, dus Shopp gedeactiveerd en Zingiri geprobeerd opnieuw te installeren. Meteen na het activeren van de plugin kreeg ik diezelfde foutmelding weer: ook geen succes dus.

Mijn mening

De plugin zal vast voor genoeg mensen werken, hij is immers ruim 36.000 keer gedownload.

De website leest, ondanks de vernieuwing, niet erg lekker. Er worden weinig afbeeldingen gebruikt en die kunnen – zeker op de Features pagina – juist voor herkenning zorgen zodat het lezen van de tekst niet perse nodig is.

Daarnaast hou ik er dus niet van om een logo te moeten weergeven van een plugin die ik gebruik, althans: niet op klantsites. Als er een gratis versie naast een betaalde versie beschikbaar is vind ik het ook niet erg als de gratis versie een logo weergeeft (denk bijvoorbeeld aan de FlippingBook^TM plugin).
Ach, misschien is het ook gewoon de wijze waarop het gecommuniceerd wordt dat me tegen de borst stuit

Eindoordeel

Ook deze plugin zal ik nooit voor mezelf, of klant, gebruiken.

Ga naar de spicywebdesigners.com website om het interview te lezen

Nederlandse wetgeving

Om het versturen van gegevens op websites te beveiligen maak je gebruik van SSL; dit betekent Secure Socket Layer. Dit is geen standaard vereiste in Shopp, nog beter gezegd: je kunt het zelfs helemaal uitzetten (er zijn betaalmogelijkheden waarmee Shopp SSL automatisch ‘aanzet’ voor de checkout-procedure).

Leuk, maar als je aan de Nederlandse wetgeving wilt voldoen zul je de gegevens die klanten versturen moeten beveiligen. Dat betekent ook de pagina’s waarop ze de gegevens invullen (dus de gehele checkout-procedure, maar ook de Account-pagina’s want daar staan ook privé-gegevens op).

SSL

Zoals ik al noemde heb je SSL nodig voor het beschermen van het versturen van de gegevens van je klanten. Hier moet je bij je hosting dus rekening mee houden, niet alle providers ondersteunen dit. Je moet ook kijken hoe je SSL moet gebruiken, bij de ene heb je een aparte map voor de pagina’s die via https bereikbaar moeten zijn, bij de ander kan alles in dezelfde map.

Om het jezelf makkelijker te maken is de laatste (alles in dezelfde map) het beste, eerlijk gezegd zou ik me ook niet kunnen voorstellen dat het met een aparte https-map zou kunnen werken (en dan dus als je niet alles in die map hebt zitten).

SSL certificaat aanschaffen

Om SSL te kunnen gebruiken heb je een SSL certificaat nodig, hiermee laat je aan je bezoekers weten dat de verbinding beveiligd is en hun gegevens dus niet onderschept kunnen worden. Zelf schaf ik de SSL-certificaten altijd bij Xolphin aan, ik kan je ze ook van harte aanraden. Ze bieden een goede service en zijn niet duur.

Alles achter https

Om het jezelf nog makkelijker te maken gooi je alles achter het SSL certificaat (dus de gehele website bereikbaar via https ipv http). WordPress moet zelf ook weten dat het via https bereikbaar moet zijn, hiervoor kun je de WPSSL plugin installeren.

Verdere beveiliging

Met SSL beveilig je alleen de verbinding tussen de klant en jouw website, waardoor gegevens die ze versturen niet onderschept kunnen worden. Maar hiermee beveilig je de website zelf niet, die is namelijk nog even vatbaar voor hackers als voor het installeren van de SSL certificaat.

Om de website zelf te beveiligen raad ik je aan om mijn http://hiranthi.nl/wordpress/wordpress-installatie-beveiligen/ post te lezen. Onderschat ook zeker de keuze van een goede en betrouwbare hostingprovider niet. Ik heb al mijn websites ondergebracht bij Oxilion op een eigen VDS (voorheen JR-Online), hun service is ongelooflijk goed.

Je kunt een service als Comodo HackerProof gebruiken om bezoekers te laten zien dat je website hackerproof is, dit vergroot het vertrouwen dat een bezoeker heeft in je webshop (natuurlijk ook voor ‘gewone’ websites te gebruiken) en zal over het algemeen ook voor meer verkopen zorgen.

Wat is AssurePay?

AssurePay is een payment service provider, een bedrijf die het mogelijk maakt om betalingen via iDEAL te ontvangen.

Maar dat kan Mollie toch ook? Dat klopt, maar betalingen via Mollie kosten 99ct per transactie (exclusief BTW) en via AssurePay kost het 45ct per transactie (inclusief BTW). Nou is het ene bedrijf het andere niet natuurlijk, maar dit geeft een groter publiek de mogelijkheid om iDEAL betalingen in Shopp te ontvangen.

Support

De betalingsmethode is door de mensen van AssurePay gemaakt, ik geef hier dus geen support op. Heb je er problemen mee, of weet je verbeteringen etc. dan raad ik je aan contact met AssurePay op te nemen via hun Contact pagina.

Downloaden

In overleg met de mensen van AssurePay zet ik de betalingsmethode hier neer om te downloaden. Hij komt ook op hun website te staan op de Implementatie pagina, maar dat kan nog wel even duren.

Heel veel plezier ermee!

Installeren

De inhoud van het zip-bestand (dus de map AssurePay en de inhoud daarvan) kopieer je naar de gateways map in je Shopp map (wat dus iets is als: wp-content/plugins/shopp/gateways).

Om de betalingsmethode te activeren ga je naar Shopp -> Settings -> Payments en kies je AssurePay uit de dropdown list. Vul de benodigde informatie in en sla de gegevens op.

Het is niet zo heel moeilijk, het enige dat je hoeft te doen is de volgende code aan je functions.php toevoegen:

<?php
if ( is_plugin_active('shopp/Shopp.php') )
{
    shopp_deregister_script('colorbox'); // het script niet meer laden
    wp_deregister_style('shopp.colorbox'); // het css bestand is dan uiteraard ook niet meer nodig
}
?>

Shopp instellingen

Het activeren van het berekenen van BTW over de verzendkosten is erg makkelijk, je gaat naar Shopp -> Instellingen -> Belastingen en activeert ‘Belasting verzending’.

Meerdere BTW-tarieven

Niet moeilijk dus, maar hoe gaat dat dan als je meerdere belasting-tarieven gebruikt?

Shopp gebruikt standaard het tarief dat voor alle markten geldt. Aangezien verzendkosten met 19% BTW belast dienen te worden moet je dus 19% als het standaard tarief toevoegen voor alle markten.
Het 6% tarief kun je dan, met behulp van de filters, koppelen aan de verschillende categorieën.