Dobrý den, přátelé! Připravil jsem pro vás jednoduchou a výstižnou šablonu předplatitelské stránky ve formátu html pro nahrání na hosting. A samozřejmě návod na jeho úpravu.

Šablona je responzivní různá zařízení, skládá se z:

název a podtitul,
3D informační krabice produktů pro vizualizaci,
seznam výhod (rozstřely),
předplatné formuláře - e-mailem a přes VK,
suterén s důležitá informace(odkazy na váš web nebo skupinu VK, zásady ochrany osobních údajů, sociální sítě).

Příklad této šablony:

A zde je videonávod, jak to upravit:

Níže také zveřejňuji pokyny pro úpravu textu.

1) Nejprve si stáhněte šablonu odkaz.

2) Je zabalen do archivu, po stažení je potřeba jej rozbalit běžná složka. Klikněte na archiv klikněte pravým tlačítkem myši myši a zvolte "Extrahovat do aktuální složky".

V počítači musíte mít nainstalovaný archivátor!

Nebo poklepáním otevřete archiv a přetáhněte složku z archivu na plochu.

3) Vytvořte kopii složky šablony. za co? Takže si šablonu ponecháte a s aktuální kopií budete pokračovat v úpravách.

Klepněte pravým tlačítkem myši na složku, vyberte "Kopírovat".

Poté klikněte pravým tlačítkem myši na plochu a vyberte „Vložit“.

4) Zkopírovanou složku otevřete dvojitým kliknutím myši, uvnitř budete mít dva soubory. Soubor index.html a složka aktiv. Začněme úpravou index.html – toto je naše šablona. A ve složce aktiv nám stačí podsložka s obrázky - obrázky. Ukážu vám, jak nahradit rozvržení 3D krabice obalem vašeho produktu.

Na ostatní složky není potřeba sahat – zodpovídají za styly, skripty a správné zobrazení stránky na různých zařízeních.

Chcete-li upravit soubor index.html, budete si muset stáhnout a nainstalovat bezplatný poznámkový blok Notepad++.

Takto vypadá jeho ikona.

Po instalaci klikněte pravým tlačítkem na soubor index.html a vyberte „Otevřít v poznámkovém bloku“. Otevře se kód šablony.

Co tady upravujeme?

Nejprve nadpis (titul), který se zobrazuje v prohlížeči – stačí napsat vlastní text místo aktuálního.

Ukazuji začínajícího partnera na příkladu mého slovníku.

Níže je tlačítko „ZÍSKAT PŘÍSTUP“, po kliknutí je osoba přesměrována na konec stránky na formulář pro přihlášení. Zde můžete napsat své jméno na tlačítko místo aktuálního.

Stačí nahradit svůj text místo mého.

Zde je důležité popsat, jaké hodnoty, výhody, výhody získá předplatitel z vašeho zdarma. A nejlépe to funguje formou takového seznamu – jasně bod po bodu.

Standardně má 4 položky, pokud jich potřebujete více, můžete zkopírovat např. poslední odstavec zvýrazněním příslušné části kódu. Ukázal jsem, co je třeba zvýraznit na snímku obrazovky, zde je důležité pečlivě kopírovat!

kliknutím na snímky obrazovky je zvětšíte

Takto můžete zkopírovat a přidat potřebný počet bodů.

Pokud naopak potřebujete odstranit položku, vyberte blok stejným způsobem jako na snímku obrazovky:

A stiskněte Delete na klávesnici. Zvláštní prostor v kódu lze také smazat pomocí klávesy Backspace (Zpět).

Důležité: tato část kódu je obtížnější, takže už není pro začátečníky. 4 položky v seznamu představují optimální počet výhod na předplatném, takže nemusíte v kódu nic mazat ani přidávat!

Nyní musíme nahradit formulář předplatného. Zde je to jednodušší, protože část kódu, kterou budeme měnit, je označena komentáři.. Potřebujeme zcela odstranit obsah mezi dvěma komentáři a vložit kód formuláře předplatného z naší poštovní služby.

kliknutím na snímek obrazovky jej zvětšíte

