Ide kattintva egyszerűen hívható
+36 70 200 4205

Az értékesítés, konverzió növelésének nélkülözhetetlen eszköze a sales vagy landing oldal, ennek kialakításakor gyakran szükség van oldalon belüli navigációra. Többféle elnevezéssel illetik ezt az eszközt, legismertebb neve horgony (anchor), de oldalon belüli vagy útlevágó navigáció, esetleg gomb  néven is találkoztam már vele.

Célja, hogy lehetőséget teremtsen az olvasó számára arra, hogy rögtön egy későbbi szakaszra ugorhasson, sales oldal esetében tipikusan az oldal alján található megrendelő űrlaphoz.

Ennek elérésére két kód részletet kell beillesztenünk az adott sales oldal kódjába:

  • egy linket vagy gombot, mely elnavigál egy másik pontra
  • meg kell jelölnünk a célpont.

Tipikus útlevágó gomb felhasználási területek

  • egy oldalon belül több, akár különböző célpontokhoz navigáló horgony is elhelyezhető
  • illetve ez a navigáció típus oldalak között is beállítható
  • ugyanilyen módszerrel illeszthetünk be “Ugrás az oldal tetejére” linket vagy gombot honlapunkra.

De nézzük meg, hogyan működik ez a gyakorlatban.

Horgony kialakítása egy weboldalon belül

Ahová szeretnénk, hogy a gyors navigáció elvigye a látogatót elhelyezzük a következő kód részletet:
<a name=”uticel”>
Ha wordpress oldalon dolgozunk, figyeljünk rá, hogy a html vagy kód és ne a grafikus nézetbe illesszük be a kódot.
A gyors navigációt elősegítő link vagy gomb esetén a gomb linkje így néz ki:
<a href=”#uticel”>Ugrás a megrendeléshez vagy oldal aljára stb., azaz a link értelmező szövege, ami a weboldalon megjelenik</a>
Ha különböző oldalak között állítjuk be a horgonyt, akkor fontos, hogy a célpont vagy szakasz linkjét a céloldalra vonatkozóan teljes url-ként adjuk meg, ami magában foglalja az oldal domaint, ha nem főoldalról van szó, akkor a konkrét oldal teljes linkjét:
<a href=”http://weboldalneve.hu/salesoldal/#uticel”>Ugrás a megrendeléshez vagy oldal aljára stb., azaz a link értelmező szövege, ami a weboldalon megjelenik</a>
Ennyi az egész, de ha nem boldogulna, kisebb módosítások vagy sales és landing oldal kialakítása tekintetében is kérhet ajánlatot a kapcsolat, sales vagy landing oldal ajánlatkérés menüben.

Navigációs gomb kialakítása weboldalon

Az adott weboldalra jellemző gomb kialakításához annak kódját legegyszerűbb, ha kimásoljuk egy másik, már meglévő oldalról, de ha nincs még ilyen és a sablon nem támogatja, akkor magunk is több módon kialakíthatunk gombokat

  • rákeresve a Google keresőben a button, online, creator kulcsszavakra rengeteg találatot fogunk kapni, érdemes körülnézni, milyen stílus áll legközelebb a weboldal design-jához
  • wordpress esetében ajánlom a Shortcodes ultimate wordpress bővítmény bővítményt, rengeteg, akár ikonnal is ellátott gomb – és egyéb modul –  állítható vele elő a lehető legegyszerűbb módon, mindennemű programozói tudás nélkül
  • a gombok kódja általában úgy áll össze, hogy az adott link kap egy belső margót, egy háttérszínt, esetleg keretet, ezek közvetlenül le is kódolhatóak, de ehhez a megoldáshoz már szükség van némi programozói ismeretre.
Webfolio Webdesign - Hugyák Andrea

Webfolio Webdesign - Hugyák Andrea

Webfejlesztő, mérnök-közgazdász - WebFolio Webdesign
Responsive WordPress weboldal készítés mellett online-marketing és SEO / keresőoptimalizálás szakértő, teljes körű tanácsokkal látja el ügyfeleit, így az elkészült gyors és mobil barát weboldal valódi eszköze lesz az értékesítésnek.
Webfolio Webdesign - Hugyák Andrea

Webfolio Webdesign - Hugyák Andrea legutóbbi bejegyzései (további bejegyzések)

Pin It on Pinterest