0 Kč s DPH
  • WYSIWYG verze 3.5
    • Návod je vytvořen ve WYSIWYG editoru verze 3.5 Více »

5. Příklad

Není nic názornějšího, než konkrétní příklad, a proto Vám nabízíme průvodce, se kterým krok po kroku vytvoříte svůj vlastní formulář.

Nejdříve si vytvoříme tělo formuláře (např. pro odebírání novinek), což bude článek s názvem např. Formulář, který si nastavíme jako neaktivní odškrtnutím políčka Nastavit aktivní v části Nastavení. Poté si zkopírujte následující kód, který vložíme přímo do zdrojového kódu stránky. 

Ve WYSIWYG verze 3.5 a starší zobrazíte zdrojový kód stránky kliknutím na ikonu HTML Upravit HTML zdroj.

Ve WYSIWYG verze 4.1 a vyšší zobrazíte zdrojový kód stránky v Nástroje > Zdrojový kód stránky

Kód neplatí pro šablony ONE a SLIDE 

<div id="form">
  <form method="post" action="/mailform/" enctype="multipart/form-data">
    <input type="text" name="email[_value]" id="email" value="" />
    <input type="hidden" name="email[_title]" value="E-mail" />
    <input type="submit" value="Odeslat" />
  </form>
</div>

Kód pro šablony ONE a SLIDE 

<div class="panel-body">
  <form class="form-horizontal" action="/mailform/" enctype="multipart/form-data" method="post">
    <div class="form-group required">
      <div class="col-sm-6">
        <input type="text" name="email[_value]" id="email" value="" class="form-control text" size="30" maxlength="128" />
        <input type="hidden" name="email[_title]" value="E-mail" id="email-_title" />
        <input type="hidden" name="email[_required]" value="1" id="email-_required" />
      </div>
      <div class="col-sm-3">
        <input type="submit" name="submit" id="mailform-submit" value="Odeslat" class="btn btn-primary button" />
      </div>
    </div>
  </form>
</div>


Obrázek 1: Tělo formuláře

Nyní si vytvořte druhý článek, který se již zobrazí návštěvníkovi vašich stránek (tedy je nastaven jako aktivní). Nazvěte jej např. Odebírání novinek a do těla vložte následující kód (stejným způsobem jako u článku Formulář).

<h1>Odebírání novinek</h1>
<p>Pokud máte zájem dostávat novinky o našich produktech, zašlete nám svůj email.</p>

 

V posledním kroku vyberte jako Podpis článku z nabídnutého seznamu článek Formulář, čímž jej přídáte na konec článku Odebírání novinek, a zajistíte zobrazování chybových a úspěšných hlášení, které generuje aplikace mailform.

form.jpg (normální)
Obrázek 2: Vlastní článek s definováním formuláře jako Podpis článku

Tím je Váš první vlastní formulář hotov a stačí jej pouze vyzkoušet.

form2.jpg (normální)
Obrázek 3: Formulář jak se zobrazí návštěvníkovi


Všechny díly seriálu:

  1. Tvorba jednoduchého formuláře
  2. Podrobný popis parametrů
  3. Pokročilé vlastnosti
  4. Validace dat pomocí javascriptu
  5. Příklad

Přidat komentář

Přehled komentářů

  • zobrazuje se to dvakrát

    23.1.2010 0:28:29 | Martina

    Jedu podle návodu už celej večír, zkoušim to horem dolem, a funguje to - až na to, že se mi to zobrazuje dvakrát! co s tím?

    Odpovědět

  • zobrazuje se to 2x

    25.1.2010 10:26:40 | admin

    Dobrý den, pokud tvoříte svůj vlastní formulář, pak dáváte stránku s novým formulářem jako podpis určité stránky.
    V tomto případě byste neměli mít zaškrtnutý původní Kontaktní formulář v hlavím menu, viz sekce: NASTAVENÍ - úprava nastavených odkazů

    Odpovědět

  • odeslání odkazu

    8.6.2012 15:21:50 | Martin K.

    a co kdybych chtěl vytvořit formulář na odeslání odkazu na mé stránky na něčí jiný e-mail .. to už by předpokládám bylo složitější ..

    Odpovědět

  • Re: odeslání odkazu

    11.6.2012 13:36:57 | inpage

    E-maily odesílané skrz vlastní formuláře je možné odeslat z bezpečnostních důvodů pouze na předem definované adresy!

    Odpovědět

  • Formulář na uvodní stránce a boxu

    20.7.2012 18:14:52 | Martin K.

    Nedaří se mi zobrazit vlastní formulář na úvodní stránce a postranním sloupci, na jiných stránkách to funguje - dělám něco špatně nebo to vůbec nejde?!
    díky za odpověď

    Odpovědět

  • Formular

    9.3.2013 1:58:25 | Levan

    Dobrý den,

    Vytvářím si v PSpadu vlastní formulář, který už je skoro hotov. Zajímá mě však poslední věc, a to jak dosáhnout toho, aby formulář po kliknutí na tlačítko odeslat, odeslal informace mě do mailu děkuji.

    Odpovědět

  • RE: formulář

    11.3.2013 10:19:58 | Hana Medkova

    Dobrý den,

    v první řadě musí stránka, ve které je uloženo tělo formuláře být NEAKTIVNÍ a musí v úvodu HTML kodu nastaven následující zápis:

    <form method="post" action="/mailform/" enctype="multipart/form-data">

    pro napojení na email, který jste si nastavil v sekci NASTAVENÍ - NASTAVENÍ FORMULÁŘE v kolonce EMAIL KONTAKTNÍHO FORMULÁŘE.

    Následně článek s tělem vlastního formuláře nemůžete zobrazit v hlavním menu webu, ale musíte ten samotný formulář připojit ke kterémukoliv AKTIVNÍMU článku jako PODPIS (funkce podpis je u každého článku v části "Nastavení")

    Odpovědět

  • Odeslaní formulare

    12.3.2013 0:12:27 | Levan

    Dobrý den,

    Děkuji za radu moje chyba nějak mi vypadlo ze je to tady popsané jinak bych se neptal.
    Udělal jsem tedy vše jak má být (doufám), ale ted mi formulář při kliknutí na odeslat napíše, že musím vložit soubor což je divné, protože jsem v HTML kolonku pro soubor nenastavoval. Takže nejde nic posílat.

    Odpovědět

  • RE: odeslání formuláře

    12.3.2013 9:04:17 | Hana Medkova

    V tomto případě prosím uveďte doménu, abych se mohla podívat, kde je v tom kodu formuláře problém, resp. nekde tam musí být část kodu, která ten soubor požaduje a tu část bude nutné z HTML odstranit.

    Odpovědět

  • Formular

    12.3.2013 15:54:51 | Levan

    Dobrý den,
    posílám odkaz na formulář. Tagy jsem zarovnal a odělil, aby v tom byl lepší přehled.

    http://www.richcars.cz/inpage/on-line-rezervace/#.UT8-tRxhXQM

    Děkuji moc za pomoc a ochotu.

    Odpovědět

inPage.cz - webové stránky, doména a webhosting snadno.