Laatst gewijzigd 22/05/2014

6. Look en feel van de betaalpagina

VORMGEVING: Gebruik voor de betaalpagina een ontwerp dat past bij de uitstraling van uw merk en dat voldoet aan de behoeften van uw klanten wanneer ze tot betaling willen overgaan, zodat u een coherente winkelfunnel biedt en de conversie toeneemt.  

De gehoste betaalpagina bevat twee soorten informatie:

  • statische informatie (bijvoorbeeld uw logo)
  • betaalgegevens (bijvoorbeeld referentie van de bestelling, velden waar de klant zijn kaartgegevens invult, etc.).

De statische informatie is afkomstig van de gebruikelijke lay-out van ons systeem of een bepaalde sjabloonpagina van de handelaar. Ons systeem voegt de betaalgegevens dynamisch toe voor elke transactie. 

U kunt de betaalpagina geheel naar eigen inzicht vormgeven en zelfs een aangepaste HTML en CSS op de content toepassen. U hoeft ons alleen maar te laten weten waar de "PAYMENT ZONE" moet worden ingevoegd waarmee de betaling op uw pagina wordt geregeld.

VEILIGE HOSTING: Paypage biedt veilige hosting voor uw betalingspaginasjabloon zodat u voldoet aan PCI.

Opmerking: U kunt de volgende sectie met een demo over het aanpassen van de sjabloon overslaan als u niet van plan bent om de betaalpagina te wijzigen.

6.1 Responsieve betaalpaginasjabloon van Paypage

Onze volledig responsieve betaalpaginasjabloon is de perfecte en de makkelijkste oplossing voor uw klanten voor een online winkelbeleving op meerdere schermen. Hiermee garanderen we u een geoptimaliseerde weergave, zowel op desktops als op mobiele apparaten.

  • Om de responsieve betaalpaginasjabloon te activeren vanuit de backoffice, gaat u naar Configuratie > Sjabloon > Sjabloon selecteren, en klikt u op de responsieve betaalpaginasjabloon "Activeren".
  • Om de sjabloon te personaliseren door uw logo toe te voegen, gaat u naar Configuratie > Sjabloon > Bestandsbeheerder, en uploadt u uw logo, dat u "logo.png" noemt.

6.2 Bewerk en upload uw eigen gepersonaliseerde sjabloon

Met behulp van een sjabloon op de gehoste betaalpagina hebt u veel meer mogelijkheden om de vomgeving van de pagina aan te passen dan wanneer u alleen uw logo, titel en kleurvelden gebruikt.

U kunt uw sjabloonpagina helemaal zelf ontwerpen, waarbij u op die pagina slechts één gebied overlaat dat door ons systeem wordt ingevuld.

Uw sjabloonpagina en -bestanden worden gehost in onze veilige omgeving, die we de 'statische sjabloon' noemen.

Download onze demosjabloon voor e-Commercebetaalpagina's

Aarzel niet om onze demosjablonen uit te proberen die zowel desktop- als mobiele browsers ondersteunen. U kunt ze als zodanig gebruiken of ze eenvoudig verder aanpassen aan uw behoeften. Volg deze stappen om de sjablonen gratis te downloaden en toe te passen:

  1. Download het zip-bestand.
  2. Ga vanuit Backoffice naar Configuratie > Sjabloon > Geavanceerde configuratie > Gebruik van dynamische template toestaan > Ja om de sjablonen te activeren.
  3. Ga naar Configuratie > Sjabloon > File manager (Bestandsbeheer) om de verschillende bestanden in het zip-bestand te uploaden (geen map).
  4. Ga naar Configuratie > Sjabloon > Sjabloon selecteren om de “Standaardmerchantsjabloon” van uw voorkeur voor e-Commerce te selecteren.

BELANGRIJK: 

  • Onze sjabloon voor een reactieve betalingspagina zal eisen dat de betalingsmethoden in een verticale volgorde worden weergegeven. Verzend voor elke transactie de aanvullende parameter PMLISTTYPE=2 om dit te laten gebeuren.
  • U kunt hier stoppen als u ervoor kiest om uw e-Commercepagina niet aan te passen. Raadpleeg het volgende gedeelte voor meer informatie over het aanpassen van uw e-Commercepagina met onze demosjabloon.
  • Het platform ondersteunt meerdere sjablonen. U kunt de standaardsjabloon voor een transactie afwijzen en een specifieke selecteren met de parameter "TP" in uw POST-verzoek (TP = <volledige naam van het HTML-bestand inclusief extensie>).

