Jak szybko budować Landing Page w Drupalu? Od Paragraphs do Drupal Canvas
Jeśli dotychczas myślałeś, że Drupal jest przeznaczony wyłącznie dla programistów, a marketerzy muszą prosić o każdą drobną zmianę – czas to zweryfikować. Dziś marketing może wymyślić kampanię jednego dnia, a następnego stworzyć (samodzielnie!) landing page. Wszystko dzięki zaangażowanej społeczności i tysiącom modułów. Wśród rozszerzeń Drupala trzy zasługują na szczególne uznanie – to one zmieniły sposób budowania landing page’y. W tym artykule pokażemy, jak z pomocą Drupal Canvas tworzyć strony metodą drag & drop w zaledwie kilka minut.
Dlaczego marketerzy potrzebują rozwiązań low-code w Drupalu?
Dlaczego marketerzy potrzebują rozwiązań low-code w Drupalu?
W biznesie czas płynie szybciej niż w codziennym życiu. Technologia goni technologię, pomysły się mnożą, ale przez brak czasu na realizację trafiają tylko te najważniejsze.
Szybkie wprowadzenie produktu na rynek ma dziś ogromne znaczenie. Time-to-market pokazuje, jak sprawnie firma przechodzi od pomysłu do momentu, w którym produkt zaczyna generować zysk. Dla jednych będzie to moment akceptacji koncepcji, a dla innych pierwsza sprzedaż. Właśnie dlatego zespoły marketingowe coraz częściej sięgają po rozwiązania low-code. Chcą działać szybciej, testować pomysły i wprowadzać zmiany bez angażowania developerów na każdym etapie. Drupal odpowiada na te potrzeby. Dzięki modułom takim jak Paragraphs, Layout Builder czy Drupal Canvas, nie jest już trudnym systemem w codziennej pracy z treściami.
Edytorzy mogą wprowadzać zmiany bezpośrednio w widoku strony – podmieniać zdjęcia, edytować sekcje czy zmieniać układ treści bez przechodzenia między widokami, zależnościami encji i formularzami. Dodatkowo raz przygotowane komponenty można wykorzystywać w wielu miejscach i typach treści, a układ strony nie jest sztywno powiązany z jednym szablonem czy typem zawartości.
To szczególnie przydatne w kampaniach i treściach sezonowych. Jeśli dla przykładu wprowadzasz do oferty produkt, który wymaga innej komunikacji (na przykład z okazji świąt), możesz samodzielnie stworzyć landing page różniący się od pozostałych podstron w serwisie. Takie podejście upraszcza obsługę kampanii marketingowych w Drupalu i skraca czas realizacji. Marketing przejmuje kontrolę nad landingiem, już bez obaw, że po stronie IT zabraknie czasu lub zasobów na dowiezienie potrzebnych funkcji.
Przegląd dostępnych narzędzi: jak budowaliśmy strony do tej pory?
Przegląd dostępnych narzędzi: jak budowaliśmy strony do tej pory?
Jeszcze do niedawna budowa landing page’a w Drupalu wiązała się z utworzeniem osobnego szablonu dla każdej podstrony i konfiguracją typu treści w taki sposób, żeby dział marketingu mógł edytować jak najwięcej elementów z poziomu panelu administracyjnego. W praktyce oznaczało to, że nawet z pozoru prosty landing page wymagał sporego nakładu pracy i czasu.
To zaczęło się zmieniać wraz z pojawieniem się Drupala 8 i modułu Paragraphs. Później dołączył Layout Builder, a najnowszym rozwiązaniem jest Drupal Canvas. Dzięki nim konfiguracja landing page’y w Drupalu stała się znacznie prostsza. Wystarczy, że programiści przygotują komponenty wielokrotnego użytku z określonym zakresem edycji, a redaktorzy mogą wykorzystywać je do budowy stron zgodnie z potrzebami kampanii.
Drupal Paragraphs
Drupal Paragraphs to moduł, który wprowadza nowy typ encji i pozwala tworzyć własne komponenty z dowolnymi polami.
Przykład? Jeśli chcesz wyświetlić dane kontaktowe konkretnej osoby, potrzebne są pola z imieniem, nazwiskiem, numerem telefonu czy stanowiskiem. Programiści przygotowują strukturę i wygląd komponentu, a redaktorzy wykorzystują go w różnych miejscach i typach treści.
Dla kogo?
To rozwiązanie sprawdzi się najlepiej w serwisach, w których redaktorzy chcą mieć wpływ na układ strony i elastyczne zarządzanie treścią, ale jednocześnie nie muszą martwić się o to, czy dodanie kolejnego paragrafu nie zaburzy wyglądu strony.
Minusy
Paragrafy umożliwiają zarządzanie układem landing page’y, co wcześniej było w zasadzie niemożliwe. Jednocześnie zmiany w wyglądzie poszczególnych komponentów nadal wymagają zaangażowania programisty. Dodatkowo redaktor widzi efekt wprowadzonych zmian dopiero po zapisaniu treści.
Plusy
Największą zaletą paragrafów jest swoboda w budowaniu układu landing page’a. Co ciekawe, ograniczona możliwość edycji wyglądu komponentów po stronie redaktora – często uznawana za wadę – w praktyce działa na korzyść projektu. Takie podejście daje większą kontrolę nad kodem, zwiększa bezpieczeństwo działania witryny i ogranicza ryzyko rozjechania się designu.
Layout Builder
Layout Builder pozwala edytorom oraz site builderom łatwo i szybko tworzyć wizualne układy do wyświetlania treści. Redaktorzy mogą dostosować sposób prezentacji zawartości zarówno na pojedynczej stronie, jak i w całym typie treści. Dzięki interfejsowi typu drag & drop tworzą szablony stron, wykorzystując pola z danego typu treści oraz bloki Drupala.
Dla kogo?
Dla osób, które lubią tworzyć układy stron bez ograniczeń i czują się w tym swobodnie. Idealne narzędzie dla zespołów odpowiedzialnych za budowę stron.
Minusy
Budowa landing page’a za pomocą Layout Buildera nadal opiera się na edycji formularzy, a efekt widać dopiero po zapisaniu treści. Dodatkowo korzystanie z bloków Drupala przy tworzeniu stron bywa uciążliwe.
Plusy
Pracując z Layout Builderem, łatwo dopasować układ do konkretnej podstrony lub typu treści. Wykorzystanie wcześniej zdefiniowanych bloków, osadzonych w odpowiednich kontenerach, sprawia, że mimo dużej swobody edycji wygląd i design witryny pozostają spójne.
Drupal Canvas
Drupal Canvas to największy game changer w budowaniu landing page’y w Drupalu. Ten moduł przekształca zwykły CMS Drupal w pełnoprawny page builder. Dzięki gotowym komponentom redaktor może samodzielnie zaprojektować stronę metodą drag & drop, a efekt zmian widzi od razu.
Dla kogo?
Drupal Canvas sprawdzi się w firmach, w których liczy się szybkie tworzenie i modyfikowanie stron, testowanie wariantów oraz samodzielna praca nad landing page’ami, bez angażowania zespołu technicznego na każdym etapie.
Minusy
Duża swoboda, jaką oferuje Drupal Canvas, niesie ze sobą ryzyko wyjścia poza styl danego serwisu. Dlatego potrzebny jest dobrze opisany design system, a komponenty wyposażone w odpowiednie ograniczenia, które zapobiegają rozjechaniu się wyglądu strony.
Warto też pamiętać, że Drupal Canvas to stosunkowo nowe rozwiązanie i nie wszystkie scenariusze da się dziś zrealizować wyłącznie z jego pomocą.
Plusy
Drupal Canvas wyraźnie upraszcza pracę redaktorów. Tworzenie treści i zarządzanie landing page’ami stało się o wiele prostsze i szybsze. Każda zmiana jest widoczna od razu na etapie edycji, bez przełączania się między widokiem edycji a wyglądem strony.
Paragraphs, Layout Builder czy Drupal Canvas?
Paragraphs, Layout Builder czy Drupal Canvas?
| Cecha | Drupal Paragraphs | Drupal Layout Builder | Drupal Canvas |
|---|---|---|---|
| Styl pracy | Edycja strukturalna (formularze, pola) | Układania bloków w edytorze, konfiguracja sekcji | Wizualna edycja interfejsu (drag & drop) |
| Podgląd | Po zapisaniu i przeładowaniu strony | Widoczny podczas układania layoutu | Natychmiastowy, w czasie rzeczywistym |
| Filozofia układu | Stabilność i spójność | Elastyczność poprzez konfigurację | Pełna swoboda w ramach komponentów |
| Próg wejścia | Średni – wymaga zrozumienia struktury pól | Średni – narzędzie dla site-builderów | Niski – intuicyjny dla marketera |
| Czas budowy LP | Standardowy proces wdrożeniowy | Zależny od konfiguracji i przygotowania komponentów | Szybki – gotowe komponenty dostępne od ręki |
| Rola IT | Tworzenie i rozwój komponentów | Konfiguracja layoutów | Minimalna – dostarczanie komponentów |
Jak stworzyć Landing Page w Drupal Canvas?
Jak stworzyć Landing Page w Drupal Canvas?
1. Zainstaluj moduł Drupal Canvas.
2. Wybierz z panelu Pages.
W tym widoku zobaczysz wszystkie strony, które możesz edytować za pomocą Drupal Canvas. Wejdź np. w edycję strony głównej.
3. W widoku edycji zauważysz obszar podzielony na trzy części. Po lewej stronie znajduje się panel z dostępnymi komponentami, stronami oraz warstwami. Po prawej ustawienia danej strony lub – jeśli wybrałeś konkretny komponent – wyświetlają się jego właściwości, z możliwością edycji. W centralnej części zobaczysz miejsce na Twoją treść.
4. Dodaj nową stronę. W tym celu kliknij w nagłówku jej nazwę.
5. Po dodaniu nowej strony zobaczysz widok z globalnymi regionami – Header oraz Footer, które są takie same dla całej witryny i które również możesz edytować z poziomu Drupal Canvas.
6. Testowo stwórz stronę, która będzie miała np. zwykłe CTA oraz formularz kontaktowy. Z panelu po lewej stronie wybierz komponent CTA i przeciągnij go na pole treści.
Gdy to zrobisz, w prawym panelu zauważysz jego właściwości, które możesz edytować. Pod treścią jest także slot, do którego możesz dodać kolejny komponent. Slot Przyciski jasno wskazuje, że w tym miejscu należy umieścić komponent przycisku. Po jego dodaniu możesz od razu zmodyfikować treść.
7. Jeśli masz zainstalowany moduł Webform i utworzone formularze, wystarczy, że wybierzesz komponent Webform i wskażesz odpowiedni formularz.
8. Warto dodać także sekcję z tekstem poprzedzającym formularz, która zachęci użytkownika do jego wypełnienia. W tym celu wybierz komponenty: sekcję, nagłówek oraz tekst. Sekcję umieść pomiędzy komponentem CTA a formularzem.
9. W lewym panelu znajduje się także widok warstw, który pokazuje użyte komponenty. Po kliknięciu w wybrany element możesz go edytować lub, przeciągając, zmienić jego położenie.
Podsumowanie
Podsumowanie
Drupal konsekwentnie rozwija narzędzia, które zmieniają sposób pracy z treścią i stronami kampanii. Moduły takie jak Paragraphs, Layout Builder i Drupal Canvas dają marketingowcom coraz większą samodzielność przy jednoczesnym zachowaniu spójności technicznej i wizualnej serwisu.
Dzięki gotowym komponentom i podejściu low-code budowanie landing page’y przestaje być zależne od każdej drobnej zmiany po stronie IT. Marketing może szybciej reagować, testować różne warianty i uruchamiać kampanie dokładnie w tym momencie, w którym są potrzebne.
Denis Peszka 
