Webwinkelintegratie algemeen / Wordpress

Heb je een eigen website? Dan kun je de foto's via jouw eigen site verkopen met Oypo.
Oypo ontwikkelde een eenvoudige tool om jouw eigen Oypo-verkooppagina te integreren op jouw website. Je kunt ervoor kiezen om slechts één map te laten zien, al je (openbare) mappen of de mogelijkheid om in te loggen middels de gegevens op een inlogkaartje. Het is mogelijk om de pagina helemaal in jouw eigen kleuren op te maken. Hoe de webintegratie precies werkt, leggen we hieronder uit.

Nadat je in 'mijn Oypo' hebt gekozen voor de optie 'integratie in eigen website' kun je klikken je op de button 'aanmaken'. Daarna zal dit scherm verschijnen. 

Kies als eerste een naam voor je integratie. Zorg ervoor dat deze herkenbaar is, helemaal als je per map wilt integreren. Deze naam is niet zichtbaar op je website. 

Maak daarna meteen een taalkeuze voor de webintegratie. Je kunt kiezen uit nederlands, duits, engels en frans als basistaal.

Je kunt vervolgens kiezen wat je op de pagina wilt laten zien; Een mappenoverzicht van alle mappen die je openbaar hebt staan, een specifieke map of het inlogscherm van het inlogkaartje. 

Vervolgens kun je kiezen voor een kleurenschema. Als je deze op standaard laat staan, verschijnt de pagina in de Oypo-kleuren op jouw website. Kies voor 'eigen kleuren' als je je eigen huisstijl wilt doorvoeren.

 

Vervolgens verschijnen de kleuren in beeld zoals ze standaard staan ingesteld. Als je klikt op de blokjes verschijnt er een kleurenpallet en kun je je eigen kleuren kiezen. Je kunt er uiteraard ook voor kiezen om een kleurcode in te voeren.

Op deze manier is het eenvoudig om de webintegratie helemaal overeen te laten komen met de huisstijl van jouw website. 

Wil je een eigen stylesheet gebruiken om je webwinkel te personaliseren, dan kan dat ook. Lees hier meer over hoe je dat kunt doen.

Wil je de kleuren van je eigen logo gebruiken, maar dan gebruik van de mogelijkheid om met een pipet precies de juiste kleur te prikken. Dit doe je als volgt: 

  • Zet op je beeldscherm ook een afbeelding van je logo of website open
  • Klik op 'eigen kleuren kiezen' en klik op een gekleurd vlakte. De kleurenwaaier verschijnt. Onderin staat een pipetje, klik deze aan. er verschijnt vervolgens een rondje met in de midden een punt. Met dit puntje in het midden kun je de juiste kleur prikken. het rondje eromheen toont deze kleur. Als je erop klik zet je de kleur vast, de juiste kleur zal in het vakje verschijnen. 
  • Zo ga je te werk met alle kleuren uit je logo, maar het kan ook met de kleuren van bijvoorbeeld je website. 

 

TIP: controleer goed over de gekozen kleuren goed leesbaar zijn op je beeldscherm. 

Druk vervolgens op 'opslaan'

Onder de knop opslaan verschijnt nu in het vak 'Embed Code' een stukje script. Kopieer dit. 

Maak op je site een nieuwe pagina aan, of voeg het stukje script toe aan een bestaande pagina. Let erop dat je dit in de 'Tekst' modus doet of bij sommige websites wordt het aangegeven met <>. Alleen op deze pagina's kun je een stukje script integreren. 

Druk op publiceren en de pagina is zichtbaar. 

Noot; De getoonde schermafbeelding hiernaast is van het Wordpress CMS