Integrace do WooCommerce

Avatar

Podle Petr Hebký

aktualizováno před 5 měsíci

Tanto návod vás provede registrací do aplikace Vilf.io, stažením pluginu do redakčního systému WooCommerce a jeho propojením s aplikací a základními funkcemi Vilf.io.

Plugin pro WooCommerce umožňuje jednoduše tagovat (označovat) přihlášené odběratele podle akce, kterou na stránce provádějí. Díky tomu pak můžete:

  • oslovit v push zprávě uživatele jménem, příjmením, loginem nebo kombinací těchto údajů,
  • upozornit odběratele na opuštěný košík s popisem zboží, které se v košíku nachází,
  • upozornit odběratele na aktuální stav objednávky (přijetí platby, odeslání balíčku, upozornění na nevyzvednutou objednávku ad.),
  • nastavit rozeslání notifikace o novém článku přímo v nastavení daného příspěvku.

Video návod:

Obsah článku:

  1. Založení účtu
  2. Přidání webu a vygenerování API tokenu
  3. Instalace pluginu
  4. Propojení pluginu s účtem na Vilf.io
  5. Pokročilé funkce pluginu
    1. personalizace push zprávy
    2. oznámení o zapomenutém košíku
    3. změna statusu objednávky
    4. oznámení o publikaci nového článku

1) Založení účtu

Registrace, základní nastavení účtu a integrace Vilf.io na váš web vám zaberou okolo 10 minut.

Účet na Vilf.io založíte jednoduše – kliknutím na tlačítko „registrace“ nebo „zdarma se registrovat“.

Do registračního formuláře vyplníte svůj e-mail a heslo, které kvůli bezpečnosti napíšete i do ověřovacího pole, a zaškrtnete souhlas s podmínkami použití a zásadami ochrany osobních údajů.

Během několika minut vám do e-mailové schránky dorazí zpráva s odkazem pro potvrzení vaší registrace. Po potvrzení je váš účet plně aktivovaný a můžete jej začít využívat pro rozesílání notifikací.

2) Přidání webu a vygenerování API tokenu

Po přihlášení do administrace bude vaším prvním krokem přidání webu, ze kterého chcete push notifikace rozesílat. Klikněte na tlačítko „přidat web“.

Vyplňte název stránky (1) a její URL (2). Pokud váš web využívá protokol http, je nutné také vyplnit label (3), podle kterého aplikace Vilf.io vytvoří doménu třetího řádu (label.vilf.io). Díky této doméně bude možné rozesílat notifikace i z webu s http protokolem. Využíváte-li protokol https, políčko „label“ nevyplňujte.

Po vyplnění všech nezbytných polí klikněte na tlačítko „vytvořit web“ (4).



3) Instalace pluginu

Instalaci pluginu Vilf.io do redakčního systému WordPress provedete ve WP administraci kliknutím na „pluginy“ (1) a „instalaci pluginů“ (2).

Do vyhledávače v pravém horním rohu zadejte „Vilf.io“ (3). Zkontrolujte, zda je plugin kompatibilní s vaší verzí WordPressu (4) a nainstalujte doplněk kliknutím na tlačítko „instalovat“ (5).

Doplněk aktivujete kliknutím na přehled pluginů (6) a na tlačítko aktivovat (7).

4) Propojení pluginu s účtem na Vilf.io

K propojení WP doplňku s aplikací Vilf.io budete potřebovat dva údaje: ID webu a API token.

ID webu získáte po přihlášení aplikace – nachází se v pravém horním rohu karty s webem (1):

API token vytvoříte následujícím způsobem: v menu klikněte na „nastavení webu“ (2), poté na „nastavení API“ (3). Token vytvoříte kliknutím na tlačítko „vygenerovat nový klíč“ (4). API token se zobrazí v políčku (5), odkud jej zkopírujete.

K propojení vašeho účtu v aplikaci Vilf.io se staženým pluginu klikněte v administraci WordPressu na tlačítko „Vilf.io nastavení“, které se objeví po aktivaci doplňku (6). ID webu a API token zkopírujte do příslušných polí (7 a 8) a nastavení uložte kliknutím na tlačítko „uložit změny“ (9).

5a) Oslovení uživatele v notifikaci

Oslovení uživatele jménem a dalšími způsoby můžete využít, pokud se návštěvník:

  1. přihlásí k odběru push zpráv,
  2. na vašem webu zaregistruje.

Podrobný návod, jak nastavit žádost o povolení odběru, najdete v článcích o získání povolení.

Pro vložení registračního formuláře existuje řada samostatných doplňků, např. Theme My Login, Nextend Social Login and Register nebo LoginPress.

Možnost oslovení uživatele v notifikaci aktivujete kliknutím na „Vilf.io nastavení“ v administraci WordPressu (1) a zaškrtnutím pole „jméno uživatele“ (2). Změny uložíte kliknutím na tlačítko „uložit změny“ (3).

