Puzzel op je website plaatsen

Via deze site maak je een puzzel. Je kan de embed-code kopiëren en in je website plakken. Bezoekers van je website kunnen puzzelen op jouw site, zonder de bladzijde te moeten verlaten! Bekijk hier het stappenplan:

Stap 1: Ga naar

http://www.jigzone.com/

én noteer natuurlijk je gegevens!

Stap 2:  Na registratie kun je inloggen, en kom je op onderstaand scherm.

1 = doordat er daar 'sign out' staat, weet je dat het inloggen gelukt is

2 = hier moet je klikken om een nieuwe foto/puzzel toe te voegen
       Let op: vooraf moet je je foto resizen tot 400 x 300 pixels

3 = hier zie je hoeveel puzzels je al staan hebt op de site van Jigzone

4 = klik op My Puzzles om al je (eerder toegevoegde) puzzels te zien
       én eventueel iets te wijzigen

5 = hier klik je om uit te loggen

puzzle maken voor je website

Stap 3: Nadat je de foto hebt toegevoegd, kom je in het overzicht van alle puzzels.
              Kies de embed-knop bij de puzzel die je wilt tonen op je website.

Stap 4: Kies bovenaan aantal én soort stukken voor je puzzel.
MO: enkel de mogelijkheden met 'Classic' leveren een puzzel op met gewone stukken...

Stap 5: Let op! Onderstaand model zal NIET werken: de rechterkant van de puzzel zal onder de blokjes van de webring schuiven, en dus onzichtbaar zijn voor de bezoeker. 


Stap 6: Daarom kun je alleen kiezen voor deze vorm:

De (eigenlijk overbodige) linkerkant zal nu verdwijnen onder de namen van de bladzijden, maar dat is geen probleem: je kan de puzzel toch perfect spelen: je ziet nu wel alle stukken. Alleen zul je geen klein voorbeeld zien van de gemaakte puzzel, heb je geen klok én kun je het aantal stukken niet wijzigen. Maar je ziet ook geen reclame op je site en ze kunnen niet wegklikken naar Jigzone: meteen een pluspunt.

Wil je toch een voorbeeld geven, wat het oplossen van de puzzel makkelijker maakt?
Zet dan de te maken foto in een tweede tekstblok.... (zeker aan te raden bij moeilijker puzzels....)

Stap 7:

Ga naar beheer

Ga naar een nieuw tekstblok

Klik op de code-knop

Plak de gekopieerde code

Sla de code op: je puzzel is nu te zien in je website!

 

Proficiat: tis gelukt!

Lees verder: