A webáruház oldalain megjelenő szöveges információk (bemutatkozás, ÁSZF, termék leírás, stb.) rögzítéséhez az adminisztrációs felületen HTML szerkesztőt használhatunk. A HTML szerkesztő használata hasonlít egy szövegszerkesztő használatához. A felső ikon sávban találjuk a szöveg formázásához,táblázatok, hivatkozások, képek, videók beszúrásához használható ikonokat.
Táblázat beszúrásához a lenyíló ablakban a megfelelő méretre kattintva kiválaszthatjuk a táblázat oszlopainak, és sorainak számát.
A szövegbe beilleszthetünk hivatkozásokat, vagy egy kijelölt szövegrészt hivatkozássá alakíthatunk. A hivatkozások mutathatnak külső URL-re (weboldalra) vagy e-mail címre, telefonszámra, illetve mutathatnak egy webáruházon belüli menüpontra, szöveges információra, tartalomlistára, szöveges tartalomra, kategóriára, gyártóra, vagy termékre. A hivatkozás beszúrása ablakban megadható a megjelenő szöveg, és kiválasztható a hivatkozás típusa, ami lehet:
- Hivatkozás egy URL-re, email címre, vagy telefonszámra
- Hivatkozás egy menüpontra
- Hivatkozás egy szöveges információra
- Hivatkozás egy tartalom listára
- Hivatkozás egy szöveges tartalomra
- Hivatkozás egy kategóriára
- Hivatkozás egy gyártóra
- Hivatkozás egy termékre
A választott hivatkozás típustól függően megjelenő mezőben megadható az URL vagy e-mail cím, telefonszám, illetve kiválaszthat a megfelelő menüpont, szöveges információ, tartalomlista, szöveges tartalom, kategória, gyártó, vagy termék. Beállítható, hogy a hivatkozás nyomógombként jelenjen meg a szövegben, illetve URL esetén beállítható, hogy új ablakban nyíljon meg. A szövegbe illesztett hivatkozásra kattintva megjelenő "lebegő" menü segítségével tudjuk a hivatkozást szerkeszteni, illetve megszüntetni.
A szövegbe beilleszthetünk adathivatkozásokat, melyeket az oldal megjelenésekor a rendszer automatikusan a megfelelő értékre cserél ki. Az "Adathivatkozás" ikonra kattintva megjelenő listából választhatunk az aktuálisan elérhető adathivatkozások közül. Az Általános beállítások menüpontban megadott, a webáruház általános adataira vonatkozó adathivatkozások mindig elérhetők. Ezek a következők:
[WEBARUHAZNEV] | - Webáruház neve |
[WEBARUHAZURL] | - Webáruház URL |
[ADMINURL] | - Admin URL |
[UZEMELTETO] | - Üzemeltető |
[SZEKHELY] | - Székhely |
[TELEPHELY] | - Telephely |
[EMAIL] | - E-mail cím |
[TELEFON] | - Telefon |
[FAX] | - Fax |
[MOBIL] | - Mobil |
[ADOSZAM] | - Adószám |
[EUADOSZAM] | - Közösségi adószám |
[BANK] | - Számlavezető bank |
[BANKSZAMLA] | - Bankszámlaszám |
[IBAN] | - IBAN |
[SWIFT] | - SWIFT |
[CEGJEGYZEKSZAM] | - Cégjegyzékszám |
[CEGBIROSAG] | - Bejegyző bíróság |
[STATSZAMJEL] | - Statisztikai számjel |
[VALLALKOZOISZAM] | - Egyéni vállalkozói nyilvántartási szám |
[ADATVNYILVSZAM] | - Adatkezelési nyilvántartási szám |
[NYITVATARTAS] | - Nyitvatartás |
Léteznek speciális adathivatkozások, melyek csak egy adott környezetben értelmezhetők. Ezek az adott menüpontokban jelennek meg az "Adathivatkozás" ikonra kattintva megjelenő listában.
Kép beillesztéséhez a fájlkezelő segítségével tudjuk a képet feltölteni a szerverre, illetve a már feltöltött képek közül kiválasztani. A szövegbe illesztett képre kattintva megjelenő "lebegő" menü segítségével tudjuk szerkeszteni a kép tulajdonságait, törölhetjük a képet a szövegből, illetve beállíthatjuk a kép igazítását.
A "lebegő" menüben található a kép tulajdonságainak szerkesztése ikon. Az ikonra kattintva megjelenő ablakban tudjuk a képet hivatkozássá alakítani. A hivatkozások mutathatnak külső URL-re (weboldalra) vagy e-mail címre, telefonszámra, illetve mutathatnak egy webáruházon belüli menüpontra, szöveges információra, tartalomlistára, szöveges tartalomra, kategóriára, gyártóra, vagy termékre.
A kép tulajdonságainak szerkesztése ablakban tudjuk megadni a kép "Alt" illetve "Title" attribútumait, beállíthatjuk, hogy a kép az eredeti méretében jelenjen meg a szövegben, vagy a megadott szélességben, illetve beállítható a kép körüli helykitöltés.
A kép jobb alsó sarkában megjelenő kis fehér négyzet segítségével változtatható a kép mérete.
A szövegbe nem csak képeket, hanem a "CMS\Galériák" menüpontban létrehozott képgalériát is elhelyezhetünk, ekkor az oldalon képgaléria kezdő képe látható a megadott méretben, és a képre kattintva megjelenő galériában lapozhatunk a képek között.
A galéria-hivatkozások beillesztéséhez használhatjuk a "Galéria-hivatkozás" ikont. Az ikonra kattintva megjelenő ablakban ki kell választanunk a galériát, és meg kell adnunk a kezdő kép sorszámát.
A galéria-hivatkozást "kézzel" is elhelyezhetjük a szövegben, ehhez az alábbi kódot kell beírni: [ gallery:hivatkozas ], vagy [ gallery:hivatkozas;3 ], ahol a "hivatkozas" a galéria hivatkozása, a "3" pedig a szövegben megjelenő kép sorszáma (ha nincs megadva akkor az első kép).
Videó beillesztéséhez a megjelenő ablakban meg kell adnunk a YouTube, Vimeo, Vine, Instagram, DailyMotion vagy Youku videó URL címét.
A "Forráskód nézet" ikon segítségével megjeleníthetjük, illetve szerkeszthetjük a szöveg HTML kódját. A HTML kód szerkesztése azonban csak abban az esetben ajánlott, ha ismerjük a HTML szintakszisát, mivel hibás kód használata esetén könnyen „széteshet” az oldal.
Ha forráskód nézetben használjuk a HTML szerkesztőt fontos, hogy mentés előtt váltsunk vissza HTML nézetbe, mert csak akkor lesznek elmentve a módosítások!
E-mail címek használata
A webáruházban megjelenő szöveges információkban elhelyezett e-mail címeket célszerű hivatkozásként beállítani, így ha a látogató rákattint, megjelenik az alapértelmezett levelező program e-mail küldés ablaka, és a címzetthez automatikusan kitölti a hivatkozott e-mail címet.
A honlapokról e-mail címeket összegyűjtő robotok elleni védekezés miatt az e-mail címet a HTML szerkesztőben célszerű az alábbi formátumba megadni: info (kukac) domain (pont) hu (a nyitó zárójelek előtt, és záró zárójelek után fontos a szóköz). Az így "kódolt" e-mail címet az oldal betöltése után a rendszer visszakódolja, és helyesen jeleníti meg: info@domain.hu, viszont az e-mail címeket gyűjtő robotok nem ismerik fel.
A HTML szerkesztőben az e-mail címet úgy lehet hivatkozássá alakítani, hogy a szövegben kijelöljük a "kódolt" e-mail címet pl.: info (kukac) domain (pont) hu, majd az ikonsorban található "Hivatkozás" ikonra kattintunk. A megjelenő "Hivatkozás beszúrása" ablakban (ha előtte kijelöltük) mindkét mezőbe ("Megjelenítendő szöveg", és "Milyen URL vagy E-mail címre hivatkozzon?") bekerül a "kódolt" e-mail cím, majd csak a "Hivatkozás beszúrása" gombot kell megnyomni.
Ha a hivatkozássá alakított e-mail címet módosítani szeretnénk, használjuk a hivatkozásra kattintva megjelenő "lebegő" menü "Hivatkozás" ikonját, vagy a hivatkozássá alakított e-mail cím kijelölése után kattintsunk a felső ikon sávban található "Hivatkozás" ikonra. Erre azért van szükség, mert ha csak a szövegben írjuk át az e-mail címet, akkor csak a megjelenített e-mail cím változik meg, maga a hivatkozás nem.
Szöveg másolása
Ha a szöveget nem mi írjuk be a HTML szerkesztőbe, hanem bemásoljuk egy HTML oldalról, egy PDF vagy Word dokumentumból, akkor nem csak magát a szöveget hanem a formátumát (pl. betűtípus, betűméret, stb.) is átveszi, így a honlap többi részétől teljesen eltérő formátumban jelenhet meg a beillesztett szöveg.
Ennek kiküszöbölésére két megoldás van:
- Vagy a bemásolni kívánt szöveget először egy egyszerű text editorba (pl. Jegyzettömb, vagy Notepad++, stb.) illesszük be, utána ott ismét jelöljük ki és onnan másoljuk a HTML szerkesztőbe. A text editorból már csak a szöveget másolja át, a stílus adatokat nem.
- Vagy a szöveget egyből a HTML szerkesztőbe illesszük be, és beillesztés után használjuk a „HTML kód tisztítása” gombot (legelső ikon az ikonsorban). Ezzel töröljük az „áthozott” stílus adatokat. Ez a megoldás annyival jobb mint az előző, hogy így csak a stílus adatokat törli, a HTML tag-eket (felsorolások, táblázatok, paragrafusok) megpróbálja megtartani. Viszont a kód tisztítást a teljes dokumentumon elvégzi, ezért a beillesztés után, de még a szöveg további formázása előtt használjuk a „HTML kód tisztítást”.
Ezek után a szöveget már a HTML szerkesztőben lehet formázni ha szükséges.