Zdravím svojich čitateľov, získal som skúsenosti a poviem vám o princípoch formulára spätnej väzby php. Ukážem vám to na názorných príkladoch, aby ste pochopili, ako všetko funguje a ako prebieha interakcia medzi samotným vstupným formulárom (jeho vstupnými poliami) a súborom handler napísaným v php. Okrem toho si môžete bezplatne stiahnuť zdrojový kód spolu s .
Samozrejme, bude skvelé, ak aspoň trochu rozumiete HTML / CSS. Kód budete musieť analogicky pretiahnuť na svoju stránku. Jazyk PHP to neovplyvní, ukážem všetky potrebné úpravy, ktoré je potrebné urobiť pre seba.
AKTUALIZOVAŤ:Podľa ohlasov od čitateľov som si uvedomil, že treba niečo krajšie a funkčnejšie, zoznámte sa, overte si to a pozrite sa. Vyberte si, ktorý sa vám najviac páči)
AKTUALIZÁCIA2: Verzia 3.0 responzívne pristátie + formulár ajax s odovzdávaním značiek UTM, pozrite si to a pozrite sa. Bude sa ti to páčiť
Spomenul som si na seba, keď som sa prvýkrát pokúsil vytvoriť svoj vlastný formulár spätnej väzby v php a úprimne, bolo to pracné, pretože. Nechápal som, čo sa deje a ako. Trpezlivosť a vytrvalosť priatelia a uspejete.
php kontaktný formulár - štruktúra
Analýza samotného formulára spätnej väzby si preštudujeme na príklade vstupná stránka(Landing Page), mimochodom, existuje samostatný článok o . Ako to funguje v akcii môžete vidieť pomocou tlačidiel nižšie, pripájam zdrojové kódy tohto one-pageru a hlavný súbor php handlera (tento súbor spracuje a odošle email na email)
Po stiahnutí zdrojov a rozbalení archívu uvidíte nasledujúcu štruktúru súborov:
- obrázok - všetky obrázky, ktoré sa používajú pre samotnú vstupnú stránku, tlačidlá atď.
- js - javascriptové skripty, ktoré poskytujú napríklad vyskakovacie modálne okno na stránke a iné vizuálne efekty
- index.html - indexový súbor nášho one-pageru
- index1.php je súbor handlera, do ktorého sa prenesú hodnoty z formulára, potom sa z prijatých premenných vytvorí list a odošle sa na zadanú e-mailovú adresu. Index1.php bude tiež fungovať ako prechodná stránka pre oznámenie o úspešnom odoslaní údajov s automatickým presmerovaním späť na index.html (t. j. náš one-pager)
Je dôležité, aby váš hosting, na ktorom sa nachádzajú súbory stránky, podporoval php spracovanie, inak sa súbor index1.php nespustí a nebude fungovať. Ak chcete objasniť túto nuanciu, obráťte sa na kampaň, kde je váš hosting zaregistrovaný, alebo ho len otestujte - funguje to, čo znamená, že existuje podpora. Ak nie, povoľte možnosť podpory jazyka php
Pozrite sa, ako funguje interakcia všetkých prvkov (stránky, formulára, handlera).
Zdrojový kód na volanie formulára a obsluhy
Poďme sa pozrieť na fungovanie jedného z tlačidiel, ktoré vyvoláva modálne vyskakovacie okno, ktoré obsahuje formulár spätnej väzby. Tento daný zdrojový kód je viac ako raz, dvakrát vložený na stránku a bude fungovať, budete si ho musieť prispôsobiť tak, aby vyhovoval vášmu dizajnu a potrebám.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | Požiadajte o spätné zavolanie
Požiadajte o spätné zavolanie
|
Požiadajte o spätné zavolanie
Nižšie je uvedený úplný zdrojový kód obslužného programu index1.php, aby ste mohli nastaviť odosielanie do vašej poštovej schránky, zmeňte " [e-mail chránený]» na vlastnú päsť, zvyšok v zásade môže zostať nezmenený
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 | "; // od koho $send = mail ($address,$sub,$mes,"Content-type:text/plain; charset = utf-8\r\nFrom:$email"); ini_set("short_open_tag", "Zapnuté"); hlavička("Obnoviť: 3; URL=index.html"); ?>
|