Cześć przyjaciele! Przygotowałem dla Ciebie prosty i zwięzły szablon strony subskrypcji w formacie html do wgrania na hosting. I oczywiście instrukcje dotyczące jego edycji.

Szablon jest responsywny różne urządzenia, zawiera:

tytuł i podtytuł,
Pudełka produktowe 3D info do wizualizacji,
lista benefitów (strzelanki),
formularze subskrypcji – mailowo oraz przez VK,
piwnica z ważna informacja(linki do Twojej witryny lub grupy VK, polityka prywatności, sieci społecznościowe).

Przykład tego szablonu:

A oto samouczek wideo na temat jego edycji:

Poniżej zamieszczam również instrukcje edycji tekstu.

1) Najpierw pobierz szablon połączyć.

2) Jest spakowany do archiwum, po pobraniu należy go rozpakować do zwykły folder. Kliknij archiwum kliknij prawym przyciskiem myszy myszą i wybierz „Wypakuj do bieżącego folderu”.

Musisz mieć zainstalowany archiwizator na swoim komputerze!

Lub kliknij dwukrotnie, aby otworzyć archiwum i przeciągnij folder z archiwum na pulpit.

3) Zrób kopię folderu szablonów. Po co? Aby zachować szablon i z obecną kopią kontynuować edycję.

Kliknij folder prawym przyciskiem myszy, wybierz „Kopiuj”.

Następnie kliknij prawym przyciskiem myszy na pulpicie i wybierz „Wklej”.

4) Otwórz skopiowany folder, klikając dwukrotnie myszką, wewnątrz będziesz miał dwa pliki. Plik index.html i folder zasobów. Zacznijmy od edycji index.html - to jest nasz szablon. A w folderze asset, wystarczy nam podfolder ze zdjęciami – obrazkami. Pokażę Ci, jak zamienić układ pudełka 3D na okładkę produktu.

Innych folderów nie trzeba dotykać - odpowiadają za style, skrypty i poprawne wyświetlanie strony na różnych urządzeniach.

Aby edytować plik index.html, musisz pobrać i zainstalować bezpłatny notatnik Notepad ++.

Tak wygląda jego ikona.

Po zainstalowaniu kliknij prawym przyciskiem myszy plik index.html i wybierz „Otwórz w notatniku”. Otworzysz kod szablonu.

Co tu edytujemy?

Najpierw tytuł (tytuł), który wyświetla się w przeglądarce - wystarczy wpisać własny tekst zamiast obecnego.

Pokazuję początkującego partnera na przykładzie mojego słownika.

Poniżej znajduje się przycisk „UZYSKAJ DOSTĘP”, po kliknięciu osoba zostaje przekierowana na koniec strony do formularza zapisu. Tutaj możesz wpisać swoje imię i nazwisko na przycisku zamiast obecnego.

Po prostu zastąp swój tekst zamiast mojego.

Tutaj ważne jest opisanie, jakie wartości, korzyści, korzyści otrzyma subskrybent z Twojego bezpłatnego. A najlepiej sprawdza się w formie takiej listy – wyraźnie punkt po punkcie.

Domyślnie ma 4 pozycje, jeśli potrzebujesz więcej, możesz skopiować np. ostatni akapit poprzez podświetlenie odpowiedniej części w kodzie. Pokazałem, co należy podkreślić na zrzucie ekranu, ważne jest, aby tutaj dokładnie skopiować!

kliknij zrzuty ekranu, aby powiększyć

W ten sposób możesz skopiować i dodać potrzebną liczbę punktów.

Jeśli wręcz przeciwnie, musisz usunąć element, wybierz blok w taki sam sposób, jak na zrzucie ekranu:

I naciśnij Delete na klawiaturze. Dziwna przestrzeń w kodzie można również usunąć za pomocą klawisza Backspace (Back).

Ważny: ta część kodu jest trudniejsza, więc nie jest już dla początkujących. 4 pozycje na liście to optymalna liczba benefitów w abonamencie, więc nie musisz niczego usuwać ani dodawać w kodzie!

Teraz musimy wymienić formularz zapisu. Tutaj jest łatwiej, ponieważ część kodu, którą zmienimy, oznaczona jest komentarzami.. Musimy całkowicie usunąć treść między dwoma komentarzami i wkleić kod formularza subskrypcji z naszego serwisu pocztowego.

kliknij na zrzut ekranu, aby powiększyć

