<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="hu">
	<id>https://hogyankell.hu/index.php?action=history&amp;feed=atom&amp;title=Hat%C3%A1sos_akci%C3%B3gombot_tervezni</id>
	<title>Hatásos akciógombot tervezni - Laptörténet</title>
	<link rel="self" type="application/atom+xml" href="https://hogyankell.hu/index.php?action=history&amp;feed=atom&amp;title=Hat%C3%A1sos_akci%C3%B3gombot_tervezni"/>
	<link rel="alternate" type="text/html" href="https://hogyankell.hu/index.php?title=Hat%C3%A1sos_akci%C3%B3gombot_tervezni&amp;action=history"/>
	<updated>2026-06-04T04:14:31Z</updated>
	<subtitle>Az oldal laptörténete a wikiben</subtitle>
	<generator>MediaWiki 1.31.16</generator>
	<entry>
		<id>https://hogyankell.hu/index.php?title=Hat%C3%A1sos_akci%C3%B3gombot_tervezni&amp;diff=6897&amp;oldid=prev</id>
		<title>Andi02, 2013. február 4., 10:04-n</title>
		<link rel="alternate" type="text/html" href="https://hogyankell.hu/index.php?title=Hat%C3%A1sos_akci%C3%B3gombot_tervezni&amp;diff=6897&amp;oldid=prev"/>
		<updated>2013-02-04T10:04:47Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table class=&quot;diff diff-contentalign-left&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;hu&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #222; text-align: center;&quot;&gt;← Régebbi változat&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #222; text-align: center;&quot;&gt;A lap 2013. február 4., 10:04-kori változata&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l1&quot; &gt;1. sor:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;1. sor:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Hogyan kell hatásos akciógombot tervezni? ==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Hogyan kell hatásos akciógombot tervezni? ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Egy vállalati honlap fő sikermutatója a konverziós arány, vagyis az, hogy a látogatók milyen arányban viszik véghez a vállalat számára fontos cselekvést (regisztráció, letöltés, vásárlás, kapcsolatfelvétel stb.). A konverziós arányt úgy növelhetjük, ha a látogatót hatékonyan vezetjük végig a konverziós folyamaton, vagyis mindig megmutatjuk neki, hogy hova kattintson, merre menjen tovább a weboldalon belül ahhoz, hogy végül megtörténjen a konverzió. Ehhez pedig elengedhetetlen, hogy látványos akciógombokat (call to action button) tervezzünk.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;[[Fájl:CAll-to-action.jpg|right]]&lt;/ins&gt;Egy vállalati honlap fő sikermutatója a konverziós arány, vagyis az, hogy a látogatók milyen arányban viszik véghez a vállalat számára fontos cselekvést (regisztráció, letöltés, vásárlás, kapcsolatfelvétel stb.). A konverziós arányt úgy növelhetjük, ha a látogatót hatékonyan vezetjük végig a konverziós folyamaton, vagyis mindig megmutatjuk neki, hogy hova kattintson, merre menjen tovább a weboldalon belül ahhoz, hogy végül megtörténjen a konverzió. Ehhez pedig elengedhetetlen, hogy látványos akciógombokat (call to action button) tervezzünk.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Lépések ==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Lépések ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Andi02</name></author>
		
	</entry>
	<entry>
		<id>https://hogyankell.hu/index.php?title=Hat%C3%A1sos_akci%C3%B3gombot_tervezni&amp;diff=6894&amp;oldid=prev</id>
		<title>Andi02: Új oldal, tartalma: „== Hogyan kell hatásos akciógombot tervezni? ==  Egy vállalati honlap fő sikermutatója a konverziós arány, vagyis az, hogy a látogatók milyen arányban viszik vé…”</title>
		<link rel="alternate" type="text/html" href="https://hogyankell.hu/index.php?title=Hat%C3%A1sos_akci%C3%B3gombot_tervezni&amp;diff=6894&amp;oldid=prev"/>
		<updated>2013-02-04T10:01:53Z</updated>

		<summary type="html">&lt;p&gt;Új oldal, tartalma: „== Hogyan kell hatásos akciógombot tervezni? ==  Egy vállalati honlap fő sikermutatója a konverziós arány, vagyis az, hogy a látogatók milyen arányban viszik vé…”&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Új lap&lt;/b&gt;&lt;/p&gt;&lt;div&gt;== Hogyan kell hatásos akciógombot tervezni? ==&lt;br /&gt;