V mém případě je to Justclick. Dříve jsem vytvořil formulář předplatného v sekci "CRM" - "Formuláře předplatného".

Nyní jen zkopíruji jeho kód a vložím jej na stránku předplatného.

A vložím ho místo aktuálního kódu – tento fragment úplně vyberu a pomocí kombinace kláves Ctrl + V vložím kód svého formuláře.

kliknutím na snímky obrazovky je zvětšíte

Text nad formulářem „Do formuláře níže zadejte svůj email ...“ lze také nahradit.

Důležité: pro uložení změn nezapomeňte pravidelně klikat na ikonu diskety "Uložit" v programu Poznámkový blok ++.

A abyste viděli, jak se váš podpis mění v prohlížeči, stačí ve složce otevřít soubor index.html tak, že na něj dvakrát kliknete levým tlačítkem myši (takto otevřete náhled šablony v prohlížeči).

Můžete si také vybrat, ve kterém prohlížeči chcete soubor otevřít kliknutím pravým tlačítkem myši na něj. Vyberte „Otevřít pomocí“ a klikněte na požadovaný prohlížeč v seznamu (pokud jich máte více).

Další v kódu šablony je tlačítko odběru přes VK- do něj jednoduše vložíte odkaz pro přihlášení k odběru zdarma přes Vkontakte. Například v Senler musíte nejprve vytvořit skupinu předplatitelů pro tuto pozornost a zkopírovat odkaz na předplatné do skupiny.

Poté jej vložte do tlačítka místo znaku # mezi uvozovkami. Můžete také změnit nápis na tlačítku a také text „Nebo získat materiál na Vkontakte“.

Pokud se chcete odhlásit z VK, vyberte část kódu, jak jsem ukázal na snímku obrazovky, a na klávesnici stiskněte Delete.

Nyní zbývá upravit text a odkazy v patičce webu. Nezapomeňte zde ponechat zásady ochrany osobních údajů. Ukázal jsem, jak vytvořit zásady pro svůj web tady.

A úplně dole místo textu Vaše celé jméno napište své údaje.

A nyní nahradíme 3D obal informačního produktu podpisovým.. Chcete-li to provést, budete muset vytvořit svůj kryt. Pokud nevíte jak na to, tak doporučuji

Je vhodné zmenšit velikost konečného obrázku, protože při vytvoření ve službě, kterou doporučuji, se ukáže, že je velký (velikost lze změnit v libovolném editoru obrázků, včetně online). Formát obrázku musí být png.

Velikost jsem například zmenšil na polovinu z 1500x1500 pixelů.

Hotový obrázek je třeba umístit do složky obrázků, která se nachází ve složce aktiv – nezapomeňte mu dát stejný název jako aktuální obal – maket a smažte můj obrázek.

To znamená, že musíte nahradit aktuální obrázek svým, ale vždy se stejným názvem a formátem. Opět platí, že váš obrázek se musí jmenovat maket a musí být ve formátu png!

Když nahradíte kryt produktu svým, ale se stejným názvem a formátem, změní se také v podpisové šabloně.

Jak přidat Yandex.Metrica nebo pixelový kód z Vkontakte k předplatnému?

Velmi jednoduché, metriku nebo pixel lze umístit do kódu před značku< /head>vytvořením prostoru. Pokud umístíte to i to, můžete hned po sobě.

Když je šablona upravena, je čas odeslat stránku předplatného hostingu, aby ji zveřejnila na internetu.

Zdravím vás, drazí přátelé! Nyní si povíme, co je předplatitelská stránka, k čemu slouží a jak si ji vyrobit sami. A také na konci článku se podělím o svou malou sbírku předplatitelských stránek, nebo jak se jim také říká „zachycovací stránky“. Tato lekce bude užitečná pro všechny: pro začínající blogery i pro začínající infopodnikatele.

Jak jsem psal výše – předplatné stránky, to je velmi důležitá součást pro ty, kteří si udržují své blogy a budují podnikání na internetu. Nejeden bloger a obchodník s informacemi se bez zachycovacích stránek neobejde!