W moim przypadku to Justclick. Wcześniej stworzyłem formularz zapisu w sekcji "CRM" - "Formularze subskrypcji".

Teraz po prostu kopiuję jego kod, aby wkleić go na stronie subskrypcji.

I wklejam go zamiast obecnego kodu - całkowicie zaznaczam ten fragment i używam kombinacji klawiszy Ctrl+V, aby wkleić kod mojego formularza.

kliknij zrzuty ekranu, aby powiększyć

Tekst nad formularzem „Wpisz swój adres e-mail w formularzu poniżej...” również można zastąpić.

Ważny: aby zapisać zmiany, nie zapomnij okresowo klikać ikony dyskietki „Zapisz” w Notatniku ++.

Aby zobaczyć, jak zmienia się Twój podpis w przeglądarce, po prostu otwórz plik index.html w folderze, klikając go dwukrotnie lewym przyciskiem myszy (w ten sposób otwierasz podgląd szablonu w przeglądarce).

Możesz także wybrać przeglądarkę, w której chcesz otworzyć plik, klikając go prawym przyciskiem myszy. Wybierz „Otwórz za pomocą” i kliknij żądaną przeglądarkę na liście (jeśli masz więcej niż jedną).

Dalej w kodzie szablonu znajduje się przycisk subskrypcji przez VK- w nim po prostu wstawiasz link, aby zasubskrybować swój bezpłatny za pośrednictwem Vkontakte. Na przykład w Senler musisz najpierw utworzyć grupę subskrybentów dla tego freebie i skopiować link subskrypcji do grupy.

Następnie wklej go do przycisku zamiast znaku # między cudzysłowami. Możesz także zmienić napis na przycisku, a także tekst „Lub pobierz materiał na Vkontakte”.

Jeśli chcesz zrezygnować z subskrypcji VK, wybierz fragment kodu, jak pokazałem na zrzucie ekranu, i naciśnij Delete na klawiaturze.

Teraz pozostaje edytować tekst i linki w stopce strony. Koniecznie zostaw Politykę prywatności tutaj. Pokazałem, jak stworzyć politykę dla mojej strony tutaj.

A na samym dole zamiast tekstu Twoje imię i nazwisko wpisz swoje dane.

A teraz zamienimy okładkę 3D produktu informacyjnego na sygnowaną.. Aby to zrobić, musisz stworzyć swoją okładkę. Jeśli nie wiesz jak to zrobić to polecam

Wskazane jest zmniejszenie rozmiaru końcowego obrazu, ponieważ po utworzeniu w serwisie, który polecam, okazuje się on duży (rozmiar można zmienić w dowolnym edytorze obrazów, w tym online). Format obrazu musi być png.

Na przykład zmniejszyłem o połowę rozmiar z 1500x1500 pikseli.

Gotowy obraz musi być umieszczony w folderze images, który znajduje się w folderze asset – pamiętaj, aby nadać mu taką samą nazwę jak aktualna okładka – maket i usuń mój obraz.

Oznacza to, że musisz zastąpić obecny obraz swoim, ale zawsze o tej samej nazwie i formacie. Ponownie, twój obraz musi mieć nazwę maket i musi być w formacie png!

Gdy zamienisz okładkę produktu na swoją, ale o tej samej nazwie i formacie, zmieni się to również w szablonie podpisu.

Jak dodać Yandex.Metrica lub kod piksela z Vkontakte do subskrypcji?

Bardzo proste, metryczne lub pikselowe można umieścić w kodzie przed tagiem< /head>tworząc przestrzeń. Jeśli umieścisz zarówno to, jak i tamto, możesz natychmiast po sobie.

Gdy szablon jest edytowany, nadszedł czas, aby wysłać stronę subskrypcji hostingu, aby opublikować go w Internecie.

Pozdrowienia, drodzy przyjaciele! Teraz porozmawiamy o tym, czym jest strona subskrypcji, do czego służy i jak ją wykonać samodzielnie. A także na końcu artykułu podzielę się moją małą kolekcją stron subskrypcji, lub jak się je nazywa „stronami przechwytywania”. Ta lekcja przyda się każdemu: zarówno początkującym blogerom, jak i początkującym infobiznesmenom.

Tak jak pisałem wyżej - strony subskrypcyjne, to bardzo ważna część dla tych, którzy prowadzą swoje blogi i budują biznes w Internecie. Słyszycie, że więcej niż jeden bloger i informatyk nie będzie mógł się obejść bez przechwytujących stron!

