Vásárlás gomb létrehozása
Miután a Shopify adminisztrációs felületén hozzáadta a Vásárlás gomb értékesítési csatornát, létrehozhat egy Vásárlás gombot egy termékhez vagy egy kollekcióhoz.
A Vásárlás gomb létrehozása után ki kell másolnia az automatikusan generált kódot, majd hozzá kell adnia ahhoz a weblaphoz vagy blogbejegyzéshez, ahol a gombot meg szeretné jeleníteni. Hozzáadhatja például a Vásárlás gombot a Wordpress-blogjához vagy a Squarespace-weboldalához.
A Vásárlás gomb megjelenése nem módosítható, miután beágyazta a webhelyére. Ha módosítani szeretné, akkor létre kell hoznia egy új gombot a csatornában, és le kell cserélnie az eredeti kódot az új kódra.
Ezen az oldalon
Vásárlás gombok testreszabása
Testreszabhatja a Vásárlás gomb megjelenését és működését:
- a színe
- a mérete
- a betűtípusa
- a gombra kattintáskor végbemenő művelet
- hogy a pénztár új böngészőablakban nyílik-e meg
A gomb testreszabása közben megtekintheti a módosítások előnézetét. A Vásárlás gomb működését az előnézetre kattintva tesztelheti.
Elrendezési stílus
Kiválaszthatja a Vásárlás gomb elrendezését.
| Alap | Válassza ezt az elrendezést, ha termékkép nélküli Vásárlás gombot szeretne hozzáadni. Erre akkor lehet szüksége, ha a termékeket máshol már megjeleníti online, és csak egy gombot szeretne hozzáadni a vásárláshoz. |
| Klasszikus | Válassza ezt az elrendezést, ha a Vásárlás gomb mellett egy termékképet és árat szeretne megjeleníteni. Ez az elrendezés hasznos egy gyors termékelőnézethez, például egy blogbejegyzésben. |
| Teljes nézet | Válassza ezt az elrendezést, ha a Vásárlás gomb mellett egy termékképet, árat és leírást szeretne megjeleníteni. Ez az elrendezés egy termékadatlapot szimulál az online áruházában. |
A Vásárlás gomb műveletei
Vásárlás gomb létrehozásakor kiválaszthatja, hogy a gombra kattintva milyen művelet történjen.
Ha a Vásárlás gomb egy kollekcióhoz tartozik, akkor a művelet a kollekció minden termékére érvényes.
- A „Termék hozzáadása a kosárhoz” művelet a terméket egy kosárba helyezi. A vásárlók folytathatják a vásárlást, és további termékeket adhatnak a kosárhoz.
- A „Közvetlenül a pénztárhoz” opció közvetlenül a pénztárhoz irányítja a vásárlót, ahol megvásárolhatja a terméket. A vásárlók nem tudnak további termékeket hozzáadni a rendelésükhöz.
- Termékrészletek megnyitása egy „Termék megtekintése” gombot. Amikor a vásárló a gombra kattint, megtekintheti a termék leírását, kiválaszthatja a rendelkezésre álló termékváltozatokat, és hozzáadhatja a terméket a kosárhoz. Ha egy termékhez több termékkép is tartozik, akkor ezek is megjelennek.
- Ez az opció nem érhető el, ha a „Teljes nézet” elrendezést választja, mivel a „Teljes nézet” elrendezés már megjeleníti az összes termékrészletet.
Azt is kiválaszthatja, hogy a pénztár új böngészőablakban vagy a weboldalával azonos fülön nyíljon-e meg. Alapértelmezés szerint a pénztár új ablakban nyílik meg.
A Vásárlás gomb megjelenése
- A gombstílus a Vásárlás gomb részét képező gomb alakját, színét és tipográfiáját foglalja magában.
- Elrendezés A választott elrendezési stílustól függően testreszabhatja a beállításokat, például a gomb igazítását, a kép méretét, a gomb szövegét, a betűtípust, a színt és a méretet.
- Bevásárlókocsi szöveg- és színbeállításokat tartalmaz a beágyazott bevásárlókocsihoz. Engedélyezheti és testreszabhatja a(z) „Rendelési megjegyzés” mezőjének címkéjét. A rendelési megjegyzések segítségével különleges utasításokat gyűjthet be a vásárlóktól a rendelés előkészítésével és kézbesítésével kapcsolatban. A(z) „További információk” mező lehetővé teszi, hogy üzenetet közöljön a vásárlóival.
- A bevásárlókocsi beállításait csak akkor szerkesztheti, ha a gomb műveleteként a „Termék hozzáadása a kosárhoz” vagy a „Termékrészletek megnyitása” lehetőséget választotta.
- A Részletes felugró ablak a termékrészleteket tartalmazó felugró ablak beállításait tartalmazza. Testreszabhatja a gomb szövegét, azt, hogy szerepeljen-e a mennyiség mező, a háttérhez és a címkékhez használt színeket, valamint a címkék betűtípusát és betűméretét. Ezeket a beállításokat csak akkor szerkesztheti, ha a gomb műveleteként a „Termékrészletek megnyitása” lehetőséget választotta.
Vásárlás gomb létrehozása egyetlen termékhez
Létrehozhat Vásárlás gombot egyetlen termékhez. A Vásárlás gomb tartalmazhatja a termék egy vagy összes változatát. A Vásárlás gomb létrehozásakor kiválaszt egy elrendezési stílust, és testreszabja a gomb színét, szövegét és megjelenését, valamint azt a műveletet, amely a vásárlói kattintásra végbemegy. További információk a Vásárlás gombok testreszabásáról.
Mielőtt Vásárlás gombot hoz létre egy termékhez, hozzá kell adnia a terméket a Shopify adminisztrációs felületén, és elérhetővé kell tennie a Vásárlás gomb értékesítési csatorna számára.
Lépések:
Asztali gép
A Shopify adminisztrációs felületén lépjen az Értékesítési csatornák > Vásárlás gomb menüpontra.
Kattintson a Vásárlás gomb létrehozása gombra.
Kattintson a Termék Vásárlás gomb lehetőségre.
Válassza ki a terméket a katalógusából, vagy használja a keresőt egy termék megkereséséhez. Kattintson a Kiválasztás gombra.
Nem kötelező: szabja testre a Vásárlás gombot.
- Ha a terméknek vannak változatai, akkor válassza az Összes változat lehetőséget, vagy válassza ki a belefoglalni kívánt változatot.
- Válasszon egy elrendezési stílust és azt a műveletet, amely akkor történik, amikor egy vásárló a gombra kattint. A gomb megjelenését is testreszabhatja.
- Alapértelmezés szerint a pénztár új ablakban nyílik meg, de választhatja azt is, hogy a pénztár a weboldalával azonos böngészőfülön nyíljon meg. Kattintson a Speciális beállítások > Átirányítás ugyanazon a fülön lehetőségre.
Kattintson a Tovább gombra.
Kattintson a Kód másolása gombra.
Nyissa meg annak a weblapnak a HTML-szerkesztőjét, ahol meg szeretné jeleníteni a Vásárlás gombot. Lásd: Vásárlás gomb kódjának hozzáadása a HTML-hez.
Illessze be a kódot a HTML-kód azon részébe, ahol a Vásárlás gombot meg szeretné jeleníteni, majd mentse a módosításokat.
Mobil
A Shopify alkalmazásban koppintson a
ikonra.
Az Értékesítési csatornák szakaszban koppintson a Vásárlás gomb lehetőségre.
Koppintson a Vásárlás gomb létrehozása gombra.
Koppintson a Termék Vásárlás gomb lehetőségre.
Válassza ki a terméket a katalógusából, vagy használja a keresőt egy termék megkereséséhez, majd koppintson a Kiválasztás gombra.
Opcionális: Koppintson a Testreszabás gombra.
- Ha a terméknek több változata van, akkor válassza az Összes változat lehetőséget, vagy válasszon ki egy változatot a legördülő listából.
- Válasszon egy elrendezési stílust és azt a műveletet, amely akkor történik, amikor egy vásárló a gombra kattint. A gomb megjelenését is testreszabhatja.
- Alapértelmezés szerint a pénztár új ablakban nyílik meg, de választhatja azt is, hogy a pénztár a weboldalával azonos böngészőfülön nyíljon meg. Koppintson a Speciális beállítások > Átirányítás ugyanazon a fülön lehetőségre.
Koppintson a Kész gombra.
Koppintson a Kód másolása gombra.
Nyissa meg annak a weblapnak a HTML-szerkesztőjét, ahol meg szeretné jeleníteni a Vásárlás gombot. Lásd: Vásárlás gomb kódjának hozzáadása a HTML-hez.
Illessze be a kódot a HTML-kód azon részébe, ahol a Vásárlás gombot meg szeretné jeleníteni, majd mentse a módosításokat.
Vásárlás gomb létrehozása kollekcióhoz
Amikor Vásárlás gombot hoz létre egy kollekcióhoz, valójában a kollekció minden egyes termékéhez létrehoz egy gombot.
A Vásárlás gomb létrehozásakor kiválaszt egy elrendezési stílust, és testreszabja a gomb színét, szövegét és megjelenését, valamint azt a műveletet, amely a vásárlói kattintásra végbemegy. További információk a Vásárlás gombok testreszabásáról.
Mielőtt Vásárlás gombot hozna létre egy kollekcióhoz, a következő feltételeknek kell teljesülniük:
- A termékeket hozzáadta a Shopify adminisztrációs felületén,
- A termékeket elérhetővé tette a Vásárlás gomb értékesítési csatorna számára
- Létrehozta a kollekciót.
Lépések:
Asztali gép
A Shopify adminisztrációs felületén lépjen az Értékesítési csatornák > Vásárlás gomb menüpontra.
Kattintson a Vásárlás gomb létrehozása gombra.
Kattintson a Kollekció Vásárlás gombra.
Válassza ki a kollekciót, vagy használja a keresőt a megtalálásához. Kattintson a Kiválasztás gombra.
Nem kötelező: szabja testre a Vásárlás gombot.
- Válassza ki azt a műveletet, amely akkor történik, amikor a vásárló a gombra kattint. A gomb megjelenését is testre szabhatja.
- Alapértelmezés szerint a pénztár új ablakban nyílik meg, de választhatja azt is, hogy a pénztár a weboldalával azonos böngészőfülön nyíljon meg. Kattintson a Speciális beállítások > Átirányítás ugyanazon a fülön lehetőségre.
Kattintson a Tovább gombra.
Kattintson a Kód másolása gombra.
Nyissa meg annak a weblapnak a HTML-szerkesztőjét, ahol meg szeretné jeleníteni a Vásárlás gombot. Lásd: Vásárlás gomb kódjának hozzáadása a HTML-hez.
Illessze be a kódot a HTML-kód azon részébe, ahol a Vásárlás gombot meg szeretné jeleníteni, majd mentse a módosításokat.
Mobil
A Shopify alkalmazásban koppintson a
ikonra.
Az Értékesítési csatornák szakaszban koppintson a Vásárlás gomb lehetőségre.
Koppintson a Vásárlás gomb létrehozása gombra.
Koppintson a Kollekció Vásárlás gombra.
Válassza ki a kollekciót, vagy használja a keresőt a kollekció megkereséséhez, majd koppintson a Kiválasztás gombra.
Opcionális: Koppintson a Testreszabás gombra.
- Válassza ki azt a műveletet, amely akkor történik, amikor a vásárló a gombra kattint. A gomb megjelenését is testre szabhatja.
- Alapértelmezés szerint a pénztár új ablakban nyílik meg, de választhatja azt is, hogy a pénztár a weboldalával azonos böngészőfülön nyíljon meg. Koppintson a Speciális beállítások > Átirányítás ugyanazon a fülön lehetőségre.
Koppintson a Kész gombra.
Koppintson a Kód másolása gombra.
Nyissa meg annak a weblapnak a HTML-szerkesztőjét, ahol meg szeretné jeleníteni a Vásárlás gombot. Lásd: Vásárlás gomb kódjának hozzáadása a HTML-hez.
Illessze be a kódot a HTML-kód azon részébe, ahol a Vásárlás gombot meg szeretné jeleníteni, majd mentse a módosításokat.