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
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.
- Ajándékutalvány értékesítése webshopban - 2024. 11. 22.
- Nagykereskedelmi ár vagy Klub tagsági ár beállítás WooCommerce webáruházban - 2024. 11. 22.
- Landing oldal készítés, minta a hatékony és jól konvertáló weboldalakhoz - 2024. 06. 12.