Pokud je uživatel přihlášený k odběru a provede registrací, zaznamená plugin přihlašovací údaje (vždy login, někdy také jméno a příjmení) do tzv. tagů:

tag (ve formě pro vložení do zprávy) 
typ oslovení
$[login]
login uživatele
$[displayName]
jméno, které si uživatel nastaví jako veřejné
$[firstname]
jméno uživatele v 1. pádě
$[lastname]
příjmení uživatele v 1. pádě
$č[firstname]
jméno uživatele v 5. pádě
$č[lastname]
příjmení uživatele v 5. pádě


Tyto tagy můžete následně vložit v aplikaci Vilf.io vložit do hromadné notifikace a rozeslat. Informace o vkládání personalizovaných tagů do push zpráv najdete v článku Personalizace notifikací.

Podrobný návod, jak vytvořit a rozeslat notifikace najdete v článcích Tvorba a nastavení kampaně pro odesílání notifikací a Tvorba a odesílání automatických notifikací.

Díky tagům není třeba do push zprávy vypisovat jména pro každého odběratele zvlášť – tag (1) se automaticky promění v oslovení, které má každý odběratel přiřazené (2, 3):

5b) Oznámení o zapomenutém košíku

Svým odběratelům můžete na platformě WooCommerce díky pluginu zasílat také upozornění na opuštěný košík.

Možnost zasílání notifikací na opuštěný košík aktivujete kliknutím na „Vilf.io nastavení“ v administraci WordPressu (1) a zaškrtnutím pole „obsah košíku (WooCommerce)“ (2). Změny uložíte kliknutím na tlačítko „uložit změny“ (3).

Plugin automaticky zaznamená vložení zboží do košíku, název a cenu produktu, počet vložených kusů a další údaje a přiřadí k danému odběrateli tagy s určitou hodnotou.

tagtag (ve formě pro vložení do zprávy) údaje/hodnota v tagu 
cartTotalPrice$[cartTotalPrice]celková hodnota zboží v košíku
cartMostExpensiveProduct$[cartMostExpensiveProduct]název nejdražšího produktu v košíku
cartProductCount$[cartProductCount]počet produktů v košíku
cartLastUpdate$[cartLastUpdate]tag bez hodnoty – přiřadí se při aktualizaci košíku
cartCreated$[cartCreated]tag bez hodnoty – přiřadí se při vložení prvního produktu košíku
cartCurrency$[cartCurrency]měna košíku

K zasílání automatických upozornění na opuštěný košík je potřeba v aplikaci Vilf.io vytvořit segment, do kterého se přiřadí všichni odběratelé, kteří mají jeden z tagů výše (ideálně tag „cartCreated“ – tedy uživatelé, kteří vložili zboží do košíku).

Pro vytvoření segmentu klikněte v menu na položku „segmentace uživatelů“ (4). Na podstránce poté klikněte na tlačítko „vytvořit segment“ (5):

Segment pojmenujte v políčku „název“ – např. „Opuštěný košík“ (6). Přesněji můžete daný segment popsat v poli „popis“, např. „uživatelé, kteří nedokončili nákup“ (7).

Pro vymezení segmentu klikněte na tlačítko „A ZÁROVEŇ“ (8). U podmínek vyberte v první rozbalovací liště „tag“ (9), ve druhé liště „uživatel má přiřazený tag“ (12) a do třetího pole vložte název tagu – „cartCreated“ (11). Segment uložte kliknutím na tlačítko „vytvořit segment“ (12).

Více o segmentaci a nastavování podmínek se dozvíte v návodu Průvodce segmentováním kontaktů.

Posledním krokem je vytvoření automatické notifikace, která se odešle odběratelům, kteří nedokončili nákup.

Pro vytvoření automatické push zprávy klikněte v menu na položku „automatické push zprávy“ (13) v menu. Na podstránce poté klikněte na tlačítko „vytvořit novou automatickou notifikaci“ (14).

Novou zprávu pojmenujte v políčku „název automatické push zprávy“ podle jejího účelu, např. „Upozornění na opuštěný košík“ (15). Jako událost, při které se push zpráva odešle, vyberte „po neaktivitě delší než“ (16) a počet minut nastavte na šedesát (17). Nakonec odeslání zprávy vymezte jen pro segment „Opuštěný košík“, který jste vytvořili v předchozím kroku (18).

Samotnou push zprávu vytvoříte v zápatí dané stránky (20). Do titulku i textu můžete vložit tagy zmíněné výše – tím do notifikace dostanete např. název produktu, celkovou cenu nákupu nebo měnu, ve které uživatel nakupuje. Různí uživatelé tak dostanou upozornění přizpůsobená jejich opuštěnému košíku (21, 22):

Bližší informace, jak upravit vzhled automatické zprávy, najdete v návodu Tvorba a odesílání automatických notifikací.

