Squarespace

Połącz Squarespace z Easytools

W tej dokumentacji pokażemy, jak połączyć Easytools ze Squarespace na dwa sposoby:

1. Squarespace jako strona główna (landing page) - Twoje produkty są na Easytools, a Squarespace służy jako główna strona docelowa. Możesz również dodać dodatkowe narzędzia z Easytools, takie jak Buy Me a Coffee, Tickers, sekcje cenowe, opinie klientów i inne.
2. Chroniona treść na Squarespace - Użycie Login Wall do blokowania dostępu do wybranych podstron, tak aby tylko płacący klienci mogli je zobaczyć.

Dlaczego warto użyć tego podejścia? Używanie Squarespace jako strony głównej z produktami na Easytools to proste i bezpieczne rozwiązanie. Masz wszystko - wszystkie produkty - na Easytools, więc nieautoryzowany dostęp nie jest możliwy, a jednocześnie masz Squarespace jako swoją główną stronę.

Wymagany plan Squarespace: Dodawanie własnego kodu (skryptów i Code Injection) wymaga planu Core lub wyższego w Squarespace (plany: Basic, Core, Advanced). Upewnij się, że Twój plan to obsługuje, zanim przejdziesz do poniższych kroków.

Część 1: Squarespace jako strona główna

Obejrzyj film instruktażowy dotyczący linkowania produktów, skryptów i embedów:

1. Linkowanie pojedynczych produktów

Gdy masz produkty na Easytools, a Squarespace jest Twoją stroną główną, możesz linkować przyciski bezpośrednio do stron checkout Twoich produktów.

1. Przejdź do Easytools i wejdź w Sklep → Produkty.
2. Znajdź produkt, który chcesz udostępnić.
3. Kliknij przycisk Udostępnij i wybierz Skopiuj link do koszyka.
4. W Squarespace otwórz edytor strony i kliknij element przycisku.
5. Kliknij ikonę linku, wybierz External i wklej skopiowany link.
6. Kliknij Apply i zapisz stronę.

Gdy użytkownicy klikną przycisk, zostaną przeniesieni bezpośrednio do koszyka Easycart dla tego produktu.

2. Linkowanie do Storefront

Jeśli chcesz linkować do całej strony ze wszystkimi produktami, możesz użyć funkcji Storefront.

1. Przejdź do Easytools i wejdź w Sklep ➔ Witryna sklepu
2. Edytuj, które produkty są wyświetlane i w jaki sposób.
3. Skopiuj link do Witryny sklepu.
4. W Squarespace stwórz przycisk (np. "Zobacz nasze produkty") i wklej link do Storefront jako link zewnętrzny.

Użytkownicy klikający ten przycisk zobaczą całe Twoje portfolio produktów z Easytools.

3. Dodawanie narzędzi opartych na skryptach

Każde narzędzie Easytools, które dostarcza tag <script>, jest dodawane przez Squarespace Code Injection. Dotyczy to widgetów takich jak Buy Me a Coffee (Easycoffee), Social Proof Tickers czy Cookie Consent (Easycookie) - procedura jest taka sama dla wszystkich dodatkowych aplikacji Easytools.

1. W Easytools otwórz narzędzie, które chcesz dodać.
2. Skonfiguruj je według potrzeb i kliknij Skopiuj kod, aby skopiować skrypt.
3. W Squarespace wybierz, gdzie go dodać:
   • Globalnie (na każdej stronie): w panelu Pages przewiń do dołu i kliknij Custom Code → Code Injection, następnie wklej skrypt w pole Header.
   • Tylko na jednej stronie: najedź na stronę w panelu Pages, kliknij ikonę koła zębatego → zakładka Advanced, i wklej skrypt w pole Page Header Code Injection.
4. Kliknij Zapisz.

Możesz łączyć wiele skryptów. Wklej wiele skryptów do tego samego pola Header — jeden pod drugim. Nie ma potrzeby tworzenia osobnych wpisów.

4. Osadzanie treści (iframe)

Każde narzędzie Easytools, które dostarcza kod embed (iframe), jest umieszczane bezpośrednio w edytorze strony jako blok. Dotyczy to Pricing Sections (Easyoffer), Testimonials (Easylove), Legal Pages i stopki — procedura jest taka sama dla wszystkich.

