Jak stworzyć landing page na beTiMES?

Po zalogowaniu w górnym menu kliknij Langing Page.

Kliknij przycisk stwórz nowy landing.

Jak wybrać szablon dla landing page?

W tej instrukcji przeprowadzę Cię przez tworzenie landinga z szablonem. Wybierz kliknij wybierz szablon.

Do wyboru masz setki szablonów. Żeby ułatwić sobie wybór, możesz po lewej stronie filtrować szablony ze względu na cel landinga, kroki w lejku sprzedażowym lub branże.

Żeby wybrać szablon, najedź na niego kursorem i kliknij użyj szablonu. Możesz też kliknąć podgląd, żeby zobaczyć, jak szablon prezentuje się w całości.

Po wyborze szablonu wpisz nazwę landinga i kliknij rozpocznij edycję.

Zostaniesz przeniesiony do edytora szablonu.

Jak dodać sekcję do landinga?

Żeby dodać sekcję, najedź kursorem na pierwszą ikonę od góry, z lewej strony i przeciągnij ją w miejsce, gdzie chcesz dodać sekcję.

Wybierz, z ilu kolumn ma się składać sekcja.

Wybrałem dwie kolumny i tak wygląda pusta sekcja umieszczona na landingu:

Żeby edytować sekcję, czyli np. zmienić jej szerokość czy wysokość, zmienić tło, dodać ramkę, zaokrąglić rogi, użyj panelu po prawej stronie.

Jak dodać tekst na landing page?

Żeby dodać tekst, bez względu na to, czy ma to być akapit, czy nagłówek, przeciągnij ikonę z literą T w miejsce, gdzie tekst ma się znaleźć.

Żeby przesunąć tekst w inne miejsce, wystarczy najechać kursorem na tekst, kliknąć i przeciągnąć w wybrane miejsce.

Jak dodać nagłówek, zmienić odstęp między wierszami i rodzaj fontu?

Żeby edytować tekst, zmienić akapit na nagłówek, zmienić styl, kolor, rozmiar fontów, odstępy między wierszami, użyj edytora po prawej stronie.

Jak dodać cień tekstu?

W edytorze przesuń suwak cień tekstu. Rozwiną się dodatkowe opcje edycji, gdzie będziesz mógł zmienić wielkość cienia, umiejscowienie i kolor.

Jak dodać przycisk?

Najedź kursorem na ikonę przycisku i przeciągnij w wybrane miejsce w sekcji.

Jak zmienić styl przycisku?

W edytorze po prawej stronie kliknij style przycisku.

Wyświetlą Ci się różne style, które możesz wykorzystać.

Jak edytować tekst na przycisku?

Tekst na przycisku możesz zmienić w edytorze po prawej stronie.

Jak edytować kolor, font, wyrównanie przycisku?

Tak jak treść na przycisku, w edytorze możesz też zmienić font, rozmiar fontu, kolor, wyrównanie.

Jak zaokrąglić rogi przycisku?

Jeśli zjedziesz niżej w edytorze, możesz też zaokrąglić rogi przycisku i edytować wielkość zaoblenia.

Jak ustawić cień przycisku?

W edytorze możesz dodać zarówno cień dla całego przycisku, jak i dla samego tekstu na przycisku. Żeby to zrobić, przesuń suwak i edytuj ustawienia.

Jak dodać grafikę do landing page?

Żeby dodać zdjęcia, grafikę, przeciągnij ikonę obrazka w wybrane miejsce.

Zostaniesz automatycznie odesłany tutaj:

Żeby załadować zdjęcie wybierz galeria i wyślij obrazki. Możesz też załadować zdjęcia bezpośrednio z Unsplash albo stworzyć nowy folder, do którego będziesz dodawał obrazki. Jeśli nie stworzysz nowego folderu, zdjęcie załaduje się w głównym folderze.

Kiedy grafika się załaduje, kliknij na nią, a następnie zapisz i zamknij, żeby ją dodać.

Jak zmienić rozmiar grafiki?

Żeby zmienić rozmiar użyj kursora i dopasuj rozmiar do miejsca w sekcji. Możesz też użyć edytora po prawej stronie.

W edytorze po prawej możesz zaokrąglić rogi, dodać obramowanie i cień.

Jak wstawić ikonki na landing page?

Żeby wstawić ikonki na landing page, przeciągnij ikonę z ikonkami w wybrane miejsce.

Żeby zmienić symbol, kliknij zmień.

Wyszukaj ikonę. Kliknij na nią i kliknij zapisz i wyjdź.

W edytorze po prawej stronie możesz zmienić kolor ikony, jej wielkość i dodać cień.

Jak podlinkować ikonę?

W edytorze po prawej rozwiń akcja i wybierz, co ma się stać po kliknięciu ikony.

Jak osadzić wideo na landingu?

Kliknij ikonę wideo i przesuń ją w wybrane miejsce.

Zostaniesz odesłany tutaj:

Skąd wziąć link do wideo z Vimeo?

Wejdź na Vimeo, najedź na wybrany film kursorem i kliknij copy link / copy video link.

Wklej w odpowiednie miejsce na landingach.

Skąd wziąć link do wideo z YouTube?

Wejdź do YouTube Studio / Treści i kliknij przy filmie na trzy kropki, które oznaczają opcje.

Wybierz pobierz link udostępniania. Link automatycznie się skopiuje.

Wklej link w odpowiednie miejsce w landingach. W zależności od tego, na czym Ci zależy, zaznacz odpowiednie opcje pod linkiem (autoodtwarzanie, wyciszenie, zapętlenie, sterowanie odtwarzaczem). Kiedy wszystko jest gotowe, kliknij zapisz i zamknij.

W edytorze po prawej stronie możesz dodać cień, obramowanie, zmienić wielkość wideo. Po dodaniu nie będzie widoczna w edytorze miniaturka filmu.

Ale w podglądzie wyświetla się prawidłowo.

Jak ukryć elementy na urządzeniach mobilnych?

To, co do tej pory edytowaliśmy, to widok na komputerach. Możesz jednak chcieć, żeby strona na urządzeniach mobilnych wyglądała inaczej.

Tworząc stronę na landingach w beTiMES możesz zmieniać ustawienia elementów strony na urządzeniach mobilnych, a nawet sprawić, żeby były tam zupełnie niewidoczne.

Żeby edytować wygląd strony na urządzenia mobilne, kliknij u góry w edytorze ikonkę telefonu.

Zostaniesz przekierowany do takiego edytora. Możesz to swobodnie manewrować elementami.

Żeby ukryć element na urządzeniu mobilnym, kliknij na niego, a następnie w menu po prawej stronie odznacz ikonkę telefonu.

Obrazek zniknie.

Dodatkowe opcje

Kiedy jesteś już zadowolony z wyglądu strony, kliknij Dodatkowe opcje w edytorze po prawej stronie.

Ustawienia SEO dla landinga

Po kliknięciu dodatkowe opcje / SEO możesz zmienić ustawienia SEO dla landinga. Możesz dodać tytuł strony, słowa klucze, opis oraz meta tagi.

Opcje udostępniania

Po kliknięciu dodatkowe opcje / opcje udostępniania możesz dodać tekst, opis oraz miniaturkę, które pojawią się, jeśli będziesz chciał udostępnić landing np. na Facebooku.

Jak dodać favicon dla landinga?

Żeby dodać favicon, kliknij dodatkowe opcje / inne. Tu możesz załadować favicon.

Jak dodać własne style CSS?

Żeby dodać własne style CSS kliknij dodatkowe opcje / własne style.

Jak podejrzeć landing page?

Żeby sprawdzić, jak landing będzie wyglądał w rzeczywistości, kliknij w prawym górnym rogu podgląd.

Możesz podejrzeć zarówno widok na urządzeniach mobilnych, jak i na komputerach. Żeby wrócić do edytora, kliknij powrót.

Jak opublikować landing page?

Żeby opublikować landing, kliknij publikuj. Kliknięcie zapisz powoduje zapisanie wersji roboczej.

Landing opublikowany jest pod domeną testową. Żeby zmienić adres kliknij zmień URL.

Tutaj możesz dodać swoją domenę i zmienić adres strony.