Wielu z Was wie, że baza subskrybentów to Złoty Zasób i warto o nią zadbać już na samym początku! Nie trzeba na nim "punktować", ani mówić sobie "później, później, później", trzeba działać już teraz!!! Oczywiście nie będę teraz mówić o wszystkich subtelnościach rekrutacji subskrybentów, ponieważ. Myślę, że niedługo napiszę serię artykułów na ten temat, a nawet napiszę darmowa książka. I to będzie tego lata, myślę, że na początku lipca. Radzę tego nie przegapić!

Poradzimy sobie bez subtelności, ale w skrócie oczywiście powiem ci co i jak ...

Aby pozyskać subskrybentów, musisz przede wszystkim stworzyć własny darmowy produkt informacyjny, taki jak kurs wideo lub książka. Następnie utwórz stronę subskrypcji (więcej na ten temat w tym artykule) i zareklamuj swój produkt! W ten sposób na początku możesz zebrać bazę subskrybentów.

A teraz porozmawiamy tylko o jednej części zestawu subskrybentów, to strona subskrypcji(strona przechwytywania).

Strona podpisu to specjalna strona, na którą zaprosisz osoby w podstępnym celu uczynienia ich swoimi subskrybentami za pomocą formularza subskrypcji.

Jestem więcej niż pewien, że spotkałeś się już z tą stroną więcej niż raz. Dlatego nie trać czasu na wyjaśnianie, co to jest ... Porozmawiajmy o tym, jakie powinny być i jak to zrobić samemu!

Jak powinna wyglądać strona z lejkiem?

Toczy się wiele dyskusji na temat tego, jak powinna wyglądać strona subskrypcji, zarówno wśród początkujących, jak i profesjonalistów. Dlatego dokładna odpowiedź na to pytanie brzmi ten moment po prostu nie ... I każdy używa tego, co lubi, ale nadal powinieneś się trzymać bardzo ważne zasady!

- Powinien być „głośny” i chwytliwy nagłówek.

- Powinien być podtytuł, który „wykończy” klienta.

— powinien być widoczny bez przewijania okna.

— Formularz zapisu powinien przyciągać uwagę.

- Klient musi Ci zaufać i podać swój adres e-mail.

— obrazowy przykład co otrzyma klient.

Są to zasady, których powinien przestrzegać każdy, kto tworzy strony subskrypcyjne w celu pozyskania subskrybentów. Teraz przeanalizujmy każdy z punktów bardziej szczegółowo, aby nie pozostały żadne pytania. Ale wcześniej chciałbym powiedzieć, co następuje: te wskazówki są odpowiednie tylko dla stron subskrypcyjnych, nieco inna taktyka jest stosowana do sprzedaży stron, trochę podobna, ale daje mniej wyników.

1. Powinien być „głośny” i chwytliwy nagłówek.

Mówiąc głośno i chwytliwie, mam na myśli to, że tytuł powinien jednocześnie nieść esencję twojego darmowy produkt i "narzucać" to klientowi! Ponadto tytuł powinien być czytelny i zapadać w pamięć!

Nie musisz spieszyć się do nagłówka. Musisz usiąść, dobrze się zastanowić, wszystko przemyśleć, a dopiero potem podjąć decyzje tylko o tym, jaki będzie nagłówek. Może to zająć kilka dni, a nawet tygodni!

Przykład nagłówka:

„Myśleli, że nie dam rady. Ale mylili się… Udało mi się zarobić pierwszy milion online.”

2. Powinien być podtytuł, który „wykończy” klienta.

Ten podtytuł jest bardzo ważną częścią strony sprzedażowej, powinien być napisany bezpośrednio po tytule. Podtytuł powinien być czytelny i bezpośrednio informować o tym, o czym jest Twój produkt. Może to być nawet nazwa produktu lub jego slang.

Przykład napisów:

„Szczegółowe instrukcje, jak zarobić milion!”

3. Formularz zapisu powinien być widoczny bez przewijania okna.

Cóż, myślę, że nie warto nawet wyjaśniać. Na stronie subskrypcji generator kolekcji subskrybentów, czyli formularz subskrypcji, powinien być widoczny dla klienta zaraz po wejściu na stronę, bez przewijania w dół (). A tak przy okazji, dotyczy to nie tylko strony subskrypcji, ale także samego bloga!

4. Formularz zapisu powinien przyciągać uwagę.

