Wybór szablonu
Aby rozpocząć pracę z kreatorem ActiveMobi, wejdź na stronę http://activemobi.pl/, a następnie kliknij przycisk Wypróbuj za darmo. Zostaniesz przeniesiony do biblioteki 21 unikalnych szablonów, przygotowanych z myślą o różnych branżach, które jednak możesz całkowicie zmodyfikować, dostosowując do swoich potrzeb.
Po wybraniu szablonu, na bazie którego będziesz chciał stworzyć stronę mobilną swojej firmy, wejdziesz do kreatora ActiveMobi – łatwego w obsłudze narzędzia o przyjaznym interfejsie.
Pracując w kreatorze możesz przełączać się między różnymi trybami pracy:
1. zakładka “Edytor” – służy do zarządzania stronami i ich treścią
2. zakładka “Projekt” – służy do ustawienia tła stron, stylu czcionek, przycisków oraz widoku strony na tabletach.
3. zakładka “Podgląd” – możesz zobaczyć, jak Twoja strona wygląda na smartfonie lub tablecie.
Budowa edytora
Edytor składa się z trzech głównych obszarów:
- Struktura strony i komponenty – w tych dwóch sekcjach będziesz zarządzać strukturą swojej strony, czyli m.in. dodawać i usuwać podstrony, zmieniać ich kolejność, jak też korzystać z biblioteki komponentów.
- Obszar roboczy – w tym miejscu będziesz zarządzać komponentami Twojej strony, czyli edytować wygląd i zawartość kolejnych podstron.
- Podgląd na żywo – tu będziesz obserwować wszystkie zmiany, jakie będziesz wprowadzać w strukturze strony i w obszarze roboczym.
Praca w edytorze
Tworzenie strony mobilnej w ActiveMobi polega na pracy z komponentami. Komponenty są to gotowe elementy służące do prezentacji treści, np. nawigacje, obrazki, filmy, czy teksty, z których będziesz budował stronę. Drugim typem komponentów są elementy biznesowe, jak przyciski „kliknij, aby zadzwonić” i „kliknij, aby napisać SMS”, przycisk do płatności PayPal, czy składania rezerwacji, formularz kontaktowy, a wreszcie mobilne mapy Google ze wskazówkami dojazdu. Za ich pomocą będziesz realizował swoje cele biznesowe.
Dowiedz się więcej o projektowaniu stron mobilnych w przewodniku dla początkujących.
Praca w edytorze opiera się na trzech krokach:
1. Wybór komponentu – wybierasz komponent dostępny na liście w „Bibliotece komponentów”. Dla swojej wygody możesz też wyświetlić tylko komponenty należące do konkretnej kategorii. Wybrany komponent przeciągasz i upuszczasz w zakładce „Zawartość” obszaru roboczego.
2. Edytowanie komponentu – w obszarze roboczym konfigurujesz ustawienia komponentu, dodajesz własne treści i modyfikujesz jego wygląd.
3. Podgląd na żywo – na koniec sprawdzasz wygląd nowo dodanego komponentu w podglądzie na żywo.
Projekt graficzny
Każdy szablon, na bazie którego tworzysz swoją stronę mobilną, możesz dostosować do kolorystyki i stylu graficznego Twojej firmy. Dzięki temu użytkownicy będą identyfikować Twoją nową stronę mobilną z Twoją marką.
Przejdź do zakładki „Projekt”, gdzie znajdziesz ogólne ustawienia szaty graficznej strony:
1. Dostosowanie projektu graficznego – możesz ustawić tło dla strony głównej i podstron, wybrać czcionkę stosowaną w nagłówkach i treści strony, zmienić style przycisków. Dostosuj kolor tła lub wstaw obrazek aby Twoja strona mobilna wyglądała równie wyjątkowo na tabletach czy komputerach stacjonarnych.
2. Podgląd na żywo – tu obserwuj na żywo wprowadzane zmiany w projekcie graficznym.
3. Ustawienia domyślne – jeśli nie będziesz zadowolony ze zmian, zawsze możesz powrócić do wyjściowego projektu graficznego szablonu, klikając w link „Przywróć domyślne”.
Podgląd na żywo
W każdej chwili możesz zobaczyć jak wygląda Twoja strona mobilna na żywo.
W tym celu przejdź do zakładki „Podgląd”:
1. Przejrzyj stronę na urządzeniu mobilnym – wystarczy zeskanować kod QR, aby przetestować stronę na swoim smartfonie.
2. Podgląd strony – zobacz jak Twoja strona będzie wyglądała na smartfonie i tablecie. Tu możesz też przechodzić do kolejnych podstron i poruszać się po zawartości strony.
Zachowywanie zmian
Aby zachować wprowadzone zmiany, kliknij przycisk „Zapisz stronę” w prawym górnym rogu kreatora. Za pierwszym razem zostaniesz przeniesiony do okna rejestracji, gdzie poprosimy Cię o podanie Twojego adresu e-mail i hasła, w celu założenia bezpłatnego konta w ActiveMobi.
Po rejestracji wybierzesz nazwę swojej nowej strony mobilnej w domenie ActiveMobi, np. http://mojastrona.activemobi.com i jeden z dwóch planów. Możesz wypróbować nasz darmowy plan Mobi Start, aby przetestować wszystkie możliwości kreatora i bez pośpiechu stworzyć stronę mobilną dla Twojej firmy. W przyszłości będziesz mógł uaktualnić go do płatnej wersji Mobi Plus, która pozwala między innymi na podłączenie własnej domeny, dzięki czemu użytkownicy smartfonów i tabletów z łatwością trafią na Twoją stronę mobilną, czy automatyczne przekierowanie do niej użytkowników wpisujących adres www Twojej tradycyjnej strony na urządzeniach mobilnych.
Aby Twoja nowo utworzona strona mobilna była widoczna w internecie, musisz zmienić jej status na „Online”. Przejdź do panelu, przesuń przycisk „Status” i gotowe.
Teraz wiesz już jak szybko i łatwo możesz samodzielnie stworzyć stronę mobilną swojej firmy. Pobierz za darmo pełną wersję przewodnika tworzenia strony mobilnej w wersji. W następnym odcinku dowiesz się, jak dostosować projekt graficzny strony mobilnej do kolorystyki przyjętej w Twojej firmie.
ActiveMobi
ul. Filona 16
02-658 Warszawa
kontakt@activemobi.com
tel. 22 101 72 00
