W artykule:
Strony docelowe są wszędzie. Jeśli zbadałeś SEO, marketing internetowy lub budowanie list e-mail, zostaniesz poproszony o stworzenie strony docelowej dla swojej witryny.
Ale czym dokładnie jest strona docelowa i jak ją tworzysz? W tym poście wyjaśnię, co sprawia, że strona docelowa różni się od normalnej strony w Twojej witrynie i pokażę, jak stworzyć plik szablonu strony dla Twojego motywu, abyś mógł mieć własne strony docelowe.
Co to jest strona docelowa?
Strona docelowa to specjalna strona w Twojej witrynie, która ma na celu sprzedaż czegoś. Skuteczna strona docelowa będzie prosta i sprzeda tylko jedną rzecz. To nie jest to samo, co Strona produktów lub Strona usług lub Strona „o naszej firmie nie jesteśmy fantastyczni”.
Twoja strona docelowa ma jedno zadanie do wykonania, a to jest sprzedaż tylko jednej rzeczy.
To, co sprzedajesz, może się różnić. Może to być subskrypcja usługi lub kursu. To może być jeden produkt. Albo może to być coś, co nic nie kosztuje-na przykład zapisanie się na listę mailingową.
Wykorzystasz swoją stronę docelową w połączeniu z SEO i innym marketingiem online, aby zachęcić ludzi do odwiedzania Twojej witryny i odwiedzania tej strony. Gdy już tam będą, chcesz, aby kupili lub zarejestrowali się na czymś, co popycha Twoja strona docelowa-nic więcej. Gdy to zrobią, skierujesz ich na inną stronę dziękując im i pozwalając im przeglądać resztę witryny.
Rzeczą, która wyróżnia stronę docelową, jest laserowe skupienie się na osiągnięciu tylko jednej rzeczy. Dla wielu z nas otrzymuje adres e-mail do dodania do naszej listy mailingowej (w ten sposób używam stron docelowych) lub może to być zachęcenie kogoś do subskrypcji usługi (takiej jak subskrypcja WPMU DEV).
Twoja strona docelowa może zawierać wiele treści lub tylko kilka akapitów. Ogólnie rzecz biorąc, im droższy przedmiot lub usługa sprzedajesz, tym więcej kopii potrzebujesz. Jeśli chcesz tylko, aby ludzie zapisali się na listę mailingową, potrzebujesz informacji na temat magnesu do rejestracji (darmowego jako zachęta do rejestracji, takiego jak pobieranie) i linku do kliknięcia, aby ludzie się zarejestrowali. W przypadku dłuższej strony będziesz zawierał wiele przycisków (wszystkie linki do tego samego miejsca) i wiele kopii pomagających odwiedzającym podjąć decyzję o zakupie.
Oto strona docelowa na jednej z moich stron:
Jak widzisz, to naprawdę proste. Nie ma linków i tylko jeden przycisk, który przeniesie cię do formularza rejestracyjnego. Muszę Dopracować kopię (strona jest jeszcze w fazie rozwoju), ale widać, jakie to proste.
Nie chcesz dawać ludziom możliwości robienia czegokolwiek innego na swojej stronie docelowej, dlatego potrzebujesz do tego dedykowanego szablonu. Strona nie będzie zawierała linków odciągających odwiedzającego od procesu sprzedaży lub subskrypcji. Jedyne linki na tej stronie (i powinny to być ładne oczywiste przyciski) będą reprezentować górę lejka sprzedaży.
Oznacza to usunięcie wszystkich innych linków – i mam na myśli wszystkie z nich. Obejmuje to menu nawigacyjne, paski boczne, link z logo do strony głównej – nawet link colophon.
Jeśli użyjesz standardowego szablonu strony do utworzenia strony docelowej, zwiększysz szanse na rozproszenie odwiedzających i odejście od procesu sprzedaży. Zacznijmy więc zamiast tego tworzyć niestandardowy szablon strony.
Tworzenie Szablonu Strony Docelowej
Aby to zrobić, potrzebujesz następujących czynności:
- Instalacja rozwojowa Twojej witryny
- Własny motyw lub motyw potomny motywu innej firmy (nie edytuj bezpośrednio motywów innych firm)
- Edytor kodu.
Pokażę Ci kod z szablonu strony docelowej mojej własnej witryny.
Szablon strony lub niestandardowy typ postu?
Najpierw musisz zdecydować, czy chcesz użyć niestandardowego szablonu strony, czy niestandardowego typu postu. Oto, kiedy użyłbym każdego:
- Użyj niestandardowego typu postu, jeśli planujesz utworzyć wiele stron docelowych do obsługi wielu kampanii marketingowych lub wielu produktów. Daje to większą elastyczność.
- Użyj niestandardowego szablonu strony, jeśli potrzebujesz tylko jednej strony docelowej, na przykład, jeśli masz jedną stronę rejestracji listy mailingowej.
W tym przykładzie użyję niestandardowego szablonu strony. Możesz zastosować zasady tutaj do plików szablonów dla pojedynczych postów niestandardowego typu postu, jeśli chcesz.
Tworzenie szablonu strony
W szablonie musisz utworzyć nowy szablon strony. Możesz to zrobić, powielając strona.php szablonu lub tworząc pusty plik i kopiując zawartość strona.php w to. Nazywam swoje landing-page.php.
Oto mój strona.php plik:
Przejrzyjmy, co zawiera ten plik szablonu:
- Po pierwsze, wezwanie do nagłówek.php plik.
- Następnie warunkowe sprawdzenie, czy istnieje polecany obraz. Jeśli tak, zostanie wyświetlona wyrównana do prawej. Jest to dość specyficzne dla mojego tematu-twój może mieć coś podobnego lub nie.
- Pętla do wyświetlania tytułu i zawartości strony.
- Telefon do paska bocznego.
- Telefon do stopki.
Musimy zrobić dwie rzeczy z tym plikiem:
- Dodaj komentowany tekst na początku, aby WordPress wiedział, że jest to szablon strony.
- Zmień tę instrukcję warunkową.
- Usuń wywołanie na pasku bocznym.
Dodawanie komentowanego tekstu dla WordPressa
Na górze pliku Dodaj wiersz komentowanego tekstu, aby powiedzieć WordPress, że jest to szablon strony. Oto moje:
Teraz, gdy edytujesz lub tworzysz stronę na ekranie edycji strony, będziesz mieć możliwość wybrania tego szablonu w Atrybuty Strony metabox:
Edycja kodu warunkowego
Teraz edytujmy znacznik warunkowy. Moja strona docelowa zawsze będzie miała polecany obraz – nie muszę go sprawdzać. To dlatego, że będę miał obraz bezpłatnego pobrania, które ludzie otrzymują, gdy zapiszą się na moją listę mailingową. Chcę również zmienić układ. Oto nowa wersja mojego kodu w moim szablonie strony:
Zauważ, że style CSS dla układu są w arkuszu stylów mojego motywu – będziesz musiał dodać coś podobnego do swojego motywu, jeśli chcesz ten sam układ.
Usuwanie wywołania paska bocznego
Wreszcie, usuńmy to wywołanie paska bocznego. Wystarczy usunąć get_sidebar() funkcja. Zostaw tam wywołanie stopki – wkrótce edytujemy stopkę, aby usunąć wszelkie linki.
Edycja nagłówka i stopki
Nie wszystkie treści i linki na każdej stronie witryny znajdują się w pliku szablonu. Nagłówek zawiera menu nawigacyjne, a także link do strony głównej za pomocą logo lub nazwy witryny. Może również zawierać inne linki w banerze nagłówka.
A twoja stopka prawdopodobnie będzie zawierała kolofon z linkami do twojej strony głównej.
Musimy usunąć wszystkie te linki, aby ludzie nie mogli opuścić naszej strony docelowej i zacząć przeglądać stronę.
Usuwanie nawigacji z nagłówka
Zacznijmy od nagłówka. Są dwie rzeczy, których chcesz się pozbyć: link wokół logo lub tytułu witryny i menu nawigacyjne.
Oto Mój kod do nazwy strony:
Nie chcę usuwać tego linku na innych stronach w mojej witrynie, więc dodaję tag warunkowy, aby sprawdzić, czy jesteśmy na szablonie strony, a jeśli tak jest, wyprowadź nazwę witryny bez linku:
Zauważ, że nie usuwam nazwy całkowicie, tylko link.
Teraz usuńmy menu nawigacyjne. Prawdopodobnie możesz to rozwiązać samodzielnie, ponieważ musisz użyć tego samego znacznika warunkowego.
Oto oryginał:
A tu poprawiona wersja z tagiem warunkowym:
Proste!
Usuwanie linków ze stopki
Teraz przejdźmy do stopki. W moim stopka.php plik Mam kod do kolofonu:
Muszę dodać tag warunkowy wokół tego linku do strony głównej, tak jak wcześniej:
Jeśli chcesz, możesz to zrobić również dla linku WordPress-Wyzywam cię, aby to zrobić bez mojej pomocy!
Edycja arkusza stylów
Ostatnim krokiem jest edycja stylizacji szablonu strony tak, aby zawartość była wyświetlana na pełnej szerokości.
Domyślnie mam następujący układ stylizacji dla mojej zawartości i paska bocznego:
Muszę dodać trochę stylizacji, aby kierować treść tylko na ten szablon strony:
Pamiętaj, że nie musisz dodawać żadnych dodatkowych stylizacji paska bocznego – nie będzie on wyświetlany na niestandardowym szablonie strony, ponieważ nie jest wywoływany z pliku.
Tworzenie Stron
Ostatnim krokiem jest utworzenie strony docelowej. W rzeczywistości musisz utworzyć dwa – stronę docelową i stronę rejestracji. Dzieje się tak dlatego, że ludzie są znacznie bardziej skłonni do wypełnienia formularza rejestracyjnego, jeśli już kliknęli przycisk, aby się do niego dostać. Myślę, że to dlatego, że kliknięcie tego przycisku oznacza zaangażowanie w proces.
Utwórz dwie strony w panelu administracyjnym WordPress, obie za pomocą nowego szablonu strony docelowej. Jeden będzie zawierał tekst zachęcający ludzi do kliknięcia, a drugi będzie zawierał formularz-i tylko formularz.
Jeśli klikniesz przycisk na stronie docelowej na mojej stronie, otrzymasz tę prostą stronę rejestracji:
Ta strona używa tego samego szablonu co moja strona docelowa. W obu przypadkach dodałem ten sam polecany obraz. W ten sposób wzmacnia się wiadomość, że ludzie otrzymają tę darmową nagrodę, jeśli się zarejestrują – a włączenie wizualizacji sprawia, że Twoja strona jest bardziej atrakcyjna i zwiększa konwersje.
Szablon Strony Docelowej Zwiększy Współczynnik Konwersji
Poświęcenie czasu na stworzenie pliku szablonu dla stron docelowych sprawi, że będą one wielokrotnie bardziej skuteczne. Każdy, kto odwiedzi Twoją witrynę na tej stronie lub kliknie przycisk w Twojej witrynie, aby się do niej dostać, nie będzie miał dokąd pójść.
Jeśli wykonasz kroki opisane w tym poście, możesz stworzyć własny szablon strony docelowej, co ułatwi Ci dodawanie stron docelowych do swojej witryny w przyszłości. Pomoże Ci to sprzedać produkt lub przekonwertować odwiedzających na subskrybentów. Powodzenia!
Tagi:
