Să ne aici și acum pentru a face un cool-o singură pagină site-ul pentru a vinde produsul (sau produse) pe care le au. Va face acest lucru gratuit, și cu propriile sale mâini, utilizând un șablon predefinit. La sfârșitul citirea acestui articol, veți fi gata odnostranichnik, care poate fi rulat în loc de muncă. Urmărit.
În primul rând, să ne descărca gratis html odnostranichnika șablon din care vom face site-ul nostru.
Free-o pagină șablon de site pentru produse
Acesta este un șablon special în cazul în care toate încântat de vânzarea de bunuri. Îl puteți descărca de la acest link. Vezi ce se pare ca poti aici.
Principalele caracteristici distinctive ale Aterizare pentru vânzarea de bunuri:
- Există un loc pentru imaginea de ansamblu a mărfurilor de pe ecranul principal;
- Există un mini-catalog, astfel încât ați plasat acolo câteva opțiuni pentru produsul;
- Există o fereastră separată pop-up cu descrierea produsului și faceți clic pe „buy“;
- Formularul de feedback personalizat integrat și (inclusiv un „apel la comanda“);
- Există un bloc cu o cotă de minte „etern“, temporizator cu numărătoare inversă;
- model de design universal poate fi folosit pentru orice produs;
- Este gratuit =)
Dacă ați descărcat șablonul, apoi să trecem să-l modificați. Să începem cu cel mai important - primul ecran.
Cum de a face principal odnostranichnika ecran
Așa cum am scris mai devreme în articol pentru a „vinde Aterizare Structura 9 blocuri.“ cea mai importantă parte a site-ului dvs.-o pagină - este primul ecran. Adică, acest lucru este ecranul pe care vizitatorii văd atunci când încărcarea site-ului.
Acest ecran ar trebui să dea răspunsurile corecte la principalele întrebări:
- Ce vindem?
- De ce este necesar să se cumpere de la noi?
- Contactați-ne să-l cumpere.
Șablonul nostru are o multime de cameră pentru a răspunde la toate aceste întrebări. Asta e ceea ce avem nevoie pentru a schimba
Hai să facem toate astea.
Titlu la descrierea produsului
Pentru a schimba antetul cu o descriere a produsului - deschide fișierul index.html în folderul cu șablonul. Deschideți-l utilizează cel mai bine Notepad ++ programului.
Expresia „livrare poRumyniyabesplatno“ poate fi lăsat (dacă într-adevăr livrate gratuit). În cazul în care de transport maritim pe care ați plătit, se concentreze pe un avantaj competitiv diferit. De exemplu - „poRumyniyaza livrare de 48 de ore“
Acum du-te la imaginea de editare a elementului.
Fotografie de produs
În general, imaginea - o parte foarte importantă de a vinde dvs. odnostranichnika. Ea răspunde, de asemenea, la întrebarea „ceea ce vinde.“ În cazul în care vizitatorul vede prima este o imagine, iar apoi continuă să citească textele.
Deci, încercați să facă o fotografie cu produsul a fost:
A. O clară
B. Beautiful
Din moment ce sunt de vânzare unele bunuri, acolo pentru a ridica imaginea nu este la fel de dificil ca și pentru unele servicii. Deci, nu fi leneș să o facă. Schimbarea imaginii avem în «imagini / antetul» dosar. Acolo se numește «cam.png», și are o dimensiune 451h341 pixeli.
Pentru exces nu se urca în codul - Găsiți o imagine de aceeași mărime (sau tăiate imaginea la această dimensiune), și denumiți în același fel. Apoi, pur și simplu înlocuiți vechea imagine cu noul. După aceea, imaginea de pe ecranul de start destinație se schimbă în ceea ce aveți nevoie.
avantaje competitive cheie (PPC)
Dar aici e restul trebuie să fie înlocuit. Dar, te rog, nu scrie „Rapid - calitativ - Ieftin.“ Ai nevoie pentru a scrie avantajele pe care le Exonerezi din competiție. Și despre „rapid - calitate“ a scrie toate și diverse.
Aici este un exemplu cum se poate scrie PCC:
- PoRumyniyav de livrare în termen de 48 de ore
- 100% de restituire în cazul în care bunurile nu au abordat
- 1500 modele în prezența
- Vanzarea direct de la producător
- Certificat de calitate ISO
- Noi furnizam mărfurile la Kremlin și la Palatul Buckingham
- 25 de ani de pe piață
- Numărul licenței de stat ...
Toate aceste elemente răspunde la întrebarea „de ce ar trebui să cumpere de la noi.“ Asta este, vom arăta avantajele sale față de concurenții. Și ar trebui să o facă prea clar, concis și convingător. Nu există „oportunități insurmontabile“, desigur, nu va convinge vizitatorii să unicitatea noastră.
Formular de comandă
Mă bucur că în acest șablon, toate formele de aplicare pe întreg Aterizare configurat într-un singur loc. Asta este, nu va trebui să repetați acești pași pentru „suna înapoi“ și „Ordinul de acțiuni.“ Doar o dată ce modificați «sendMessage.php».
Bloc „Acțiune“ și cronometrul
Ne-am ocupat cu ecranul principal, iar acum du-te pentru a edita alte elemente. Al doilea ecran - un bloc de acțiune. Campania este conceput pentru a motiva oamenii să facă ordinea corectă acum, și să nu-l pune pe termen nelimitat.
În modelul nostru este acum apel aduce un prieten și plătit pentru asta.
În opinia mea, acest lucru nu este cel mai bun acțiunile opțiunea. În primul rând, există puține cineva ca ideea de a vinde bunuri dvs. prietenilor pentru bani. Și în al doilea rând, există este aceea pentru care a fost început totul - motivația loc comanda chiar acum.
De altfel, numărul de cronometru. Acesta poate fi lăsat așa cum este. Aici timpul este stabilit pentru 24 de ore. Mă îndoiesc că cineva va sta pe Aterizare ta zi întreagă și să aștepte ce se va întâmpla atunci când expiră timpul (timer-ul doar modernizate după timpul de expirare și raportul va merge din nou).
Dar dacă într-adevăr doriți să modificați setările de programare - acest lucru se face în «js / jquery.countdown.js» fișier.
Revenind la opțiunile pe acțiuni - care este, pe care le puteți utiliza:
- Cadou pentru a comanda acum!
- reduceri speciale
- Condiții speciale (livrare gratuita, garanție extinsă)
- 2 pentru 1
- etc.
Blocul de text „acțiune“ este editată în același index.html, aici (line 181-194):
Și apoi trece la blocul de acțiune mini-catalog de produse.
Mini-catalog
Odnostranichnik pentru vânzarea de mărfuri se caracterizează prin faptul că trebuie să existe un loc special pentru a descrie sortimentului. La urma urmei, de regulă, mărfurile nu au unul, dar în mai multe niveluri de echipare.
Este bine ca în șablonul locul nostru odnostranichnika pentru directorul doar furnizat. Și a făcut-o destul de elegant. Descriere detaliata produs apare prin apăsarea butonului „mai mult“, într-o fereastră separată. Deci, descrierea nu va ocupa spațiu prețios la aterizare.
În plus, există un loc pentru imagini. Acesta poate fi folosit pentru a furniza o imagine mare și atractiv, sau pentru a adăuga UTP la fiecare element de mărfuri. Notă, de exemplu, pe cuvintele din caseta roșie „Selecție Program de locuințe pentru Problemă.“
Imaginile produsului sunt editate în «imagini / bunuri» dosar.
Așa cum este cazul cu imaginea de pe pagina de start - încercați să tăiați imaginea de aceeași dimensiune și să le dea aceleași nume, și apoi înlocuiți imaginea originală într-un dosar. Acest lucru va preveni săpături inutile în codul html.
descrieri detaliate ale produselor sunt editate aici, sub cuvintele „ferestre Modale mai mult» (de la linia 409):
Și da, puteți adăuga sau elimina elemente de mărfuri. dacă aveți mai mult sau mai puțin decât șablonul nostru. Principalul lucru - salvați mai întâi pe undeva o copie de rezervă a documentului, pentru a recupera rapid totul, dacă din întâmplare ceva „rupt“.
A se vedea „De ce să alegeți noi“
Acesta este un alt odnostranichnika bloc, în care am adăugat la fraudare pe cei care nu au pus încă un ordin. Se compune din două blocuri. Primul - un „Care sunt problemele cu care se confruntă cu 95% din cumpărători.“ Al doilea - o unitate de oglindă „De ce să alegeți noi“.
Observați două lucruri importante în acest bloc. În primul rând, aceste două sub într-adevăr trebuie să se reflecte reciproc. Dacă scrieți mai întâi „suprataxele din cauza dealerilor, al doilea trebuie să scrie“ de lucru direct de la producător, fără intermediari. "
În al doilea rând - este simplitatea limbajului. Este foarte rar, dar există deja în șablon este scris foarte bine. De exemplu - „80% din ofertele de pe piață - mediatorii. Și intermediari intermediari. Do 2-300% mark-up ... „Încearcă să scrie cât mai simplu și clar ca și cum ai fost doar vorbind cu bunul meu prieten.
Pe partea tehnică, apoi modificați aceste secțiuni în același index.html, de aici (de la linia 306):
Alte secțiuni odnostranichnika
Acum ne rămâne doar secțiunile cu certificate și referințe. În locul poate fi introdus pur și simplu certificatul scanează statutele tale (BIN, TIN). Chiar dacă nu au nici certificate și licențe speciale - documentele oficiale vor provoca probleme suplimentare.
După o revizuire, puteți face ca ai fost conștiință. În cele mai multe cazuri, cei care vând bunuri prin odnostranichniki, fără comentarii și nici nu poate fi. Oamenii tocmai a cumparat si tocmai l-ați dat. Nici un feedback colectat. Și, cu siguranță, nimeni nu vă trimite fotografii cu comentarii detaliate.
Dar, din nou, aproape toate site-urile cu o singură pagină au marturii de la fețele fericite ale clienților. În cazul în care aceeași persoană nu se repetă atât de des în diferite de destinație, nu e așa de rău.
Dar, recent, am început să observați că recenziile lucrează în direcția opusă. Oamenii nu cred comentarii. Și dacă văd comentarii false, dar încep să suspecteze că tot ceea ce este scris pe odnostranichnike - adevărat (deși orice altceva ar putea fi doar purul adevăr).