Ochrona treści (Login wall)
Zabezpiecz swoje statyczne strony i landingi prostym skryptem, aby mogły je zobaczyć tylko osoby, które kupiły Twój produkt lub mają aktywną subskrypcję, lub pokaż tylko niektóre części strony kupującym.
Jeśli chcesz łatwo udostępnić swoim klientom zakupione materiały (np. kurs online lub e-book), możesz wykorzystać nasz Login Wall, czyli funkcji blokującej dostęp do Twojej strony dla osób, które nie zakupiły wybranego produktu lub nie mają aktywnej subskrypcji. Konfiguracja trwa mniej niż 5 minut.
Wystarczy że dodasz krótki kod w sekcji <head> strony, na której znajdują się treści które chcesz chronić.
Kod wygenerujesz w edycji produktu w panelu. Znajduje się tam opcja Chroń treści.
Wybierz czy chcesz chronić cały produkt, czy konkretny wariant cenowy. Jeśli chcesz zabezpieczyć całą stronę kliknij w Chroń całą stronę, a następnie Kopiuj kod.
Kiedy chronić wybrany wariant ceny a kiedy produkt?
To zależy od Ciebie! Jeśli chcesz zablokować dostęp w zależności od posiadania dowolnego wariantu (ceny) danego produktu, użyj całego produktu. Jeśli dostęp ma być chroniony tylko dla osób, które kupiły specyficzny wariant (cenę), zaznacz opcję Wybierz warianty a następnie wskaż, które warianty zabezpieczyć. Wówczas tylko osoby, które kupiły tą konkretną cenę będą mogły zobaczyć zawartość.
Po skopiowaniu tak wygenerowanego kodu, jedynym Twoim zadaniem jest umieszczenie go w sekcji <head> Twojej strony internetowej. Możesz zrobić to także w edytorach jak Webflow, Landingi, Carrd, Squarespace, Wix i inne.
Możesz także kreatywnie wykorzystać zabezpieczenia dostępu, przykładowo sprzedając swoje treści na Notion z wykorzystaniem serwisów takich jak super.so lub potion.so, które umożliwią edycję sekcji <head>
Ponieważ wszyscy kupujący mają zakładane konta na Easycart, możesz w ten sposób wykorzystać nasze, bezpieczne mechanizmy back-endowe do autoryzowania użytkowników.
W rezultacie, każda osoba, która odwiedza Twoją stronę jest sprawdzana, czy posiada do niej dostęp - jeśli nie, wyświetlamy jej okno logowania (obrandowane Twoim logo), które w rzeczywistości jest logowaniem do Easycart.
Na ogół jednak klienci Easycart nie muszą się logować, ponieważ w pamięci podręcznej przeglądarki mają zapisany nasz token.
Kolejnym etapem jest sprawdzanie, czy dana osoba ma dostęp do konkretnego produktu - jeśli nie, przekierowujemy ją z odpowiednim komunikatem prosto na stronę zakupu. Jeśli tak, wpuszczamy ją na Twoją stronę. Oczywiście, działa to także w przypadku subskrypcji, gdzie dodatkowo weryfikujemy, czy dostęp danej osoby jest ciągle aktywny.
Wszystko odbywa się po Twojej stronie front-endowo co oznacza, że taki snippet możesz wkleić na stronę w dowolnym edytorze jak Landingi, Webflow, Wix itp. po to, by momentalnie chronić odpowiednie treści. Przyznajemy, że ta metoda nie jest aż tak skuteczna jak typowe zabezpieczenie back-endowe po Twojej stronie, ale dołożyliśmy starań, aby jej złamanie było nieco bardziej kłopotliwe, niż typowe rozwiązania bazujące na front-endzie i w naszej ocenie jest to rozwiązanie naprawdę zadowalające.
Pokazywanie lub ukrywanie tylko niektórych elementów na stronie dla klientów
Możesz także pokazać lub ukryć wybrane kontenery czy sekcje na stronie. Jest to ciekawe rozwiązanie, gdy masz jedną stronę sprzedażową, na której zamiast cen i guzika "kupuję", dla klientów którzy już kupili produkt, chcesz pokazać przycisk "przejdź do produktu". W tym celu należy:
- Wygenerować kod do osadzenia na stronie z pomocą opcji Chroń wybrane sekcje
- Umieścić wygenerowany kod w sekcji <head> strony
- Do treści, które mają wyświetlać się dla osób, które nie mają produktu dodaj atrybut data-free
- Do treści, które mają wyświetlać się dla osób, które mają produkt, dodaj atrybut data-paid
Przykład w kodzie:
<div data-paid>Treść kontenera</div>
Możesz też dodać dowolną wartość, nie jest brana pod uwagę, np:
<div data-free="true">Treść kontenera</div>
Zadziała to w ten sposób:
- Jeśli użytkownik jest niezalogowany → zobaczy tylko darmową treść
- Jeśli użytkownik jest zalogowany, ale nie ma dostępu → zobaczy tylko darmową treść
- Jeśli użytkownik jest zalogowany i ma dostęp → zobaczy tylko płatną treść
Pokazywanie lub ukrywanie tylko niektórych elementów na stronie dla osób zalogowanych
Powyższy wariant skryptu z ?type=toggle może być także wykorzystany do pokazania lub ukrycia elementów dla użytkowników, którzy są aktualnie zalogowani do Easycart, bez względu na to, czy posiadają jakiś produkt. W ten sposób możesz na przykład pokazać przycisk z informacją "Przejdź do konta" podlinkowany do panelu, lub "Zaloguj" który prowadzi do strony logowania (jeśli skrytp wykryje, że użytkownik nie jest zalogowany).
Sprawdzi się to też, gdy masz dziesiątki produktów i nie chcesz iterować po każdym aby sprawdzić dostępy. Możesz w ten sposób pokazać lub ukryć dowolny element HTML, wykorzystując atrybuty:
- data-auth → element widoczny jeśli użytkownik jest zalogowany
- data-noauth → element widoczny, jeśli użytkownik nie jest zalogowany
