Ugrás a tartalomra
memberarea memberarea.io

A checkout beágyazása bármely oldalba

Osszon meg előre kitöltött checkout linkeket és QR-kódokat, vagy helyezzen el vásárlás gombokat és kosarat bármely külső weboldalon egyetlen szkripttel.

Ebben a cikkben

Egy termék értékesítéséhez nincs szüksége oldalra a munkaterületén. Egy checkout link működik e-mailben, chatben vagy közösségi bejegyzésben, néhány sornyi kód pedig vásárlás gombokat és kosarat helyez el bármely meglévő weboldalán. Mindkettő ugyanabba a checkoutba vezeti a vásárlóit.

A checkout linkek megnyitása

Ha a Fizetések ki vannak kapcsolva a munkaterületén, előbb kapcsolja be őket a Beállítások > Funkciók alatt.

Egy termék közvetlen linkje

Minden terméknek saját checkout linkje van. Nyissa meg a terméket a Fizetések > Katalógus > Termékek alatt, és váltson a Checkout és URL-ek fülre a Checkout link vagy a Tesztmódú link kimásolásához. A közvetlen checkout linkek elfogadják a ?affiliate=CODE és a ?qty=N paramétert.

Ha egynél több termékről van szó, használja a Fizetések > Katalógus > Checkout linkek oldalt. Itt összeállítja a linket, és pontosan úgy látja a checkout előnézetét, ahogy a vásárlói.

  1. A Termékek és csomagok alatt kattintson a Termék vagy csomag hozzáadása gombra. Állítsa be a Mennyiség értékét, ha a termék lehetővé teszi a vásárlóknak a választást, és ha a terméknek több ára van, az Ár értékét.
  2. Kapcsolja be a Felajánlás extraként kapcsolót egy olyan egyszeri terméknél, amelyet a vásárló a checkoutban hozzáadhat, ahelyett hogy alapértelmezésként megvásárolná.
  3. A Vásárlói adatok előtöltése alatt adjon meg egy e-mail-címet és nevet, ha egyetlen személynek készíti a linket. Ez csak kitölti a mezőket, a vásárló módosíthatja őket. Kapcsolja be a Cím előtöltése kapcsolót, ha a számlázási címet is ki szeretné tölteni.
  4. Válasszon egy Kupon értéket, hogy a checkout megnyitásakor automatikusan érvényesüljön.
  5. A További lehetőségek alatt állítsa be A checkout nyelve értékét, vagy kapcsolja be a Tesztlink kapcsolót, hogy a checkout Stripe tesztmódban nyíljon meg.

Az Ön linkje alatt ezután a Link másolása, a Megnyitás vagy a QR-kód letöltése lehetőséget választja. Minden látogatás azonnal nyitott rendelést ír. Ha senki sem fizet, 24 órán át függőben marad a Rendelések alatt, majd lejártként jelölődik, így egy széles körben megosztott link sok függőben lévő vagy lejárt rendelést mutat. Ugyanazt a linket továbbra is annyi embernek küldheti el, amennyinek szeretné.

A checkout link szerkesztője egy hozzáadott termékkel, a kész linkkel és annak QR-kódjával.
A checkout link szerkesztője egy hozzáadott termékkel, a kész linkkel és annak QR-kódjával.

Bekapcsolt partnerprogram esetén a Partner szakasz a linkről érkező eladásokat egy partnernek és egy opcionális Kampány értéknek írja jóvá. A partnerprogram csak a Business csomagban érhető el.

Egyes kombinációk nem férnek el egy linkben. Minden terméknek azonos pénznemben kell lennie, és egy rendelésbe csak egy előfizetés vagy részletfizetési terv fér. Egy részletfizetési terv vagy egy próbaidőszakos előfizetés nem kombinálható más termékekkel. Ajándékkártyákat és eseményjegyeket a szerkesztő nem kínál.

Megjegyzés

Ha a szerkesztő arra figyelmeztet, hogy a vásárlók még nem tudnak fizetni, csatlakoztassa a Stripe-ot, vagy kapcsoljon be egy másik fizetési módot a Fizetések > Beállítások > Fizetési módok alatt.

Widgetek beágyazása a weboldalába

Lépjen a Fizetések > Beállítások > Widgetek oldalra. Egyetlen szkript két dolgot ad: egy kosaras áruházat termékblokkokkal és egy közös kosárral, valamint egy checkout overlay-t, amely lightboxban nyitja meg a teljes checkoutot, így a látogatók az Ön oldalán maradnak.

  1. Adja hozzá a szkriptet: illessze be a betöltőt oldalanként egyszer, lehetőleg a webhelye head részébe.
  2. Helyezze el a kódrészleteket ott, ahol a termékeknek vagy gomboknak meg kell jelenniük.
  3. Tegye közzé és tesztelje: a rendelés azonnal megjelenik a Fizetések alatt.
A widgetbeállítások Beállítás füle a checkout webhelybe ágyazásának három lépésével.
A widgetbeállítások Beállítás füle a checkout webhelybe ágyazásának három lépésével.

A Widgetek fül négy építőelemet kínál: a Termékkártya, a Kosárba widget, a Kosár ikon és a Vásárlás gomb elemet. Válasszon egy terméket a Kódrészlet-konfigurátor részben, és az oldalon lévő összes kódpélda frissül. Egy vásárlás gomb így néz ki:

<script src="https://your-domain/embed.js" async></script>
<button data-memberarea-checkout="PRODUCT-ID">Buy now</button>

A kódrészletet az oldalról másolja ki, ne gépelje be, mert az már tartalmazza a domainjét és a termékazonosítót.

Csak közzétett, aktív árral rendelkező termékek ágyazhatók be. Az ár, a képek és a készlet a katalógusából származnak, így egy kódrészlethez soha többé nem kell hozzányúlnia. A checkout overlay semmit sem tölt be, amíg egy látogató nem kattint, és a látogatók az Ön saját márkás checkoutjában fizetnek, soha nem egy Stripe-oldalon.

Tipp

Az overlay a Fizetések > Beállítások > Checkout alatti beállításait követi, és a befogadó oldalról nem formázható át. A kosárwidgetek a Fejlesztői referencia alatt felsorolt CSS-változókkal alakíthatók.

Fejlesztői lehetőségek

A Fejlesztői referencia fül felsorolja a csatolási pontokat, a widgetek által küldött ablakeseményeket és egy vásárlás gomb opcionális attribútumait. A data-coupon, a data-email és a data-price előre beállít egy kupont, a vásárló e-mail-címét és egy adott árat. A data-affiliate egy partnernek írja jóvá az eladást, és a Partner szakaszhoz hasonlóan a Business csomagot igényli. Ha a webhelye Content Security Policyt állít be, engedélyezze a szkripteket és kereteket a Beállítás fülön látható domainről.

A widgetek bármely weboldalépítővel működnek, a statikus HTML-től a WordPressen és a Webflow-n át a Framerig. Ha WordPresst használ, olvassa el a Kurzusok értékesítése WordPressből cikket is.

Kapcsolódó cikkek

Last updated on October 20, 2026

Hasznos volt ez a cikk?

Kapcsolódó cikkek