Dodaj formularze do stron..

Learn DXPR BuilderBuild pagesVolg een tutorial

Tu umieścisz formularz zapisu obok swojego komunikatu w jednej sekcji. Formularz jest blokiem Drupala, więc tak umieścisz każdy otwarty formularz webform. Użyj tej strony do formularza wewnątrz istniejącej strony. Pełną stronę z adresem, mapą i godzinami otwarcia zbuduj według strony kontaktowej.

Film buduje zapis do newslettera dla kliniki zdrowia.

Zanim zaczniesz

  • Twoja rola ma uprawnienie Edit with DXPR Builder.
  • Formularz istnieje, na przykład webform utworzony modułem Webform.
  • Strona jest otwarta w kreatorze. Nową utworzysz w Content > Add content > Landing Page (/node/add/landing_page) przyciskiem Save.

Krok 1: dodaj barwioną sekcję

  1. Kliknij Add Elements na pustej stronie i wybierz Section z karty Layout.
  2. Najedź na sekcję i otwórz More > Settings. Otwórz panel Style, wybierz jasnoszary Background i kliknij Save.

Krok 2: dodaj dwie kolumny

  1. Kliknij + na sekcji i wybierz Row. Nowy wiersz powstaje z dwiema równymi kolumnami, podziałem jakiego tu potrzebujesz.

Krok 3: napisz komunikat zapisu

  1. Kliknij + w lewej kolumnie i wybierz Text z karty Content.
  2. Wpisz „Get health tips by email” i ustaw na Heading 2 z paska narzędzi.
  3. Dodaj jedną linijkę o tym, co dostają subskrybenci i jak często, a potem kliknij Save.

Krok 4: wstaw formularz

  1. Kliknij + w prawej kolumnie.
  2. Otwórz kartę Drupal Blocks.
  3. Wybierz blok swojego formularza i kliknij Save w jego oknie ustawień. Formularz renderuje się w kolumnie.

Krok 5: zapisz i podejrzyj

  1. Kliknij Save na pasku narzędzi DXPR Builder.
  2. Otwórz menu widoku (ikona oka) i wybierz Preview, aby zobaczyć komunikat obok formularza.

Skąd biorą się formularze

Niepokazane w filmie:

  • Moduł Webform: każdy otwarty webform widnieje na karcie Drupal Blocks jako „Block: DXPR builder: Webform:” i jego nazwa. Wpisz nazwę w Search albo wybierz DXPR builder w Filter by category.
  • Moduł Contact z rdzenia: jego formularze w Structure > Contact forms nie mają własnego bloku. Moduł dodatkowy Contact Block dodaje Contact block do tej samej karty.

Stylowanie formularzy

Niepokazane w filmie. Formularze biorą style twojego motywu. Aby je zmienić:

  • Dodaj klasy w HTML classes w panelu General bloku i ostyluj te klasy w swoim motywie.
  • Ustaw margines i wypełnienie wokół formularza w panelu Style bloku.

Efekt

Szary pas trzyma twój nagłówek i jedną linijkę tekstu po lewej, a formularz po prawej. W podglądzie formularz działa jak u odwiedzających, a zgłoszenia idą do własnych handlerów formularza. Aby pracować dalej, wybierz Edit w menu oka.

Jeśli nie widzisz formularza

  • Twojego formularza webform nie ma na karcie Drupal Blocks. Kreator wymienia tylko otwarte formularze webform. Przejdź do Structure > Webforms (/admin/structure/webform) i ustaw status formularza na Open.
  • Karty Drupal Blocks nie ma albo jest pusta. Kreator wymienia bloki tylko, gdy włączony jest moduł rdzenia Block Content. Włącz go w Extend (/admin/modules).
  • Odwiedzający widzą pustą kolumnę tam, gdzie powinien być formularz. Blok ukrywa webform przed osobami, które nie mogą go wysłać. Pozwól ich roli tworzyć zgłoszenia w ustawieniach Access formularza webform.
  • Twoje zmiany zniknęły po przeładowaniu. Stronę opuszczono przed kliknięciem Save na pasku narzędzi kreatora. Jeśli Save pokazuje błąd, zobacz Zmiany nie zapisują się.

Co dalej?