Mnozí z vás vědí, že předplatitelská základna je zlatým aktivem a měli byste se o něj postarat hned na začátku! Není potřeba na tom "bodovat", nebo si říkat "později, později, později", je třeba jednat hned!!! Samozřejmě teď nebudu mluvit o všech jemnostech náboru předplatitelů, protože. Myslím, že brzy napsat sérii článků na toto téma, nebo dokonce napsat kniha zdarma. A bude to letos v létě, myslím, že začátkem července. Radím vám, nenechte si to ujít!

Obejdeme se bez jemností, ale zkrátka vám samozřejmě řeknu, co a jak ...

Abyste získali odběratele, musíte si nejprve vytvořit svůj vlastní bezplatný informační produkt, jako je video kurz nebo kniha. Pak si vytvořte předplatitelskou stránku (více o tom v tomto článku) a inzerujte svůj produkt! Tímto způsobem můžete nejprve shromáždit základnu předplatitelů.

A nyní budeme hovořit pouze o jedné z částí množiny předplatitelů, o této stránka předplatného(zachytit stránku).

Podpisová stránka je speciální stránka, na kterou budete zvát lidi se zákeřným účelem udělat z nich vaše odběratele pomocí formuláře předplatného.

Jsem si více než jistý, že jste se s touto stránkou již nejednou setkali. Proto neztrácejte čas vysvětlováním, co to je ... Pojďme si promluvit o tom, jaké by měly být a jak to udělat sami!

Jak by měl web trychtýřů vypadat?

Mezi začátečníky i profesionály se hodně diskutuje o tom, jak by měla stránka předplatného vypadat. Proto je přesná odpověď na tuto otázku tento moment prostě ne ... A každý používá, co se mu líbí, ale přesto by ses měl nějakého držet velmi důležitá pravidla!

- Měl by být "hlasitý" a chytlavý titulek.

- Měl by existovat podtitul, který klienta „dokončí“.

— měla by být viditelná bez posouvání okna.

— Formulář předplatného by měl přitahovat pozornost.

- Klient vám musí důvěřovat a uvést svou poštovní adresu.

— názorný příklad co klient dostane.

Toto jsou pravidla, která by měl dodržovat každý, kdo vytváří předplatitelské stránky za účelem získání předplatitelů. Nyní si rozeberme každý z bodů trochu podrobněji, aby nezůstaly žádné otázky. Ale předtím bych rád řekl následující: tyto tipy jsou vhodné pouze pro stránky předplatného, ​​pro prodej stránek se používá trochu jiná taktika, poněkud podobná, ale dává menší výsledek.

1. Měl by být „hlasitý“ a chytlavý titulek.

Tím hlasitým a chytlavým mám na mysli, že titul by měl zároveň nést podstatu toho vašeho bezplatný produkt, a "uložit" to klientovi! Také název by měl být čitelný a zapamatovatelný!

Není třeba spěchat s titulkem. Je potřeba si sednout, dobře se zamyslet, vše si promyslet a pak teprve rozhodnout, jaký bude titulek. Může to trvat několik dní nebo dokonce týdnů!

Příklad záhlaví:

„Mysleli si, že to nedokážu. Ale mýlili se... Podařilo se mi vydělat svůj první milion online.“

2. Měl by existovat podtitul, který klienta „dokončí“.

Tento podnadpis je velmi důležitou součástí prodejní stránky, měl by být napsán hned za titulkem. Podnadpis by měl být čitelný a měl by nést přímý význam toho, o čem váš produkt je. Může to být i název produktu nebo jeho slang.

Příklad titulků:

"Podrobný návod, jak vydělat milion!"

3. Formulář předplatného by měl být viditelný bez posouvání okna.

No, myslím, že to ani nemá cenu vysvětlovat. Na stránce předplatného by měl být generátor shromažďování předplatitelů, tj. formulář předplatného, ​​viditelný klientovi ihned po vstupu na stránku, aniž by se posouval dolů (). A mimochodem, to platí nejen pro stránku odběru, ale také jen pro blog!

