Webwinkel integratie in Jimdo website

Zorg dat je met een lege Jimdo pagina begint. Dit is onze bestelpagina zoals de bezoeker 'm nu ziet.

In de web-editor van Jimdo zie je als het goed is de melding "lege pagina".

Als dat niet het geval is, staan er nog (in de editor onzichtbare) elementen op de pagina.
Beweeg dan met je muis over het schijnbaar lege gedeelte van de pagina en je zult zien dat er dan een of meerdere elementen / kaders verschijnen.
Deze dient je eerst allemaal met het prullenbak icoontje te verwijderen, zodat je een lege pagina hebt om mee te starten.

Klik daarna op "inhoud toevoegen".

Er verschijnt nu een aantal elementen waaruit je kunt kiezen.
Hetgeen wij nodig hebben staat hier echter niet bij.
Klik op "Meer elementen en aanvullingen".

Nu verschijnt onder andere het element "HTML".
Klik hierop

Er verschijnt een leeg venster waar je html-code kan invoeren.

Hierin plak je de script-regel die in je OYPO beheeromgeving is aangemaakt en vervolgens klik je op "Opslaan".

Wil je precies weten hoe je deze script regel aanmaakt, bekijk dan deze pagina (In het eerste deel leggen we uit hoe je het script kunt aanmaken).

Nu lijkt het alsof er niets veranderd is, maar schijn bedriegt!

Als je met je muis over de witte ruimte beweegt, licht er een kader op.
Er is dus een element toegevoegd, maar deze is niet zichtbaar in de ontwerp-omgeving van Jimdo.

Toevoeging:

Hier links wordt het onzichtbare element zichtbaar als kader, als je met de muis over de lege, witte pagina heen beweegt.

Ga nu naar de "voorkant" van je website, zoals de bezoeker deze ook ziet.
(klik op linkje "Bekijk als bezoeker", geheel rechtsonder in de ontwerpomgeving)
Nu zal je zien dat de webwinkel succesvol is geintegreerd in je Jimdo website.