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.

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.

A Vásárlás gombokhoz elérhető Alap, Klasszikus és Teljes nézetű elrendezések leírása.
AlapVá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.
KlasszikusVá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ézetVá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
  1. A Shopify adminisztrációs felületén lépjen az Értékesítési csatornák > Vásárlás gomb menüpontra.

  2. Kattintson a Vásárlás gomb létrehozása gombra.

  3. Kattintson a Termék Vásárlás gomb lehetőségre.

  4. 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.

  5. Nem kötelező: szabja testre a Vásárlás gombot.

    1. 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.
    2. 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.
    3. 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.
  6. Kattintson a Tovább gombra.

  7. Kattintson a Kód másolása gombra.

  8. 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.

  9. 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
  1. A Shopify alkalmazásban koppintson a Menu ikonra.

  2. Az Értékesítési csatornák szakaszban koppintson a Vásárlás gomb lehetőségre.

  3. Koppintson a Vásárlás gomb létrehozása gombra.

  4. Koppintson a Termék Vásárlás gomb lehetőségre.

  5. 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.

  6. Opcionális: Koppintson a Testreszabás gombra.

    1. 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.
    2. 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.
    3. 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.
  7. Koppintson a Kész gombra.

  8. Koppintson a Kód másolása gombra.

  9. 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.

  10. 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:

Lépések:

Asztali gép
  1. A Shopify adminisztrációs felületén lépjen az Értékesítési csatornák > Vásárlás gomb menüpontra.

  2. Kattintson a Vásárlás gomb létrehozása gombra.

  3. Kattintson a Kollekció Vásárlás gombra.

  4. Válassza ki a kollekciót, vagy használja a keresőt a megtalálásához. Kattintson a Kiválasztás gombra.

  5. Nem kötelező: szabja testre a Vásárlás gombot.

    1. 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.
    2. 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.
  6. Kattintson a Tovább gombra.

  7. Kattintson a Kód másolása gombra.

  8. 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.

  9. 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
  1. A Shopify alkalmazásban koppintson a Menu ikonra.

  2. Az Értékesítési csatornák szakaszban koppintson a Vásárlás gomb lehetőségre.

  3. Koppintson a Vásárlás gomb létrehozása gombra.

  4. Koppintson a Kollekció Vásárlás gombra.

  5. Válassza ki a kollekciót, vagy használja a keresőt a kollekció megkereséséhez, majd koppintson a Kiválasztás gombra.

  6. Opcionális: Koppintson a Testreszabás gombra.

    1. 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.
    2. 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.
  7. Koppintson a Kész gombra.

  8. Koppintson a Kód másolása gombra.

  9. 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.

  10. 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.