Hello barátok! Készítettem Önnek egy egyszerű és tömör előfizetési oldal sablont html formátumban a tárhelyre való feltöltéshez. És természetesen a szerkesztési utasításokat.
A sablon reszponzív különböző eszközök, tartalmazza:
cím és alcím,
3D információs termékdobozok a megjelenítéshez,
előnyök listája (lövés),
előfizetési űrlapok - e-mailben és VK-n keresztül,
pincében fontos információ(linkek az Ön webhelyére vagy VK-csoportjára, adatvédelmi szabályzat, közösségi hálózatok).
Példa erre a sablonra:
És itt van egy oktatóvideó a szerkesztésről:
Az alábbiakban a szövegszerkesztési utasításokat is közzéteszem.
1) Először töltse le a sablont link.
2) Archívumba van csomagolva, letöltés után ki kell csomagolni rendes mappa. Kattintson az archívumra Jobb klikk egérrel, és válassza a "Kibontás az aktuális mappába" lehetőséget.
A számítógépére telepíteni kell egy archiválót!
Vagy kattintson duplán az archívum megnyitásához, és húzza át a mappát az archívumból az asztalra.
3) Készítsen másolatot a sablon mappájáról. Miért? Így megtartja a sablont, és az aktuális másolattal folytatja a szerkesztést.
Kattintson a jobb gombbal a mappára, válassza a "Másolás" lehetőséget.
Ezután kattintson a jobb gombbal az asztalra, és válassza a "Beillesztés" lehetőséget.
4) Nyissa meg a másolt mappát az egér dupla kattintásával, két fájl lesz benne. Az index.html fájl és az eszközök mappa. Kezdjük az index.html szerkesztésével – ez a mi sablonunk. Az eszközök mappában pedig csak egy almappára van szükségünk képekkel - képekkel. Megmutatom, hogyan cserélheti ki a 3D doboz elrendezését a termék borítójával.
A többi mappát nem kell megérinteni – ezek felelősek a stílusokért, szkriptekért és az oldal helyes megjelenítéséért a különböző eszközökön.
Az index.html fájl szerkesztéséhez le kell töltenie és telepítenie kell az ingyenes Notepad++ jegyzettömböt.
Így néz ki az ikonja.
A telepítés után kattintson a jobb gombbal az index.html fájlra, és válassza a "Megnyitás jegyzettömbben" lehetőséget. Megnyitja a sablon kódját.
Mit szerkesztünk itt?
Először is, a cím (cím), amely megjelenik a böngészőben - csak írja be a saját szövegét az aktuális szöveg helyett.
Egy kezdő partnert mutatok be a szótáram példáján.
Alul található a „HOZZÁFÉRÉS” gomb, rákattintásra a személy az oldal végére kerül a feliratkozási űrlapra. Itt az aktuális helyett a nevét írhatja a gombra.
Csak cserélje ki a szövegét az enyém helyett.
Itt fontos leírni, hogy az előfizető milyen értékeket, előnyöket, előnyöket kap az ingyenesedből. És ez a legjobban egy ilyen lista formájában működik - egyértelműen pontról pontra.
Alapértelmezés szerint 4 elem van benne, ha több kell, akkor másolhatod pl. utolsó bekezdés a kód megfelelő részének kiemelésével. A képernyőképen megmutattam, hogy mit kell kiemelni, ide fontos, hogy figyelmesen másold!
kattintson a képernyőképekre a nagyításhoz
Így kimásolhatja és hozzáadhatja a kívánt számú pontot.
Ha éppen ellenkezőleg, törölnie kell egy elemet, akkor válassza ki a blokkot ugyanúgy, mint a képernyőképen:
És nyomja meg a Delete gombot a billentyűzeten. Furcsa tér a kódban a Backspace (Vissza) billentyűvel is törölhető.
Fontos: a kódnak ez a része nehezebb, így már nem kezdőknek való. A listán szereplő 4 tétel az előfizetés optimális számú kedvezménye, így nem kell semmit sem törölnie, sem hozzáadnia a kódhoz!
Most le kell cserélnünk az előfizetési űrlapot. Itt egyszerűbb, mivel a kód azon része, amelyet megváltoztatunk, megjegyzésekkel van megjelölve.. Teljesen el kell távolítanunk a két megjegyzés közötti tartalmat, és be kell illesztenünk az előfizetési űrlap kódját a levelező szolgáltatásunkból.
kattintson a képernyőképre a nagyításhoz
Az én esetemben a Justclick. Korábban létrehoztam egy előfizetési űrlapot a "CRM" - "Feliratkozási űrlapok" részben.
Most csak bemásolom a kódját, hogy beillessze az előfizetési oldalra.
És beillesztem az aktuális kód helyett - teljesen kijelölöm ezt a töredéket, és a Ctrl + V billentyűkombinációt használom az űrlap kódjának beillesztéséhez.
kattintson a képernyőképekre a nagyításhoz
Az űrlap feletti "Adja meg e-mail címét az alábbi űrlapon ..." szöveg is helyettesíthető.
Fontos: a változtatások mentéséhez ne felejtsen el időnként a "Mentés" hajlékonylemez ikonra kattintani a Jegyzettömbben ++.
Ha pedig látni szeretné, hogyan változik az aláírása a böngészőben, csak nyissa meg a mappában található index.html fájlt úgy, hogy duplán kattint rá a bal egérgombbal (így nyitja meg a sablon előnézetét a böngészőben).
Azt is kiválaszthatja, hogy melyik böngészőben kívánja megnyitni a fájlt, ha rákattint a jobb gombbal. Válassza a "Megnyitás" lehetőséget, és kattintson a kívánt böngészőre a listában (ha több is van).
A sablonkódban a következő a VK-n keresztüli előfizetés gomb- Ebben egyszerűen beilleszt egy linket, amellyel előfizethet az ingyenes Vkontakte-on keresztül. Például a Senlerben először létre kell hoznia egy előfizetői csoportot ehhez az ingyenes szolgáltatáshoz, és be kell másolnia az előfizetési hivatkozást a csoportba.
Ezután illessze be a gombba az idézőjelek közötti # jel helyett. Módosíthatja a gombon lévő feliratot, valamint a „Vagy szerezzen anyagot a Vkontakte-on” szöveget is.
Ha le szeretne iratkozni a VK-ról, válasszon ki egy kódrészletet, ahogy a képernyőképen is mutattam, és nyomja meg a Delete gombot a billentyűzeten.
Most már csak a szöveg és a hivatkozások szerkesztése van hátra a webhely láblécében. Feltétlenül hagyja itt az Adatvédelmi szabályzatot. Megmutattam, hogyan készítsek szabályzatot a webhelyemre Itt.
Legalul pedig a Teljes neved szöveg helyett írja be az adatait.
Most pedig lecseréljük az információs termék 3D borítóját egy aláírásra.. Ehhez létre kell hoznia a borítót. Ha nem tudja, hogyan kell ezt csinálni, akkor ajánlom
Célszerű csökkenteni a végső kép méretét, mivel az általam ajánlott szolgáltatásban létrehozva nagynak bizonyul (a méret bármely képszerkesztőben megváltoztatható, beleértve az online felületet is). A képformátumnak png-nek kell lennie.
Például 1500x1500 pixelről felére csökkentettem a méretet.
Az elkészült képet a images mappába kell helyezni, ami az eszközök mappában található - mindenképp a jelenlegi borítóval megegyező nevet adjon - maket, és törölje a képemet.
Vagyis le kell cserélnie az aktuális képet a sajátjára, de mindig ugyanazzal a névvel és formátummal. A képednek maket nevet kell adni, és png formátumúnak kell lennie!
Ha lecseréli a termék borítóját a sajátjára, de ugyanazzal a névvel és formátummal, az az aláírássablonban is megváltozik.
Hogyan adható hozzá a Yandex.Metrica vagy a Vkontakte pixelkódja az előfizetéshez?
Nagyon egyszerű, Metric vagy pixel helyezhető el a kódban a címke előtt< /head>tér kialakításával. Ha ezt is, azt is elhelyezi, azonnal egymás után tudhatja.
A sablon szerkesztése után ideje elküldeni a tárhely-előfizetési oldalt, hogy közzétegye az interneten.
Üdvözlet, kedves barátaim! Most arról fogunk beszélni, hogy mi az előfizetési oldal, mire való, és hogyan készítheti el saját maga. És a cikk végén megosztom az előfizetéses oldalak kis gyűjteményemet, vagy ahogyan „rögzítő oldalaknak” is nevezik. Ez a lecke mindenki számára hasznos lesz: kezdő bloggereknek és kezdő infobusinessnek egyaránt.
Ahogy fentebb is írtam - előfizetéses oldalak, ez nagyon fontos része azoknak, akik fenntartják a blogjukat és az interneten építenek vállalkozást. Egynél több, hallod, egynél több blogger és információs üzletember nem nélkülözheti a rögzítő oldalakat!
Sokan tudjátok, hogy az előfizetői bázis Aranyvagyon, és már a legelején gondoskodni kell róla! Nem kell rá "pontozni", vagy azt mondani magadban, hogy "később, később, később", most kell cselekedned!!! Természetesen most nem beszélek az előfizetők toborzásának minden finomságáról, mert. Azt hiszem, hamarosan írni egy cikksorozatot ebben a témában, vagy akár írni ingyenes könyv. És ez idén nyáron lesz, azt hiszem július elején. Azt tanácsolom, hogy ne hagyd ki!
A finomságok nélkül megtesszük, de röviden természetesen elmondom, mit és hogyan ...
Ahhoz, hogy előfizetőket szerezzen, mindenekelőtt létre kell hoznia egy saját ingyenes információs terméket, például egy videó tanfolyamot vagy egy könyvet. Ezután hozzon létre egy előfizetési oldalt (erről ebben a cikkben olvashat bővebben), és hirdesse termékét! Így eleinte előfizetői bázist gyűjthet össze.
És most csak az előfizetők halmazának egyik részéről fogunk beszélni, erről előfizetési oldal(rögzítő oldal).
Aláíró oldal egy speciális oldal, amelyre meghívhat embereket azzal az alattomos céllal, hogy előfizetőivé tegye őket a feliratkozási űrlap segítségével.
Biztos vagyok benne, hogy nem egyszer találkoztál már ezzel az oldallal. Ezért ne vesztegesse az idejét azzal, hogy elmagyarázza, mi ez ... Beszéljünk arról, hogy mik legyenek, és hogyan csináld magad!
Hogyan nézzen ki egy tölcsérwebhely?
Sok vita folyik arról, hogy milyen legyen az előfizetéses oldal, kezdők és profik körében egyaránt. Ezért a pontos válasz erre a kérdésre Ebben a pillanatban csak nem... És mindenki azt használja, ami neki tetszik, de akkor is ragaszkodni kell néhányhoz nagyon fontos szabályok!
- Legyen "hangos" és fülbemászó címsor.
- Legyen egy felirat, ami „végzi” az ügyfelet.
— láthatónak kell lennie az ablak görgetése nélkül.
— A jelentkezési lapnak fel kell hívnia a figyelmet.
- Az ügyfélnek megbíznia kell benned, és meg kell adnia az e-mail címét.
— szemléltető példa amit az ügyfél kap.
Ezeket a szabályokat mindenkinek be kell tartania, aki előfizetési oldalakat hoz létre, hogy előfizetőket szerezzen. Most elemezzük az egyes pontokat egy kicsit részletesebben, hogy ne maradjon kérdés. Előtte azonban a következőket szeretném elmondani: ezek a tippek csak előfizetéses oldalakra alkalmasak, az oldalak eladásánál kicsit más taktikát alkalmaznak, némileg hasonló, de kevesebb eredményt ad.
1. Legyen egy „hangos” és fülbemászó címsor.
Hangos és fülbemászó alatt azt értem, hogy a címnek egyszerre kell hordoznia az Ön lényegét ingyenes termék, és "kikényszeríti" az ügyfélre! A cím is legyen olvasható és emlékezetes!
Nem kell elsietni a címsort. Le kell ülni, alaposan átgondolni, mindent át kell gondolni, és csak azután dönteni, hogy mi lesz a főcím. Ez több napig, de akár hetekig is eltarthat!
Példa a fejléchez:
„Azt hitték, nem tudom megtenni. De tévedtek… Sikerült megszereznem az első milliómat az interneten.”
2. Legyen egy felirat, ami „végzi” az ügyfelet.
Ez az alcím nagyon fontos része az eladási oldalnak, közvetlenül a cím után kell írni. Az alcímnek olvashatónak kell lennie, és közvetlen jelentést kell adnia arról, hogy miről szól a termék. Ez lehet akár a termék neve vagy szlengje is.
Példa a feliratra:
"Részletes utasítások, hogyan lehet milliót keresni!"
3. Az előfizetési űrlapnak láthatónak kell lennie az ablak görgetése nélkül.
Nos, szerintem nem is érdemes magyarázni. Az előfizetési oldalon az előfizetői gyűjtemény generátornak, azaz az előfizetési űrlapnak az oldalra lépés után azonnal láthatónak kell lennie az ügyfél számára, anélkül, hogy lefelé görgetne (). És ez egyébként nem csak az előfizetéses oldalra vonatkozik, hanem csak a blogra is!
4. Az előfizetési űrlapnak fel kell hívnia a figyelmet.
A speciális szolgáltatásokat kínáló szabványos előfizetési űrlapok, például a Smartresponder, kínosak. Ezért az ilyen formák már nem vonzzák akkora figyelmet, mint néhány évvel ezelőtt. Érdemes alaposan átgondolni, és valami különlegeset és vonzóat készíteni.
Ha van tudásod grafikus szerkesztőés html, akkor nincs semmi bonyolult, és ha nem ismered őket, akkor fordulj szabadúszókhoz.
A regisztrációs űrlapnak azonnal figyelemfelkeltőnek kell lennie, amint az oldalra kerül, de ne csináljon belőle karácsonyfát.
5. Az ügyfélnek megbíznia kell Önben, és meg kell adnia az e-mail címét.
Leendő előfizetőjének meg kell írnia, hogy az e-mail címe nálad marad, nem kerül illetéktelen kezekbe, és nem küldenek neki spameket! Ez nagyon fontos, tudatnod kell velük, hogy megbízhatsz benned! És természetesen nem szabad naponta több tucat levelet küldeni az előfizetőnek, ők nem egyeztek bele...
6. Világos példa arra, hogy mit fog kapni az ügyfél.
Szintén fontos része az előfizetési oldalnak. Vizuálisan meg kell mutatnia a leendő előfizetőnek, hogy mit fog kapni a gyakorlatban. egyszerű szavak kicsi, ezért jó lenne egy termékborítót, vagy néhány képernyőképet, vagy videoklipet adni.
Ezeket a szabályokat feltétlenül be kell tartania, ha megfelelő eredményeket szeretne elérni rövid idő. Természetesen ez nem minden szabály és tipp, sokkal több van, de a kezdeti szakaszban ezek elégségesek. Ha többet szeretnél, kérlek írd meg nekem kommentben. Ezután felgyorsítok egy ingyenes könyv megírásával.
Hogyan készítsünk előfizetési oldalt?
Előfizetéses oldal készíthető speciális programnyelvi ismeretek nélkül, beleértve a html-t is. Mindent sokkal könnyebben meg lehet tenni, mert ehhez számos különféle speciális létezik. Nem nehéz megtalálni őket, csak írja be a keresőbe: „Program html webhelyek létrehozásához”, vagy valami hasonlót.
Én személy szerint erre a célra használom a programot. Weboldal készítő. Arról beszéltem, hogyan hozhatok létre vele egy egyszerű előfizetési oldalt az ingyenes videotanfolyamomban " Hogyan készítsünk videó tanfolyamot: A-tól Z-ig“, amelyet itt teljesen ingyenesen letölthet.
Ezért úgy döntöttem, hogy ne ismételjem meg magam, különösen azért, hogy Ön közzé tegye ezt a leckét nyílt hozzáférésű. Alább megtekintheti:
Nos, hogy vagy, minden világos? Ha kérdése van, írja meg a megjegyzésekben - biztosan válaszolok és segítek!
Nemrég írt nekem az egyik előfizetőm, egy idős nő, és segítséget kért egy online munkával kapcsolatos kérdésben. Nem részletezem, mit tettem érte, de segítettem. És válaszul azt írta nekem, hogy most biztosan eléri legjobb eredményeket online. Természetesen, mert hittem […]
Hogyan használják a legtöbben az Instagramot? Kizárólag a fényképek közzétételére. Kiderül egyfajta hiúsági vásár. Átvitt értelemben egy tipikus fotó valami ilyesmi: De az Instagramnak (ki gondolta volna!) van „második alja”. Itt a testreszabhatóságról beszélek közösségi háló célzott hirdetéseket, amelyek pontosan azoknak az embereknek fognak megjelenni, akikre szükségünk van. […]
Eljutottunk az Infotraffic és Conversion 2017 élő képzés áttekintéséhez, amelyet nemrégiben szerveztem és vezettem le Alexander Dyrzával. Nagy cikk lesz)) Szóval - 2017. november 25-28. Moszkva, szálloda Izmailovo Alpha. Megy! Jó érzés, amikor az emberek a rendezvény kezdete előtt elkezdik behúzni magukat a terembe. Találkozol velük, és […]
Mik az infomarketing (infobusiness) költségei?
Nem állítom, hogy befogadó lennék. Szándékosan nem szerepeltettem néhány kiadást ebben a cikkben, néhányról egyszerűen megfeledkeztem. De a fő pontok itt tükröződnek: A felszereléshez azonnal foglalok - nagyon drága mindezt egyszerre megvenni. A legtöbb legjobb kiút- csak fokozatosan alakítsa ki otthoni stúdióját. És még valami: nem én vagyok a legjobb szakember ebben az egészben, […]
Ebben a cikkben pedig arról lesz szó, hogyan tehetjük érdekessé az előfizetési űrlapot, és hogyan tarthatjuk meg az ügyfeleket leiratkozás esetén.
Előfizetési űrlap
A legjobb, ha az előfizetési lapot egy külön blokkban helyezi el az oldal alján vagy bent oldalsó menü hogy a felhasználó könnyen megtalálhassa. Előugró ablakban lehetséges meghívni előfizetésre, de használja ezt a lehetőségetóvatosan, hogy ne zavarja a felhasználókat. Ideális esetben csak a webhely új látogatóinak kell megmutatnia.
Sajnálatos példa az űrlap elhelyezésére az Yves Rocher webhely láblécében
Jó példa a Mokselle előfizetési űrlap helyére
A főbb elemek, amelyeket az előfizetési űrlapnak tartalmaznia kell:
Beviteli mezők. A legjobb, ha nevet és e-mailt kérsz. Egyetlen levélre korlátozhatja magát, de akkor elveszíti a személyre szabott levelek küldésének lehetőségét.
Túl sok extra mező (az UniSender blogon található)
Elég az Ecco űrlap beviteli mezőiből
Információ hiánya az űrlaponQuelle
A levelek egyértelmű ütemezése az oldalonFotóraktár
Az előfizetés oka. Feltétlenül mondja el, mi lesz a levelekben, és miért előnyös az ügyfél számára.
Túl általános szöveg a 123.ru oldalon
Vonzó szöveg a Nike-tól
Ajándékozni is lehet: kedvezmény, bónuszanyag, a szolgáltatás demó verziója stb. Minta szöveg az Enjoyme-ból:
Vagy ha van szolgáltatásokat árusító webhelye, készíthet mini-auditot egy szakértőtől (egy példa az Urban Decay-től):
Nem világos, hogy milyen levelek érkeznek majd Lakodomból
Ezenkívül ne felejtse el, hogy az űrlapnak észrevehetőnek kell lennie (de ugyanakkor kombinálnia kell a webhely kialakításával).
Az űrlap elveszett (Lamoda honlapja)
Egyenruha - az Adidas weboldalán található design része
És még néhány kreatív előfizetési űrlap inspirációnak.
Édes Jedik a Seonewstól:
Fényes előugró ablak, Quelle:
Szép ajánlat a Kiehls barátságához:
Előfizetés oldal
Igen igen, egész oldal! Könnyebb meghívni a felhasználókat egy külön oldalra, és többet megtudhat a levelezőlistáról.
Tehát mi legyen rajta:
Példa egy jó címre a Netology-ból
A tartalom leírása. Itt részletesebben elmondhatja, hogy a levelek miről szólnak, és milyen gyakran fognak érkezni. Ha többféle levele van, akkor röviden meséljen mindegyikről, és jelölje ki a jelölőnégyzeteket, hogy a felhasználó kiválaszthassa a neki tetszőket.
A Lenta.ru webhelyen található levelezőlisták tömör leírása
Előnyök vagy az előfizetés oka. Az űrlaphoz hasonlóan a feliratkozási oldalon is meg kell mutatni, hogy a felhasználónak miért van szüksége a hírlevélre. Nem külön blokkként emelheti ki, hanem kombinálhatja a levelezőlista leírásával.
Az előnyök nem láthatók strukturálatlan szövegben (az Ural Airlines honlapján)
A felsorolásjeles lista könnyen olvasható (H&M)
Ha ajándékot ad egy előfizetéshez, jobb, ha az első képernyőn megmutatja, például a fejlécben (a Lamoda webhelyén):
Előfizetési űrlap. Hogy mi legyen benne, azt már az előző részben tárgyaltuk.
Példák a betűkre. Ha az előfizetési űrlapon elég egy példalevél hivatkozását hozzáadni, akkor kényelmesebb azonnal megmutatni. Még jobb, ha több e-mailt küld el.
Fényképek nélkül az információ elveszik (az Ipa-Zakon honlapján)
Az alkalmazottak fényképeit elő kell fizetni (Service 1PS)
