Wix

In dieser Anleitung sehen wir uns zwei Wege an, Easytools mit Wix zu verbinden:

1. Wix als Landingpage - Deine Produkte liegen in Easytools, Wix ist deine zentrale Landingpage. Jeden Button und jedes Element in Wix kannst du direkt mit dem Easytools-Checkout eines Produkts verlinken.
2. Geschützte Inhalte auf Wix - Mit der Login Wall sperrst du einzelne Seiten, sodass nur zahlende Kunden sie sehen.

Produkte in Easytools zu halten und Wix als Landingpage zu nutzen, ist ein einfaches und sicheres Setup. Alle Transaktionen und die Zugangskontrolle laufen über Easytools - Wix kümmert sich nur um das Aussehen deiner öffentlichen Seite.

Sieh dir das Video-Tutorial zu beiden Themen an:

Teil 1: Produkte verlinken

Wenn deine Produkte in Easytools liegen und Wix deine Landingpage ist, verlinkst du jeden Button und jedes Element direkt mit dem Easytools-Checkout des jeweiligen Produkts.

1. Produktlink aus Easytools kopieren

1. Gehe in Easytools zu Store → Products (Shop → Produkte).
2. Suche das Produkt, das du verlinken willst, und öffne es.
3. Klicke oben auf der Produktseite auf Share (Teilen).
4. Klicke im Teilen-Dialog auf Copy link (Link kopieren) - der Checkout-Link liegt jetzt in deiner Zwischenablage.

2. Link zu einem Wix-Button hinzufügen

1. Öffne deine Seite im Wix Editor.
2. Klicke auf den Button oder das Element, das du verlinken willst.
3. Klicke im Einstellungsfeld auf das Link-Symbol neben Links to.
4. Wähle im Dialog Web address (Webadresse).
5. Füge den Link aus Easytools ein.
6. Klicke auf Done (Fertig).
7. Klicke oben rechts auf Publish (Veröffentlichen), damit die Änderung live geht.

Beim Klick auf den Button landen deine Besucher direkt im Easycart-Checkout dieses Produkts.

Änderungen im Wix Editor sind für Besucher erst sichtbar, wenn du auf Publish klickst. Veröffentliche also nach jeder Anpassung.

Teil 2: Login Wall (geschützte Inhalte)

Mit der Login Wall schützt du einzelne Seiten in Wix - nur wer den Zugang in Easytools gekauft hat, sieht sie. Besucher ohne Zugang werden automatisch zur Easytools-Seite weitergeleitet, wo sie sich anmelden oder das Produkt kaufen können.

Wichtig: Nutze den Custom Code im Wix Dashboard, nicht den Wix Editor. Das Login-Wall-Skript aus Easytools lässt sich nicht über den Website-Editor einbinden (weder als Embed-Element noch über die Velo-Entwicklertools). Es muss über Custom Code in den Einstellungen des Wix Dashboards eingefügt werden.

Folge den Schritten unten, damit das Skript korrekt eingebunden und deine Seite geschützt ist.

3. Login-Wall-Skript aus Easytools kopieren

1. Gehe in Easytools zu Store → Products (Shop → Produkte).
2. Wähle das Produkt, das Zugang zu deiner geschützten Seite geben soll.
3. Klicke oben auf der Produktseite auf das Schloss-Symbol (Gate content).
4. Klicke auf Secure entire page (Ganze Seite schützen).
5. Klicke auf Copy code (Code kopieren), um das erzeugte Skript zu übernehmen.

Bei Wix empfehlen wir Secure entire page. Einzelne Abschnitte zu schützen ist zwar möglich, aber deutlich aufwendiger und fehleranfälliger - mit dem Schutz ganzer Seiten bleibt es einfach und zuverlässig.

4. Skript über den Custom Code im Wix Dashboard einfügen

1. Gehe zu deinem Wix Dashboard (manage.wix.com - nicht der Wix Editor).
2. Klicke in der linken Seitenleiste auf Settings (Einstellungen).
3. Scrolle zum Bereich Development & integrations und klicke auf Custom code.
4. Klicke auf + Add Custom Code.
5. Füge das aus Easytools kopierte Skript in das Code-Feld ein.
6. Gib ihm einen Namen, zum Beispiel EasyTools Login Wall.
7. Wähle unter Add Code to Pages die Option Choose specific pages und dort die Seite, die du schützen willst.
8. Wähle unter Place Code in die Option Head.
9. Klicke auf Apply (Übernehmen).

Die geschützte Seite leitet jetzt jeden Besucher ohne gültigen Kauf zur Login- bzw. Kaufseite von Easytools weiter. Zahlende Kunden mit aktiver Easytools-Sitzung sehen den Inhalt ohne Unterbrechung.

Legst du in Wix eine neue Seite an und willst sie sofort schützen, erscheint sie unter Choose specific pages eventuell noch nicht. Das liegt an Wix - es kann einige Minuten dauern, bis neue Seiten in der Liste auftauchen. Warte kurz und versuche es erneut.

5. Login Wall testen

So prüfst du dein Setup:

1. Stelle sicher, dass deine Wix-Seite veröffentlicht ist - die Login Wall funktioniert nur auf der Live-Seite, nicht in der Vorschau des Wix Editors.
2. Für den Test ohne Zugang: Öffne die geschützte Seite in einem Inkognito- bzw. privaten Fenster. Du solltest sofort zur Easytools-Seite mit der Aufforderung zum Anmelden oder Kaufen weitergeleitet werden.
3. Für den Test als zahlender Kunde: Öffne die geschützte Seite in einem Browser, in dem du bei Easytools angemeldet bist und das Produkt gekauft hast. Die Seite sollte ganz normal laden, ohne Weiterleitung.