Page Builder

Page Builder to narzędzie, które daje możliwość tworzenia podstron w sklepie internetowym na platformie AtomStore, za pomocą wizualnego interfejsu, bez konieczności pisania kodu. Dzięki temu możesz w łatwy sposób tworzyć angażujące podstrony w newsletterach, landing pages czy stronach statycznych. Zobacz, w jaki sposób uruchomić moduł, a także poznaj opis poszczególnych elementów modułu.

---

Uruchomienie modułu Page Builder

1. Przejdź do Ustawienia Konfiguracja sklepu API i integracje FK/ERP Kreator wizualny HTML .

2. Włącz moduł.

3. Zapisz dane. 

4. Kreator wizualny HTML jest dostępny w 3 miejscach:

• Landing pages;
• Strony statyczne;
• Blogi.

Dodatkowo kreator dostępny jest również w Newsletterach.

---

W jaki sposób tworzyć treści za pomocą Page Buildera?

Ogólny zarys kreatora wizualnego HTML

1. Przejdź do jednego z trzech miejsc, w których znajdziesz kreator HTML. Przykładowo, może to być CMS Strony statyczne . W tym miejscu wybierz edycję strony o typie Kreator wizualny HTML . 

2. W edycji takiej strony statycznej w sekcji Kreator wizualny wybierz opcję: Edytuj .

3. Edytor HTML zostanie wyświetlony w osobnej karcie przeglądarki. 

4. W kreatorze wizualnym spośród dostępnych opcji najważniejsze są cztery sekcje:

• Bloki;
• Menadżer warstw;
• Ustawienia;
• Menadżer styli.

5. W sekcji Bloki możesz dodawać pojedyncze elementy lub ich całe bloki. Mogą to być kolumny, tekst, linki, grafiki, ale także elementy systemowe z panelu AtomStore takie jak: listy dynamiczne, landing page, menu własne czy ustawienia.

6. Po otwarciu menadżera warstw zostanie wyświetlona sekcja Body . W tym miejscu automatycznie pojawiają się elementy, które są dodawane w kreatorze. Kliknięcie wybrany element z listy podświetla go niebieską ramką.

7. Kolejną z sekcji jest menadżer styli, ulokowany pod ikoną pędzla. Do jego obsługi wymagana jest podstawowa wiedza z zakresu HTML/CSS. W tym miejscu znajdziesz ustawienia ogólne, rozmiarów, typografii, dekoracji oraz dodatkowe.

W ustawieniach ogólnych możesz skonfigurować cechy, które odpowiadają za pozycje elementu – możesz je ustawiać z lewej/prawej strony, w różnych pozycjach, np. Statycznej, a także przesuwać element o określoną liczbę pikseli.

W ustawieniach wymiarów możesz skonfigurować rozmiary wybranego elementu, takie jak: wysokość, szerokość, marginesy, wypełnienia.

Typografia odpowiada za rodzaj czcionki, a także jej rozmiar, wielkość i odstępy pomiędzy literami. W tym miejscu można również wybrać sposób wyrównania tekstu – do prawej/lewej strony bądź w sposób wyśrodkowany lub wyjustowany. Możesz również dodać cień dla Twojego tekstu, klikając ikonę plusa przy Text shadow .

Ustawienia dekoracji odpowiadają za nadanie elementowi tła, obramowania oraz cieni. W tym miejscu możesz wybrać grubość ramki, jej styl, a także kolorystykę i styl tła.

---