Zware aanpassing: ontwerp  uw eigen betaalpagina 

Naast het aanpassen van de meegeleverde css-bestanden kunt u ook de HTML voltooien door uw eigen kop- en voettekstgegevens toe te voegen. Zie hoofdstuk 6.2.2 voor meer informatie. Pas om veiligheidsredenen geen ongeautoriseerde externe gegevens/bestanden toe; alle bestanden en gegevens moeten worden geüpload naar File Manager (Bestandsbeheer) om te kunnen worden gebruikt.

6.2.1 Verborgen velden

Het volgende verborgen veld wordt gebruikt om de bestandsnaam van uw templatepagina door te sturen:

<input type="hidden" name="TP" value="">

Veld
Omschrijving
TP Bestandsnaam van de sjabloon gehost door Paypage.

Voorbeeld:

<input type="hidden" name="TP" value="mytemplatefile.html">

6.2.2 Betaalzone

U kunt de dynamische-templatepagina geheel naar eigen wens ontwerpen. De enige vereiste is dat ze de tekenreeks "$$$PAYMENT ZONE$$$" (betaalzone) bevat, die aangeeft waar onze e-Commerce-module haar velden dynamisch kan toevoegen. Bijgevolg moet ze ten minste het volgende bevatten:

<html>
$$$PAYMENT ZONE$$$
</html>

Belangrijk

Gebruik geen BASE-tags, frames of FORM-tags om de tekenreeks $$$PAYMENT ZONE$$$ af te bakenen.


6.2.3 Style sheets

Door style sheets (opmaakmodellen) aan uw templatepagina toe te voegen kunt u de vormgeving en uitstraling van uw betaalpagina's personaliseren.

We hebben een klasse gedefinieerd voor de diverse typen tabellen en cellen binnen onze tabellen, evenals een klasse voor verzendknoppen. U moet het volgende blok code tussen de tags <head></head> toevoegen en de eigenschappen van deze klassen wijzigen zodat ze passen bij de vormgeving en uitstraling van uw site (volgens het voorbeeld van de genoemde templatepagina):