&lt;br /&gt;
Egy vállalati honlap fő sikermutatója a konverziós arány, vagyis az, hogy a látogatók milyen arányban viszik véghez a vállalat számára fontos cselekvést (regisztráció, letöltés, vásárlás, kapcsolatfelvétel stb.). A konverziós arányt úgy növelhetjük, ha a látogatót hatékonyan vezetjük végig a konverziós folyamaton, vagyis mindig megmutatjuk neki, hogy hova kattintson, merre menjen tovább a weboldalon belül ahhoz, hogy végül megtörténjen a konverzió. Ehhez pedig elengedhetetlen, hogy látványos akciógombokat (call to action button) tervezzünk.&lt;br /&gt;
&lt;br /&gt;
== Lépések ==&lt;br /&gt;
# '''Az akciógomb ne legyen kieső területen!''' Fontos, hogy a látogató meglássa a kattintógombot, ehhez pedig elengedhetetlen, hogy az a tartalmi részbe beépülve, ne pedig a látótérből kieső területen legyen. Az elhelyezést úgy válasszuk meg, hogy az akciógomb mindig kiemelt területen legyen!&lt;br /&gt;
# '''Az akciógomb férjen bele a nyitóképernyőbe!''' Nem szerencsés, ha az akciógomb csak görgetés után jelenik meg az oldalon. Természetesen elhelyezhetünk több akciógombot is, de legyen egy, ami megfelel a kitételnek.&lt;br /&gt;
# '''Az akciógomb körül legyen üres terület!''' Így még jobban ki fog emelkedni a környezetből.&lt;br /&gt;
# '''Legyen egyértelmű, hogy kattintható tartalomról van szó!''' Erre utalhatunk szövegesen (pl. kattints, töltsd le stb.), de vizuálisan is. Elfogadott például, hogy a kattinthatóságot egy nyíllal jelölik, de ugyanígy segít, ha a kattintógomb minél inkább „gombszerű”. &lt;br /&gt;
# '''Fontos a méret!''' A láthatóságot a méret növelésével is erősíthetjük, de azért fontos, hogy ne essünk túlzásba.&lt;br /&gt;
# '''Használjunk elütő színeket!''' A honlap hátteréből úgy tudjuk kiemelni az akciógombokat, hogy elütő színeket használunk. Pl. szürke háttéren pink, lila, narancs stb. gomb.&lt;br /&gt;
# '''Használjunk érveket!''' Az akciógomb felületén érdemes olyan plusz információkat is feltüntetni, amiből a látogató megtudhatja, mit is kap, ha rákattint a gombra. Például: 30 napos ingyenes tesztverzió, Ingyen letölthető tanulmány, Regisztráljon mindössze 60 másodperc alatt stb.&lt;br /&gt;
# '''Priorizáljunk!''' Ha egy oldalon több akciógombot is szeretnénk elhelyezni, érdemes priorizálni. Pl. ha a Töltsd le most! és a További információ közül az elsőt szeretnénk hangsúlyozni, tervezhetjük az első gombot nagyobbra, feltűnőbb színűre stb. &lt;br /&gt;
&lt;br /&gt;
== Tippek ==&lt;br /&gt;
* Az akciógombok hatékonyságát azzal is növelhetjük, hogy a szövegbe sürgető kifejezéseket írunk (pl. Töltsd le most! Vedd meg most, 30 napig ingyenes kiszállítással! stb.)&lt;br /&gt;
* A honlap tervezésekor érdemes a neten körbenézni jó példák után. Szerencsére számos olyan szakmai cikket találhatunk, ami ezeket a példákat gyűjti össze (a cikk végén, a felhasznált forrásoknál is felsorolunk néhányat).&lt;br /&gt;
&lt;br /&gt;
== Figyelmeztetések ==&lt;br /&gt;
* Ne essünk túlzásba! Pl. ha az akciógombot nagyon nagyra méretezzük, már ne hangsúlyozzuk kontrasztos színnel is, így ugyanis nagyon el fog ütni a weboldal dizájnjától, ami már zavaró lehet. &lt;br /&gt;
&lt;br /&gt;
== Amire szükséged lehet ==&lt;br /&gt;
* Céges honlap&lt;br /&gt;
* Webes grafikus&lt;br /&gt;
&lt;br /&gt;
== Felhasznált források, kapcsolódó webcímek ==&lt;br /&gt;
* [http://www.sakkom.hu/blog/2013/01/29/akcio-indul/ SAKKOM Interaktív blogja: Akció indul!]&lt;br /&gt;
* [http://www.smashingmagazine.com/2009/10/13/call-to-action-buttons-examples-and-best-practices/ Smashing Magazine: Call to Action Buttons: Examples and Best Practices]&lt;br /&gt;
* [http://www.hongkiat.com/blog/call-to-action-buttons-guidelines-best-practices-and-examples/ „Call to Action” Buttons: Guidelines Best Practices and Examples]&lt;br /&gt;
&lt;br /&gt;
[[Kategória:Internet]]&lt;br /&gt;
[[Kategória:Üzlet-jog]]&lt;/div&gt;</summary>
		<author><name>Andi02</name></author>
		
	</entry>
</feed>