Standardowe formularze subskrypcji, które oferują wyspecjalizowane usługi, takie jak Smartresponder, przykuwają uwagę. I dlatego takie formy nie przyciągają już tyle uwagi, co kilka lat temu. Warto o tym dokładnie pomyśleć i zrobić coś wyjątkowego i atrakcyjnego.

Jeśli masz wiedzę edytor graficzny i html, to nie ma nic skomplikowanego, a jeśli nie jesteś z nimi zaznajomiony, powinieneś skontaktować się z freelancerami.

Formularz rejestracyjny powinien przyciągać wzrok, gdy tylko trafisz na stronę, ale nie zamieniaj go w choinkę.

5. Klient musi Ci zaufać i podać swój adres e-mail.

Musisz napisać do swojego przyszłego subskrybenta, że ​​jego adres e-mail pozostanie przy Tobie, nie wpadnie w niepowołane ręce, a spam nie zostanie do niego wysłany! To bardzo ważne, musisz dać im znać, że można Ci zaufać! I oczywiście nie należy wysyłać subskrybentowi dziesiątek listów dziennie, nie zgodzili się na to ...

6. Jasny przykład tego, co otrzyma klient.

Również ważna część strony subskrypcji. Musisz wizualnie pokazać przyszłemu subskrybentowi, co otrzyma w praktyce. proste słowa małe, więc dobrze byłoby dostarczyć okładkę produktu, kilka zrzutów ekranu lub klip wideo.

Oto zasady, których należy bezwzględnie przestrzegać, jeśli chcesz osiągnąć przyzwoite wyniki za krótki czas. Oczywiście to nie wszystkie zasady i wskazówki, jest ich znacznie więcej, ale na początkowym etapie są one wystarczające. Jeśli chcesz więcej, to napisz mi o tym w komentarzach. Wtedy przyspieszę pisanie darmowej książki.

Jak zrobić stronę subskrypcyjną?

Stronę subskrypcyjną można wykonać bez specjalnej znajomości języków programowania, w tym html. Wszystko można zrobić o wiele łatwiej, ponieważ istnieje wiele różnych specjalnych. Nie jest trudno je znaleźć, wystarczy wpisać w wyszukiwarce: „Program do tworzenia stron html” lub coś w tym stylu.

Osobiście używam programu do tych celów. Kreator stron internetowych. Mówiłem o tym, jak stworzyć prostą stronę subskrypcji z nim w moim bezpłatnym kursie wideo ” Jak stworzyć kurs wideo: od A do Z“, który możesz pobrać tutaj całkowicie bezpłatnie.

Postanowiłem więc, żeby się nie powtarzać, specjalnie dla Was, żeby tę lekcję zamieścić w otwarty dostęp. Możesz go zobaczyć poniżej:

Jak się masz, czy wszystko jasne? Jeśli masz jakieś pytania to napisz w komentarzach - na pewno odpowiem i pomogę!

Niedawno napisała do mnie jedna z moich subskrybentów, starsza kobieta, prosząc o pomoc w jednej sprawie związanej z pracą online. Nie będę wchodzić w szczegóły tego, co dla niej zrobiłem, ale pomogłem. I w odpowiedzi napisała do mnie, że teraz na pewno osiągnie najlepsze wyniki online. Na pewno, bo wierzyłem w […]

Jak większość ludzi korzysta z Instagrama? Wyłącznie do publikowania zdjęć. Okazuje się, że jest to rodzaj targu próżności. Mówiąc metaforycznie, typowe zdjęcie wygląda mniej więcej tak: Ale Instagram (kto by pomyślał!) ma „drugie dno”. Mówię o możliwości dostosowania w tym sieć społeczna reklamy ukierunkowane, które będą wyświetlane dokładnie tym kategoriom osób, których potrzebujemy. […]

Zabraliśmy się do przeglądu na żywo szkolenia Infotraffic i konwersji 2017, które ostatnio zorganizowałem i przeprowadziłem wspólnie z Aleksandrem Dyrzą. To będzie duży artykuł)) Tak więc - 25-28 listopada 2017 r. Moskwa, hotel Izmailovo Alfa. Iść! To fajne uczucie, gdy ludzie zaczynają wchodzić do hali przed rozpoczęciem imprezy. Spotykasz ich i […]

Jakie są koszty w infomarketingu (infobiznesie)