<style type="text/css">
<!--
td.ncolh1 {background-color : #006600; color : yellow; font-family : verdana}
td.ncoltxtl {background-color : #ffffcc; color : black; text-align : right; font-weight : bold}
td.ncoltxtl2 {background-color : #ffffcc; color : black; text-align : right; font-weight : bold}
td.ncoltxtr {background-color : #ffffcc; color : black; text-align : left; font-weight : bold}
td.ncoltxtc {background-color : #ffffcc; color : black; text-align : center; font-weight : bold}
td.ncolinput {background-color : #ffffcc; color : black}
td.ncolline1 {background-color : #ffffff; color : black}
td.ncolline2 {background-color : #ffffcc; color : black}
input.ncol {background-color : #006600; color : white}
td.ncollogoc {background-color : #ffffcc; color : black; text-align : center; font-weight : bold}
table.ncoltable1 { background-color: #ffffcc;   }
table.ncoltable2 { background-color: #ffffcc;  border-width : medium; border-color : green; }
table.ncoltable3 { background-color: #ffffcc;   }
-->
</style>

Wanneer u uw eigen lay-outinstructies invoert, moet u zich houden aan de syntaxis van Cascading Style Sheets. Wij raden u ten zeerste aan om dit in verschillende browsers te testen, omdat er enorme verschillen kunnen zijn in de manier waarop deze omgaan met style sheets.

6.3 Dynamische template

Met de dynamische sjabloonpagina hebt u meer mogelijkheden om de vormgeving van de betaalpagina aan te passen dan met de statische sjabloon.

Wanneer u een dynamische-sjabloonpagina gebruikt, ontwerpt u volledig uw eigen sjabloonpagina, waarbij u op die pagina slechts één gebied overlaat dat door ons systeem wordt ingevuld. U dient ons de URL van uw sjabloonpagina te sturen in de verborgen velden voor elke transactie.

Houd er rekening mee dat het gebruik van een dynamische-sjabloonpagina een extra verzoek van ons systeem inhoudt om uw sjabloonpagina op te zoeken. Dit betekent dat het betaalproces langer duurt.

Belangrijk

Om aan de nieuwste PCI-DSS te voldoen bent u verplicht uw sjabloon (en de bijbehorende bestanden) te hosten in een omgeving met de hoogste PCI-certificering.

6.3.1 Verborgen velden

Het volgende verborgen veld wordt gebruikt om de URL van uw templatepagina door te sturen:

<input type="hidden" name="TP" value="">

Veld
Omschrijving
TP URL van de dynamische-templatepagina van de handelaar (de pagina moet aan de kant van de handelaar worden gehost). De URL moet absoluut zijn (het volledige pad bevatten), d.w.z. mag niet relatief zijn. Specificeer geen poorten in uw URL. Wij aanvaarden alleen poort 443 en poort 80. Elke in de templatepagina opgenomen component moet ook een absolute URL hebben.

6.3.2 Payment zone (betaalzone)

U kunt de dynamische-templatepagina geheel naar eigen wens ontwerpen. De enige vereiste is dat ze de tekenreeks "$$$PAYMENT ZONE$$$" (betaalzone) bevat, die aangeeft waar onze e-Commerce-module haar velden dynamisch kan toevoegen. Bijgevolg moet ze ten minste het volgende bevatten:

<html>

$$$PAYMENT ZONE$$$

</html>

Belangrijk

Gebruik geen BASE-tags, frames of FORM-tags om de tekenreeks $$$PAYMENT ZONE$$$ af te bakenen.

Een voorbeeld van een dynamische-templatepagina vindt u op het volgende adres: https://secure.paypage.be/ncol/template_standard.htm

6.3.3 Dynamisch gedrag

Dezelfde templatepagina kan worden gebruikt voor alle bestellingen, of de templatepagina kan door uw toepassing dynamisch worden gegenereerd volgens de parameters van de bestelling.

Om de templatepagina dynamisch te genereren, kan de handelaar voor de bestelling een specifieke pagina maken waarvan de URL in de verborgen velden wordt doorgestuurd, of kan hij een vaste URL gebruiken maar een resultaat terugsturen dat van het bestelnummer is afgeleid. Om dit mogelijk te maken, voegt ons systeem de belangrijkste betaalgegevens – waaronder het referentienummer van uw bestelling (cf. verwerking na betaling) – toe wanneer het de templatepagina ophaalt:

HTTP request = url_page_template ?ORDERID=...&AMOUNT=...&CURRENCY=…

6.3.4 Style sheets

Door style sheets (opmaakmodellen) aan uw templatepagina toe te voegen kunt u de vormgeving en uitstraling van uw betaalpagina's personaliseren.

We hebben een klasse gedefinieerd voor de diverse typen tabellen en cellen binnen onze tabellen, evenals een klasse voor verzendknoppen. U moet het volgende blok code tussen de tags <head></head> toevoegen en de eigenschappen van deze klassen wijzigen zodat ze passen bij de vormgeving en uitstraling van uw site (volgens het voorbeeld van de genoemde templatepagina):

<style type="text/css">
<!--
td.ncolh1 {background-color : #006600; color : yellow; font-family : verdana}
td.ncoltxtl {background-color : #ffffcc; color : black; text-align : right; font-weight : bold}
td.ncoltxtl2 {background-color : #ffffcc; color : black; text-align : right; font-weight : bold}
td.ncoltxtr {background-color : #ffffcc; color : black; text-align : left; font-weight : bold}
td.ncoltxtc {background-color : #ffffcc; color : black; text-align : center; font-weight : bold}
td.ncolinput {background-color : #ffffcc; color : black}
td.ncolline1 {background-color : #ffffff; color : black}
td.ncolline2 {background-color : #ffffcc; color : black}
input.ncol {background-color : #006600; color : white}
td.ncollogoc {background-color : #ffffcc; color : black; text-align : center; font-weight : bold}
table.ncoltable1 { background-color: #ffffcc;   }
table.ncoltable2 { background-color: #ffffcc;  border-width : medium; border-color : green; }
table.ncoltable3 { background-color: #ffffcc;   }
-->
</style>

Wanneer u uw eigen lay-outinstructies invoert, moet u zich houden aan de syntaxis van Cascading Style Sheets. Wij raden u ten zeerste aan om dit in verschillende browsers te testen, omdat er enorme verschillen kunnen zijn in de manier waarop deze omgaan met style sheets.

6.3.5 Prestaties

Ons systeem is geconfigureerd met een time-out van 5 seconden voor het ophalen van de dynamische-templatepagina door het verzoek.

Als een time-out optreedt, zal ons systeem in plaats daarvan uw statische template gebruiken.

Als er geen statische template is geconfigureerd, zal ons systeem in laatste instantie de statische Paypage-template gebruiken.

Dit veld HTTPTimeOut heeft een impact op zowel dynamische-templateverzoeken als feedbackverzoeken na betaling (zie Direct feedback-verzoeken (na betaling)). Dit betekent dat als u zou beslissen om de time-out te wijzigen in bijvoorbeeld 15 seconden, de time-out voor het feedbackverzoek ook 15 seconden wordt.

Voor elke bestelling voert ons systeem een verzoek uit om uw dynamische-templatepagina op te halen. Als u zeer veel transacties hebt of als u een grote templatepagina hebt (bijvoorbeeld omdat uw dynamische-templatepagina een groot aantal afbeeldingen bevat), kunnen deze http-verzoeken lang duren. Neem contact op met ons Sales team voor een oplossing als u zeer veel transacties hebt.

6.4 Mobiele sjabloon

U kunt de weergave van de betaalpagina op mobiele apparaten (smartphones, tablets, enz.) optimaliseren met een sjabloonpagina met opmaakmodellen, zoals in de volgende hoofdstukken wordt uitgelegd.

6.4.1 Opmaakparameters

Hieronder staan de velden die kunnen worden aangepast door gegevens in te voeren in een verzoek:

<input type="hidden" name="TITLE" value="">
<input type="hidden" name="BGCOLOR" value="">
<input type="hidden" name="TXTCOLOR" value="">
<input type="hidden" name="TBLBGCOLOR" value="">
<input type="hidden" name="TBLTXTCOLOR" value="">
<input type="hidden" name="BUTTONBGCOLOR" value="">
<input type="hidden" name="BUTTONTXTCOLOR" value="">
<input type="hidden" name="LOGO" value="">
<input type="hidden" name="FONTTYPE" value="">

Veld

Omschrijving

Standaardwaarde

TITEL Titel van de pagina Title
BGCOLOR Achtergrondkleur white
TXTCOLOR Tekstkleur black
TBLBGCOLOR Achtergrondkleur voor de rechterkolommen white
TBLTXTCOLOR Tekstkleur voor de rechterkolommen black
BUTTONBGCOLOR Kleur van knopachtergrond N.v.t.
BUTTONTXTCOLOR Kleur van knoptekst black
LOGO

URL/bestandsnaam van het logo dat u op de betaalpagina wilt weergeven

https://secure.paypage.be/images/merchant/[PSPID]/[image]

-
LETTERTYPE

Lettertypegroep

Verdana

6.4.2 Sjabloon

Het volgende verborgen veld wordt gebruikt om de URL van uw sjabloonpagina door te sturen:

<input type="hidden" name="TP" value="">

Veld Omschrijving
TP

URL van de dynamische-sjabloonpagina. De URL moet absoluut zijn (het volledige pad bevatten), d.w.z. mag niet relatief zijn. Elke in de sjabloonpagina opgenomen component moet ook een absolute URL hebben.

Belangrijk: Om aan de nieuwste PCI-DSS (2015) te voldoen, bent u verplicht uw sjabloonitems voor de betaalpagina te hosten in een omgeving met de hoogste PCI-certificering. Daarom raden wij u aan uw bestanden te hosten bij Paypage.

Betaalzone

U kunt de sjabloonpagina geheel naar eigen wens ontwerpen. De enige vereiste is dat ze de tekenreeks "$$$PAYMENT ZONE$$$" bevat, die aangeeft waar onze e-Commerce module haar velden dynamisch kan toevoegen. Bijgevolg moet ze ten minste het volgende bevatten:

<html>
$$$PAYMENT ZONE$$$
</html>

Bekijk de Voorbeeldsjablonen om inspiratie op te doen met de door ons gemaakte sjablonen, of maak gewoon uw eigen sjabloon op basis van die van ons.

6.4.3 Opmaakmodellen (css)

Om de CSS inzichtelijk te maken, zodat deze eenvoudiger kan worden beheerd, hebben we de sjabloon-CSS verdeeld in vier hoofdonderdelen:

Opmerking: Hoewel de onderstaande voorbeeldafbeeldingen laten zien op welke elementen de css van invloed is, kan de gebruikte opmaak (kleuren, afbeeldingen, enz.) afwijken van wat in de bijbehorende voorbeeldcodes wordt beschreven.


Header

Met deze opmaak kunt u de header van de betaalpagina wijzigen zoals hieronder getoond:

Element(s)

- Lock Part

.securedBG
{
background: #797979;
}
.secured
{
padding: 8px 20px 0px 40px;
color: #ffffff;
width: 235px;
margin: 0 auto;
background: url("lock.png") 5px no-repeat #797979;
height: 30px;
}

- Order Summary

table.ncoltable1
{
width: 100%;
margin: 0 auto;
min-width: 300px !important;
}
td.ncoltxtl
{
font-family: open-sans ,Verdana,sans-serif;
font-size: 14px;
background-color:#ffffff;
text-align : left !important;
font-weight : bold !important;
vertical-align:bottom;
}
td.ncoltxtr
{
text-align: left;
font-weight: normal;
font-family: open-sans ,Verdana,sans-serif;
font-size: 14px;
background-color:#ffffff;
}

 

Betaalgegevens

Met deze opmaak kunt u de sectie Betaalgegevens wijzigen zoals hieronder getoond:

td.ncolinput
{
text-align: left;
font-weight: normal;
font-size: 14px;
font-family: open-sans ,Verdana,sans-serif;
display: block;
box-shadow: none !important;
}
input.ncol
{
background-color: #ffffff;
height: 40px;
font-size: 14px;
text-align: center;
padding: 0px;
font-family: open-sans ,Verdana,sans-serif;
margin: 0 35px 20px;
border-bottom: 1px solid #999999;
border-radius: 0px;
-webkit-appearance: none !important;
-webkit-border-radius: 0 !important;
}
td.ncoltxtl2
{
text-align: left;
font-family: open-sans ,Verdana,sans-serif;
white-space: nowrap;
display: block;
font-size: 14px;
background-color:#ffffff;
}

 

Voettekst

Met deze opmaak kunt u de voettekst van de betaalpagina instellen:

Element(s)

td.ncollogoc
{
text-align: center;
font-weight: normal;
font-size: 14px;
padding: 2px;
vertical-align: top !important;
}
td.ncollogoc IMG
{
width: 90px;
height: 55px;
margin-right: 4px;
}
.ncollogoc td .ncol
{
width: auto;
padding-right: 10px;
padding-left: 10px;
cursor:pointer;
}
.ncollogoc input.ncol
{
margin-top:10px !important;
-webkit-appearance: none !important;
-webkit-border-radius: 0 !important;
}

 

Sectie betaalstatus

Via deze sectie kunt u de uitstraling van de betaalstatuspagina aanpassen zoals hieronder getoond:

Element(s)

td.ncoltxtc
{
background-color:#ffffff;
color:#999999;
padding: 0px;
text-align: left;
font-weight: normal;
font-size: 14px;
border-top: 0px solid #ffffff;
font-family: open-sans ,Verdana,sans-serif;
}
td.ncoltxtc h3
{
text-align: center;
font-weight: normal !important;
padding: 5px;
font-family: open-sans ,Verdana,sans-serif;
}
td.ncoltxtmessage
{
background-color: #ffffff;
color: #999999;
text-align: left;
font-weight: normal;
}

 

De pagina zou er nu als volgt uitzien:

6.4.4 Voorbeeldpagina's

Om u te helpen, hebben we zelf twee pagina's gemaakt.

De eerste is een merkversie die u als voorbeeld kunt gebruiken:

https://secure.paypage.be/ncol/StandardMobileTemplate.htm

Ook kunt u de volgende 'gestripte' versie gebruiken als basis voor uw sjabloon:

https://secure.paypage.be/ncol/StandardMobileTemplate_generic.htm

Dezelfde twee sjablonen met aanvullende bestanden (lettertypen, afbeeldingen) kunnen hier worden gedownload als zipbestand.

6.5 Template File Manager (Sjabloonbestandsbeheer)

Met Template File Manager (Sjabloonbestandsbeheer) kunt u eenvoudig uw sjablonen/templates en de bijbehorende bestanden beheren.

Als u File Manager wilt gebruiken, meldt u zich aan bij uw Paypage account en selecteert u 'Configuratie' > 'Sjabloon' > 'File Manager'.

Belangrijk
Het is niet mogelijk om bestanden die eerder zijn geüpload door Paypage tegelijkertijd te gebruiken met bestanden die zijn geüpload met File Manager in uw integratie.
Als u bestanden hebt die in het verleden zijn geüpload door Paypage moet u die bestanden zelf opnieuw uploaden met File Manager.

6.5.1 Sjabloonbestanden uploaden

Klik onder 'Sjabloonbestanden uploaden' (Upload Template Files) op 'Bestanden...' (Files) om te zoeken naar de bestanden die u wilt uploaden. U kunt Javascripts, html, css en afbeeldingen (.css, .jpg, .jpeg, .gif, .png, .html, .js) uploaden (maximaal 7 MB per bestand en 10 MB in totaal).

Selecteer de bestanden en bevestig uw keuze.

6.5.2 Geüploade bestanden controleren en beheren

Als de bestanden zijn geüpload, worden ze op dezelfde pagina weergegeven in het gedeelte 'Geüploade bestanden'.

De bestanden hebben eerst de status 'Bezig met valideren'. In deze fase worden een aantal noodzakelijke veiligheids-/viruscontroles uitgevoerd.

Zodra de bestanden de status 'Gevalideerd' hebben, kunt u ze gebruiken.

Klik op de knop 'Refresh' (Vernieuwen)  om de huidige status van uw bestanden te controleren; klik op de knop 'Delete' (Verwijderen)  om een bestand permanent te verwijderen.

Als een bestand de status 'Geweigerd' heeft, is het niet door de veiligheidscontrole gekomen. Er kan dan bijvoorbeeld een virus zijn aangetroffen of de bestandsextensie is onjuist. 

6.5.3 Integratie

In uw sjablonen verwijst u naar uw geüploade bestanden met een code die de volgende structuur heeft: "$$$TP RESOURCES URL$$$/[uw bestandsnaam]".

Wilt u echter een bron gebruiken in een css-bestand, dan moet u in plaats daarvan naar de volgende code verwijzen: "./[uw bestandsnaam]

Voorbeeld:

Om naar uw geüploade sjabloon in uw e-Commerce integratie te verwijzen, verzendt u de sjabloonbestandsnaam met de 'TP'-parameter.

Voorbeeld: TP=mytemplatefile.html

Werkt u met een basisintegratie e-Commerce met een logo boven aan de pagina, dan moet u naar het geüploade logo verwijzen door de bestandsnaam samen met de 'LOGO'-parameter te verzenden.

Voorbeeld: LOGO=mycompanylogo.png

6.6 Template security control (Veiligheidscontrole op template)

Om uw klanten te beschermen tegen frauduleuze activiteiten, zoals manipulatie van gevoelige kaartgegevens (kaartnummer, verificatiecode), werden verschillende veiligheidscontroles voor de handelaarstemplate beschikbaar gesteld.

In het deel "Template" op het tabblad "Algemene beveiligingsparameters" van uw "Technische instellingen"-pagina kunnen de volgende instellingen worden geconfigureerd:

  • JavaScript-controle op template activeren
    U kunt deze functie inschakelen om het gebruik van Javascript op de templatepagina te detecteren. Als Javascript wordt gedetecteerd, wordt de sjabloon geblokkeerd en wordt in plaats daarvan de standaardtemplate gebruikt.
  • Gebruik van dynamische template toestaan (optioneel, afhankelijk van uw abonnement)
    Als u Gebruik van dynamische template toestaan selecteert, is het verplicht om het veld Naam van vertrouwde websitehost die de dynamische sjabloon host te configureren. Dit veld kan meerdere webhosts (gescheiden door puntkomma's) bevatten, maar ze moeten allemaal de volledige URL (bijvoorbeeld http://www.website.com/) bevatten. De submappen kunnen worden weggelaten. Als de dynamische template http://www.website.com/templates/nl/template1.htm is, volstaat het dus om http://www.website.com te configureren als vertrouwde webhost.

    Daarnaast kunt u ook één of meer URL's van volledig vertrouwde dynamische templates (gescheiden door puntkomma's) configureren in het veld URL van vertrouwde dynamische template.

Als samen met een transactie een dynamische template wordt doorgestuurd maar dynamische templates niet zijn toegestaan, wordt de template geblokkeerd en gebruikt ons systeem in plaats daarvan de statische template.
Als er geen statische template is geconfigureerd, wordt de standaard Paypage-template gebruikt.

Standaard worden JavaScript-controle op template inschakelen toestaan.

6.7 Hangslot beveiligde omgeving

De URL die wordt gebruikt om de klant te verbinden met ons platform maakt gebruik van een beveiligd protocol (https). Alle communicatie tussen ons e-Commerce-platform en de klant wordt veilig versleuteld (gecodeerd).

Het hangslotpictogram in de browser – dat aan de klant aangeeft dat de site beveiligd is – wordt mogelijk niet weergegeven als sommige elementen (bijvoorbeeld afbeeldingen) in de sjabloonpagina zich niet op een beveiligde server bevinden of als sommige frames op het scherm pagina's tonen die niet afkomstig zijn van beveiligde sites.

Zelfs als de communicatie met betrekking tot de verwerking van de betaling wordt versleuteld, zullen de meeste browsers geen beveiligde verbinding herkennen, tenzij alle elementen op het scherm, met inbegrip van afbeeldingen, geluiden, etc. afkomstig zijn van beveiligde sites.

Bij handelaren die geen beveiligde site hebben, moet rekening worden gehouden met de volgende regels:

  1. Gebruik geen frames voor de betaalpagina's: u kunt het volledige scherm vernieuwen met een sjabloonpagina die eruit ziet alsof u frames gebruikt, of u kunt toestaan dat de betaling in een nieuw venster wordt verwerkt.
  2. Link geen bestanden naar de templatepagina (<link> -tag) die u gebruikt voor de betaalpagina. Gebruik in plaats daarvan de <style> and <script> tags to include styles and scripts into the template page.
  3. Bewaar de afbeeldingen in uw template op een beveiligde server (de templatepagina zelf kan op een niet-beveiligde server, de afbeeldingen niet). Paypage biedt hosting aan voor o.m. afbeeldingen (log in op uw account om uw "image hosting"-opties te bekijken).

6.8 Betaalpagina in iframe

Met iframe kunt u een externe webpagina (zoals de betaalpagina) integreren in uw website, met behoud van uw eigen URL in de browser.

In de huidige context heeft iframe ook zeer aanzienlijke nadelen:

  • Omdat de URL die van uw website is, kan het een gewone http (in plaats van een https) zijn en is het mogelijk dat het hangslotpictogram niet in de browser wordt weergegeven. Dit kan ertoe leiden dat klanten gaan twijfelen aan de veiligheid van de webwinkel.
  • Sommige betaalmethoden (zoals Giropay, Sofort, Bancontact/Mister Cash, PayPal, etc.) gebruiken omleidingen, wat problemen kan geven met de lay-out en/of navigatie.

Daarom raadt Paypage het  gebruik van iframe af en is het gebruik ervan de verantwoordelijkheid van de handelaar. Paypage raadt in plaats daarvan ten zeerste aan om een dynamische template te gebruiken.

Als u toch nog iframe wilt integreren, raden wij u ten zeerste het volgende aan:

  • Gebruik iframe alleen op de pagina voor de keuze van de betaalmethode (en daarna)
  • Gebruik indien mogelijk pop-ups voor externe betaalmethoden om de zichtbaarheid van webapplicaties van derden te garanderen.