1. W Easytools otwórz narzędzie, które chcesz osadzić.
2. Skonfiguruj je i kliknij Skopiuj kod.
3. W Squarespace otwórz edytor strony i kliknij +, aby dodać nowy blok.
4. Wybierz Code, wklej kod embed i kliknij Apply.
5. Zapisz stronę.

[fs-toc-omit]Alternatywa: blok Embed

Możesz też użyć bloku Embed zamiast Code (przydatne np. w stopce strony). Przy Embed: kliknij Edit, wybierz Code snippet (nie "Link") i wklej tam kod.

[fs-toc-omit]Pamiętaj o publikowaniu zmian w Easytools

Wszelkie zmiany wprowadzone w Easytools muszą zostać opublikowane, zanim pojawią się na Twojej stronie. Bez publikowania aktualizacje nie będą widoczne dla odwiedzających.

Część 2: Login Wall (chroniona treść)

Login Wall pozwala chronić wybrane podstrony Squarespace - tylko osoby, które kupiły dostęp na Easytools, mogą je zobaczyć. Użytkownicy bez dostępu są automatycznie przekierowywani na stronę Easytools, gdzie mogą się zalogować lub zakupić produkt.

Obejrzyj film instruktażowy dotyczący konfiguracji Login Wall:

5. Konfiguracja Login Wall w Easytools

Aby chronić konkretną stronę, musisz najpierw skopiować skrypt login wall z ustawień produktu w Easytools.

1. W Easytools przejdź do Sklep → Produkty.
2. Wybierz produkt, który powinien dawać dostęp do chronionej strony.
3. Kliknij ikonę kłódki (Chroń treści) w górnej części strony produktu.
4. Wybierz Chroń całą stronę.
5. Skopiuj wygenerowany kod skryptu.

6. Dodawanie skryptu Login Wall do Squarespace

Skrypt Login Wall musi być dodany do konkretnej strony, którą chcesz chronić — nie globalnie dla całej witryny.

1. W Squarespace przejdź do panelu Pages.
2. Najedź na stronę, którą chcesz chronić, i kliknij ikonę koła zębatego.
3. Przejdź do zakładki Advanced.
4. Wklej skrypt z Easytools w pole Page Header Code Injection.
5. Kliknij Save.

Powtórz ten krok dla każdej strony, którą chcesz chronić. Każda strona może być powiązana z innym produktem.

[fs-toc-omit]Ważne: Edytowanie chronionej strony

Po dodaniu skryptu login wall do strony, Squarespace zablokuje edytor strony - zobaczysz ostrzeżenie EMBEDDED SCRIPTS i nie będziesz mógł bezpośrednio edytować treści strony.

Rozwiązanie: Wejdź w ustawienia strony (ikona koła zębatego → Advanced → Page Header Code Injection), usuń skrypt, zapisz, a następnie edytuj stronę. Po zakończeniu edycji ponownie dodaj skrypt. Pamiętaj, że podczas gdy skrypt jest usunięty, strona jest publicznie dostępna - działaj szybko.

7. Testowanie Login Wall

Aby przetestować konfigurację Login Wall:

1. Upewnij się, że Twoja strona Squarespace jest opublikowana (Login Wall nie działa w trybie podglądu).
2. Aby przetestować widok bez dostępu: otwórz chronioną stronę w oknie Incognito / Prywatnym — powinieneś zostać przekierowany na stronę logowania/zakupu Easytools.
3. Aby przetestować dostęp po zakupie: tymczasowo wyloguj się ze Squarespace w zwykłej przeglądarce (gdzie jesteś zalogowany do Easytools/Easycart z kupionym produktem). Wejdź na chronioną stronę — dostęp powinien zostać przyznany.
4. Po teście zaloguj się z powrotem do Squarespace.

[fs-toc-omit]Dlaczego podgląd Squarespace nie działa do testów?

Gdy jesteś zalogowany do Squarespace jako właściciel strony i wchodzisz na adres opublikowanej strony, Squarespace automatycznie przekierowuje Cię do trybu edycji — nie widzisz strony tak jak zwykły odwiedzający. To ograniczenie Squarespace. Wylogowanie się ze Squarespace (lub tryb Incognito) to jedyny niezawodny sposób, żeby zobaczyć stronę oczami normalnego użytkownika.