5c) Změna statusu objednávky

Plugin Vilf.io umožňuje mj. zasílat i notifikace, které odběratele upozorní na změnu statusu jeho objednávky – např. přijetí platby, dokončení balení, předání dopravci apod.

Možnost zasílání notifikací o změně statusu objednávky aktivujete kliknutím na „Vilf.io nastavení“ v administraci WordPressu (1) a zaškrtnutím pole „sledování objednávky (WooCommerce)“ (2). Změny uložíte kliknutím na tlačítko „uložit změny“ (3).

Plugin automaticky zaznamená vytvoření objednávky, její status a jméno a příjmení na dodací adrese. Na základě těchto aktivit přiřadí k danému odběrateli tagy s určitou hodnotou.

tagtag (ve formě pro vložení do zprávy) údaje/hodnota v tagu 
lastOrderId$[lastOrderId]identifikační číslo poslední objednávky daného odběratele
lastOrderFirstName$[lastOrderFirstName]jméno u dodací adresy
lastOrderLastName$[lastOrderLastName]příjmení u dodací adresy
lastOrderStatus$[lastOrderStatus]status objednávky

Status objednávky může přitom nabývat těchto hodnot:

  • pending-payment – objednávka dokončena, čeká se na zaplacení (např. převodem nebo kartou)
  • failed – objednávka nebyla dokončena kvůli chybě při zpracování platby
  • processing – objednávka obdržena, platba proběhla v pořádku
  • completed – objednávka dokončena a předána dopravci
  • on-hold – objednávka přijata, ale čeká se na potvrzení platby
  • cancelled – objednávka na základě přání zákazníka či administrátora e-shopu zrušena
  • refunded – objednávka vrácena, zákazníkovi vyplacena platba
  • authentication-required — objednávka přijata, ale čeká se na autentizaci platby

Pro vytvoření automatické push zprávy (např. na předání objednávky dopravci) klikněte v menu na položku „automatické push zprávy“ (4) v menu. Na podstránce poté klikněte na tlačítko „vytvořit novou automatickou notifikaci“ (5).

Novou zprávu pojmenujte v políčku „název automatické push zprávy“ podle jejího účelu, např. „Předání objednávky dopravci“ (6). 

Jako událost, při které se push zpráva odešle, vyberte „při přidání nebo úpravě tagu“ (7) a do políčka „tag“ vložte „lastOrderStatus“ (8). Do pole „hodnota tagu“ vložte odpovídající status, v tomto případě „completed“ (9), popř. jiný tag – dle seznamu výše. Nakonec nastavte, za jak dlouho po změně statusu objednávky se notifikace odešle (10).

Díky tomuto nastavení obdrží tuto notifikaci všichni odběratelé, u kterých v systému WooCommerce administrátor přepne jejich objednávku na dokončenou (completed).

Samotnou push zprávu vytvoříte v zápatí dané stránky (11). Do titulku i textu můžete vložit tagy zmíněné výše – tím do notifikace dostanete např. číslo objednávky nebo jméno a objednávce (12,13):

Bližší informace, jak upravit vzhled automatické zprávy, najdete v návodu Tvorba a odesílání automatických notifikací.

5d) Oznámení o publikaci nového článku

Díky WP pluginu můžete v administraci nového příspěvku nastavit odeslání push zprávy s odkazem na daný článek. Notifikace se odešle ve chvíli, kdy článek publikujete.

Do push zprávy je možné do přidat:

  • titulek (max. rozsah 59 znaků),
  • zprávu (max. rozsah 120 znaků),
  • obrázek.

Textový obsah notifikace upravíte v sekci „Vilf.io – push notifikace“ (1). Do příslušných polí vložte titulek (2) a zprávu (3) a zaškrtněte políčko „odeslat notifikaci po publikování“ (4).

Jako obrázek v notifikaci se použije náhledový obrázek příspěvku, který k příspěvku vložíte ve stejnojmenné sekci (5). Po kliknutí na tlačítko „publikovat“ (6) dojde ke zveřejnění článku a odeslání notifikace, která bude na daný příspěvek odkazovat.

Do odesílané notifikace můžete přidat také ikonu webu (7):

Ikonu vložíte kliknutím na odkaz „média“ (8) a „nahrát soubor“ (9) a vložením souboru z počítače (10).

U vloženého souboru je potřeba získat jeho přesnou adresu, na které je uložený. To provedete kliknutím na „knihovnu médií“ (11) a kliknutím na vloženou ikonu (12).

Adresu zkopírujete z pravého dolního rohu (13).

Pro vložení adresy (a přidání ikony do notifikace) přejděte do „Vilf.io nastavení“ v administraci WordPressu (14), zkopírovanou adresu vložte do pole „Url ikony odeslaných notifikací“ (15) a vše uložte kliknutím na tlačítko „uložit změny“ (16).



Odpovědělo to na vaši otázku?