Nie twierdzę, że jestem inkluzywny. Celowo nie uwzględniłem w tym artykule niektórych wydatków, po prostu o niektórych zapomniałem. Ale tutaj odzwierciedlone są główne punkty: na sprzęt natychmiast dokonam rezerwacji - kupowanie tego wszystkiego na raz jest bardzo drogie. Bardzo najlepsze wyjście- po prostu stopniowo twórz swoje domowe studio. I jeszcze jedno – nie jestem w tym wszystkim najlepszym specjalistą, […]

A w tym artykule porozmawiamy o tym, jak sprawić, by formularz subskrypcji był interesujący i jak zatrzymać klientów w przypadku rezygnacji z subskrypcji.

Formularz subskrypcji

Formularz zapisu najlepiej umieścić w osobnym bloku na dole strony lub w menu boczne aby użytkownik mógł go łatwo znaleźć. Można zaprosić do subskrypcji w wyskakującym okienku, ale użyj ta opcja ostrożnie, aby nie denerwować użytkowników. W idealnym przypadku powinieneś pokazywać go tylko nowym odwiedzającym witrynę.

Niefortunny przykład umieszczenia formularza w stopce strony Yves Rocher

Dobry przykład lokalizacji formularza subskrypcji z Mokselle

Główne elementy, które powinien zawierać formularz zapisu:

Pola wejściowe. Najlepiej zapytać o imię i adres e-mail. Możesz ograniczyć się do jednego maila, ale wtedy tracisz możliwość wysyłania spersonalizowanych listów.

Za dużo dodatkowych pól (znaleziono na blogu UniSender)



Wystarczająca ilość pól wejściowych formularza przez Ecco



Brak informacji w formularzuQuelle

Przejrzysty harmonogram listów na stronieMagazyn zdjęć

Powód subskrypcji. Koniecznie powiedz, co będzie w listach i dlaczego jest to korzystne dla klienta.

Zbyt ogólny tekst na stronie 123.ru

Atrakcyjny tekst od Nike



Możesz również wręczać prezenty: rabat, materiały bonusowe, wersję demonstracyjną usługi itp. Przykładowy tekst z Enjoyme:



Lub, jeśli masz witrynę sprzedającą usługi, możesz przeprowadzić mini-audyt od eksperta (przykład z Urban Decay):



Nie jest jasne, jakie listy przyjdą w formie z Lakodomu





Dodatkowo nie zapominaj, że forma powinna być zauważalna (ale jednocześnie łączyć się z projektem strony).

Formularz zgubiony (strona internetowa Lamoda)



Mundur - część projektu na stronie Adidas



I kilka bardziej kreatywnych formularzy subskrypcji dla inspiracji.

Słodki Jedi Seonews:



Jasne wyskakujące okienko autorstwa Quelle:



Fajna propozycja zostania przyjaciółmi z Kiehls:

Strona subskrypcji

Tak tak, cała strona! Łatwiej jest zaprosić użytkowników na osobną stronę i możesz opowiedzieć więcej o liście mailingowej.

Więc co powinno na nim być:

Przykład dobrego nagłówka z Netology



Opis treści. Tutaj możesz bardziej szczegółowo opowiedzieć, o czym są listy i jak często będą przychodzić. Jeśli masz kilka rodzajów mailingów, pokrótce opowiedz o każdym z nich i wydaj pola wyboru, aby użytkownik mógł wybrać te, które mu się podobają.



Zwięzły opis list mailingowych na stronie Lenta.ru



Korzyści lub powód subskrypcji. Podobnie jak w przypadku formularza, na stronie subskrypcji musisz wskazać, dlaczego użytkownik potrzebuje newslettera. Nie możesz wyróżnić go jako osobnego bloku, ale połączyć go z opisem listy mailingowej.

Korzyści są niewidoczne w nieustrukturyzowanym tekście (na stronie Ural Airlines)



Wypunktowana lista jest łatwa do odczytania (H&M)



Jeśli dajesz prezent na abonament, lepiej pokazać go na pierwszym ekranie np. w nagłówku (na stronie Lamoda):



Formularz subskrypcji. Co powinno się w nim znajdować, omówiliśmy już w poprzedniej sekcji.

Przykłady liter. Jeśli wystarczy dodać link do przykładowego listu w formularzu prenumeraty, to wygodniej jest pokazać go od razu. Jeszcze lepiej, publikuj wiele e-maili.





Bez zdjęć informacje są tracone (na stronie Ipa-Zakon)



Zdjęcia pracowników należy subskrybować (Usługa 1PS)