4. Formulář předplatného by měl přitahovat pozornost.

Standardní formuláře předplatného, ​​které nabízejí specializované služby, jako je Smartresponder, jsou bolestí očí. A proto už takové formy nepřitahují takovou pozornost jako před pár lety. Stojí za to o tom pečlivě přemýšlet a udělat něco zvláštního a atraktivního.

Pokud máte znalosti grafický editor a html, tak na tom není nic složitého, a pokud se v nich nevyznáte, tak se raději obraťte na freelancery.

Registrační formulář by měl upoutat pozornost, jakmile se dostanete na stránku, ale neudělejte z něj vánoční stromeček.

5. Klient vám musí důvěřovat a uvést svou poštovní adresu.

Musíte svému budoucímu předplatiteli napsat, že jeho e-mailová adresa vám zůstane, nedostane se do nepovolaných rukou a nebude mu zasílán spam! To je velmi důležité, musíte jim dát vědět, že se na vás dá spolehnout! A samozřejmě byste neměli posílat předplatiteli desítky dopisů denně, s tím nesouhlasili ...

6. Jasný příklad toho, co klient dostane.

Také důležitá část stránky předplatného. Musíte vizuálně ukázat budoucímu předplatiteli, co v praxi získá. jednoduchá slova malý, takže by bylo hezké poskytnout obal produktu nebo nějaké snímky obrazovky nebo videoklip.

Toto jsou pravidla, která musíte bezpodmínečně dodržovat, pokud chcete dosáhnout slušných výsledků krátká doba. Samozřejmě to nejsou všechna pravidla a tipy, je jich mnohem více, ale v počáteční fázi je to docela dost. Pokud chcete víc, napište mi o tom do komentářů. Já pak urychlím psaní knihy zdarma.

Jak vytvořit předplatitelskou stránku?

Předplatitelskou stránku lze vytvořit bez speciálních znalostí programovacích jazyků, včetně html. Vše lze udělat mnohem snadněji, protože pro to existuje velké množství různých speciálních. Není těžké je najít, stačí do vyhledávání napsat: “Program pro tvorbu html stránek”, nebo něco podobného.

Osobně pro tyto účely program používám. Tvůrce webových stránek. O tom, jak s ním vytvořit jednoduchou předplatitelskou stránku, jsem mluvil ve svém bezplatném videokurzu “ Jak vytvořit video kurz: od A do Z“, kterou si můžete stáhnout zcela zdarma zde.

A tak jsem se rozhodl, abych se neopakoval, především proto, abyste tuto lekci zveřejnili otevřený přístup. Můžete si jej prohlédnout níže:

No, jak se máš, je vše jasné? Pokud máte nějaké dotazy, napište do komentářů - určitě odpovím a pomůžu!

Nedávno mi jedna z mých předplatitelek, starší žena, napsala a požádala o pomoc v jednom problému souvisejícím s prací online. Nebudu zabíhat do podrobností, co jsem pro ni udělal, ale pomohl jsem. A v reakci mi napsala, že teď určitě dosáhne nejlepší výsledky online. Určitě, protože jsem věřil v […]

Jak většina lidí používá Instagram? Výhradně pro zveřejňování vašich fotografií. Ukazuje se jakýsi veletrh marnosti. Metaforicky řečeno, typická fotka je něco takového: Ale Instagram (kdo by si to pomyslel!) má „druhé dno“. V tomhle mluvím o možnosti přizpůsobení sociální síť cílenou reklamu, která se bude zobrazovat přesně těm kategoriím lidí, které potřebujeme. […]

Dostali jsme se k revizi živého školení Infotraffic and conversion 2017, které jsem nedávno organizoval a vedl společně s Alexandrem Dyrzou. Bude to velký článek)) Takže - 25. - 28. 11. 2017. Moskva, hotel Izmailovo Alpha. Jít! Je to skvělý pocit, když se lidé začnou stahovat do sálu před začátkem akce. Setkáte se s nimi a […]

Jaké jsou náklady na infomarketing (infobusiness)

