V tomto článku vám prozradíme, jak lze na svých stránkách uvést webový formulář Bitrix. Díky jednoduchému a srozumitelnému gajdu budete moci vytvořit a přizpůsobit svůj vlastní tvar a také získat data od návštěvníků bez zbytečných obtíží a časových nákladů.
Nejprve je třeba nainstalovat Bitrix. Pokud jste již nainstalovali CMS na svůj web, pokračujte ve čtení. Dále je třeba přejít do sekce " Správa webu "a vybrat"webové formuláře". Zde najdete všechny stávající tvary a budete mít možnost vytvořit nový tvar.
1. Vytvoření formuláře
Přejděte na" služby "v panelu Správce Bitrix a vyberte"webové formuláře". Klikněte na tlačítko" vytvořit webový formulář " a zadejte jeho název. Poté přidejte potřebná pole a možnosti pro tvar.
Chcete-li zobrazit formulář na vašem webu, musíte vytvořit speciální stránku. V panelu Správce Bitrix přejděte do části" Obsah "a vyberte"struktura webu". Vytvořte novou stránku a nastavte ji na jedinečný název a adresu URL.
4. Přidání kódu na stránku
5. Kontrola a zveřejnění
Vytvoření součásti formuláře
Chcete-li vytvořit komponentu formuláře v Bitrix, musíte postupovat podle následujících kroků:
- Vytvořte složku pro komponentu v adresáři / bitrix / components.
- Ve vytvořené složce vytvořte soubor s názvem .parameters.php, který bude obsahovat popis parametrů komponenty.
- Vytvořte soubor komponent s názvem .php, který bude obsahovat logiku fungování formuláře.
- V souboru součásti určete metodu .executeComponent (), který provede základní logiku fungování součásti.
- Vytvořte šablonu součásti, která bude obsahovat HTML značení tvaru.
- V souboru součásti připojte šablonu a vyveďte ji pomocí metody .includeComponentTemplate().
Pro práci s formami v Bitrix můžete použít hotové komponenty z jádra nebo si vytvořit vlastní komponentu. Hotové komponenty mají širokou funkčnost, ale mohou být náročné na použití a přizpůsobení. Vytvoření vlastní složky proto může být v některých případech vhodnější.
Při vytváření součásti formuláře je nutné určit parametry, které budou přeneseny do součásti z mimo. K tomu se vytvoří soubor .parameters.php, který specifikuje názvy a typy parametrů a jejich výchozí hodnoty.
Logika práce formuláře je implementována v souboru komponenty .php. V něm lze identifikovat zpracovatele událostí, zpracování dat, validaci a další funkce potřebné pro práci s formulářem.
Šablona komponenty je HTML značení, které definuje pole tvaru, tlačítka a další prvky rozhraní. Šablona komponent je vytvořena ve speciální složce s názvem template, která může obsahovat také soubory CSS a JavaScript pro stylizaci a přidání další funkce formuláře.
Po vytvoření šablony jej lze připojit a odvodit pomocí metody .includeComponentTemplate (), který vám umožňuje zadat cestu k šabloně vzhledem ke složce součásti.
Vytváření komponent tvaru V Bitrix může být poměrně složitý proces, ale díky kompetentní organizaci a použití hotových funkcí a šablon může být zjednodušen a proveden s minimálním úsilím.
Nastavení parametrů formuláře
Při vytváření webového formuláře v Bitrix máte možnost nakonfigurovat různá nastavení, která vám umožní určit vzhled a chování formuláře. Níže jsou uvedeny základní možnosti, které lze nakonfigurovat:
1. Název formuláře
Můžete zadat název formuláře, který se zobrazí nad samotným formulářem. Toto pole vám umožňuje zadat krátký popis nebo pokyny k vyplnění formuláře.
2. Poloha tvarových polí
Můžete si vybrat, která pole formuláře se zobrazí a v jakém pořadí. K tomu použijte funkci přetažení polí. Můžete také nastavit povinná pole, která musí uživatel vyplnit před odesláním formuláře.
3. Téma návrhu
Bitrix má několik standardních motivů designu, které vám umožní rychle změnit vzhled tvaru. Můžete si vybrat jedno z dostupných témat nebo si vytvořit vlastní.
4. Chybové zprávy
Můžete nakonfigurovat zprávy, které se uživatelům zobrazí, když se při vyplňování formuláře objeví chyby. Můžete například uvést, že pole musí být vyplněno nebo že zadaná e-mailová adresa je neplatná.
5. Akce po odeslání formuláře
Můžete nastavit, co by se mělo stát po odeslání formuláře. Můžete například nastavit přesměrování na jinou stránku nebo zobrazit zprávu o úspěšném odeslání.
Nezapomeňte uložit změny po nastavení možností formuláře, aby se projevily.
Definice tvarových polí
Než vytvoříte formulář na webu pomocí Bitrix, musíte určit pole, která budou do tohoto formuláře zahrnuta. Pole jsou definována podle informací, které chcete od uživatelů získat.
Bitrix má několik typů polí, která lze použít ve formě:
- Textové pole - toto je nejjednodušší pole, které umožňuje uživateli zadat textové informace. Například jméno, příjmení, e-mail atd.
- Textové pole s vícestupňovým vstupem - je to rozšířená možnost textového pole, která uživateli umožňuje zadat více textu.
- Rozevírací seznam - toto je pole, které vyzve uživatele, aby si ze seznamu vybral jednu možnost. Například země bydliště nebo jazyk.
- Praporek - je to pole, které umožňuje uživateli vybrat si jednu nebo více možností z nabízených. Například preferované způsoby komunikace.
- Přepínač - je to pole, které umožňuje uživateli vybrat pouze jednu možnost z nabízených. Například Paul.
- Souborové pole - je to pole, které umožňuje uživateli nahrávat soubory na server. Například fotografii.
V závislosti na vašich potřebách si můžete vybrat jedno nebo více polí pro svůj tvar. Mějte na paměti, že každé pole může mít různá nastavení, jako je povinnost vyplnění nebo kontrola správnosti údajů.
Nyní, když jste se rozhodli pro pole tvaru, můžete začít s jejich tvorbou a nastavením v Bitrix.
Vytvoření šablony pro formulář
Proces vytváření šablony pro formulář v Bitrix zahrnuje následující kroky:
- Vytvořte soubor šablony s příponou .php.
- Otevřete soubor šablony a přidejte požadované označení pro formulář.
- Vložte kód součásti formuláře,který bude zpracovávat odesílání dat.
- Přizpůsobte a stylizujte tvar pomocí CSS.
Při vytváření šablony formuláře je důležité vzít v úvahu následující body:
- Je nutné vytvořit obal pro formu, aby její stylizace byla holistická a konzistentní se zbytkem prvků webu.
- Pomocí značky vytvořte základní strukturu tvaru.
- Přidejte potřebná vstupní, výběrová a tlačítka pro odesílání dat.
- Pro každé vstupní pole nastavte příslušné atributy a přidejte požadované třídy pro stylizaci.
- Přidejte obslužnou rutinu události na tlačítko pro odeslání dat, aby byl formulář odeslán po stisknutí.
Jakmile vytvoříte šablonu pro tvar a její stylizaci, nezapomeňte šablonu připojit k komponentě formuláře, aby se zobrazila na stránce.
Přidání formuláře na stránku
Chcete-li přidat webový formulář na stránku vašeho webu, musíte otevřít požadovanou stránku pro úpravy v administrativním panelu Bitrix.
Na stránce, která se otevře, najděte požadované místo pro umístění formuláře a vložte následující kód:
IncludeComponent(
"bitrix:main.feedback", "", Array(
"USE_CAPTCHA" => "Y",
"OK_TEXT" = > " Děkuji, vaše zpráva přijata.",
"EMAIL_TO" => "[email protected]",
"REQUIRED_FIELDS" => array(),
"EVENT_MESSAGE_ID" => array()
)); ?>
Zadejte požadované hodnoty pro parametry v kódu:
- USE_CAPTCHA-použití ochrany proti spamu pomocí captcha, " Y " - Ano," N " - ne.
- OK_TEXT je text zprávy, který bude uživateli stažen po úspěšném odeslání formuláře.
- E-mail_to je e-mailová adresa, na kterou budou chodit zprávy z formuláře.
- REQUIRED_FIELDS-pole povinných formulových polí.
- EVENT_MESSAGE_ID je pole ID poštovních šablon, které budou odeslány po úspěšném vyplnění formuláře.
Po uložení změn se formulář zobrazí na vybrané stránce vašeho webu.