Netvrdím, že jsem inkluzivní. Některé výdaje jsem do tohoto článku záměrně nezahrnul, na některé jsem prostě zapomněl. Ale hlavní body se odrážejí zde: Pro vybavení okamžitě udělám rezervaci - je velmi drahé koupit to všechno najednou. Většina nejlepší cesta ven- stačí si postupně vytvořit domácí studio. A ještě jedna věc – nejsem na to všechno nejlepší specialista, […]

A v tomto článku si povíme, jak udělat formu předplatného zajímavým a jak si udržet zákazníky v případě odhlášení.

Formulář předplatného

Formulář předplatného je nejlepší umístit do samostatného bloku v dolní části stránky nebo dovnitř postranní menu aby jej uživatel mohl snadno najít. Je možné pozvat k odběru ve vyskakovacím okně, ale použijte tato možnost opatrně, aby uživatele neobtěžoval. V ideálním případě byste jej měli zobrazovat pouze novým návštěvníkům webu.

Nešťastný příklad umístění formuláře v patičce webu Yves Rocher

Dobrý příklad umístění formuláře předplatného z Mokselle

Hlavní prvky, které by měl formulář předplatného obsahovat:

Vstupní pole. Nejlepší je zeptat se na jméno a email. Můžete se omezit na jeden mail, ale pak ztratíte možnost posílat personalizované dopisy.

Příliš mnoho polí navíc (nalezeno na blogu UniSender)



Dostatek formulářových vstupních polí od společnosti Ecco



Nedostatek informací ve formulářiQuelle

Přehledný rozvrh dopisů na webuSklad fotografií

Důvod předplatného. Nezapomeňte říct, co v dopisech bude a proč je to pro klienta výhodné.

Příliš obecný text na webu 123.ru

Atraktivní text od Nike



Můžete také věnovat dárky: slevu, bonusový materiál, demo verzi služby atd. Ukázkový text z Enjoyme:



Nebo, pokud máte web prodávající služby, můžete provést miniaudit od odborníka (příklad z Urban Decay):



Jaké dopisy v podobě z Lakodomu přijdou, není jasné





Kromě toho nezapomeňte, že formulář by měl být znatelný (ale zároveň by měl být kombinován s designem webu).

Formulář se ztratil (web Lamoda)



Uniforma - součást designu na stránkách Adidas



A ještě pár kreativních formulářů předplatného pro inspiraci.

Sweet Jedi od Seonews:



Bright Popup od Quelle:



Pěkná nabídka stát se přáteli z Kiehls:

Stránka předplatného

Ano ano, celou stránku! Je snazší pozvat uživatele na samostatnou stránku a můžete se dozvědět více o mailing listu.

Co by na něm tedy mělo být:

Příklad dobrého titulku z Netology



Popis obsahu. Zde můžete podrobněji říci, o čem dopisy jsou a jak často budou přicházet. Máte-li několik typů e-mailů, stručně o každém řekněte a zadejte zaškrtávací políčka, aby si uživatel mohl vybrat ty, které se mu líbí.



Stručný popis seznamů adresátů na webu Lenta.ru



Výhody nebo důvod předplatného. Stejně jako u formuláře musíte na stránce odběru ukázat, proč uživatel newsletter potřebuje. Nemůžete jej zvýraznit jako samostatný blok, ale spojit jej s popisem konference.

Výhody jsou neviditelné v nestrukturovaném textu (na webu Ural Airlines)



Seznam s odrážkami je snadno čitelný (H&M)



Pokud dáváte dárek za předplatné, je lepší jej zobrazit na první obrazovce, například v záhlaví (na webu Lamoda):



Formulář předplatného. Co by v něm mělo být, jsme již probrali v předchozí části.

Příklady písmen. Pokud stačí přidat odkaz na vzorový dopis ve formuláři předplatného, ​​pak je pohodlnější jej ukázat hned. Ještě lépe, posílejte více e-mailů.





Bez fotografií se informace ztratí (na webu Ipa-Zakon)



Fotky zaměstnanců se musí přihlásit (Služba 1PS)