Articles

Aktualizace WooCommerce:

Aktualizace vašeho obchodu WooCommerce je vážná věc, protože můžete porušit některé funkce, které mohou negativně ovlivnit váš hospodářský výsledek nebo prostě fungování vašich stránek.

Mezi majiteli obchodů existují čtyři školy, které si myslí, že když se aktualizace WooCommerce objeví:

  • Kovboj: Tito majitelé obchodů bez rozmýšlení stisknou tlačítko „aktualizovat“. Pak se jejich obchody kolem nich zhroutí.
  • Brambora na gauči:
  • The Scaredy-Cat: Tito majitelé obchodů mají tolik zastaralých pluginů a témat, protože se bojí, co se stane, když se pokusí o aktualizaci.
  • The Maverick: Tito majitelé obchodů mají tolik zastaralých pluginů a témat, protože se bojí, co se stane, když se pokusí o aktualizaci:

Tito majitelé obchodů pravidelně zálohují, testují nové verze WooCommerce na zkušebním webu a pak bez problémů aktualizují svůj živý web.

V podstatě každý by měl být Maverick. Naštěstí není těžké se jím stát! Se správnými nástroji, pevným kontrolním seznamem pro testování a trochou automatizace můžete začít udržovat svůj web WooCommerce aktuální a vždy bez problémů fungující.

V tomto příspěvku vás provedeme tím, jak provést bezpečnou aktualizaci WooCommerce od začátku do konce, včetně toho, jaké nástroje použít, a velkého kontrolního seznamu pro testování a aktualizaci.

Jste připraveni začít? Tak jdeme na to!

Investujte teď trochu času, abyste si později ušetřili spoustu času (a starostí)

Než se do toho pustíme, osvědčené postupy nám říkají, že byste nikdy neměli aktualizovat své stránky, zejména WooCommerce, aniž byste nejprve důkladně otestovali všechny nové verze. To platí pro hlavní, vedlejší i opravné verze – na tom nezáleží.

Musíte být ochotni strávit teď trochu času, abyste později ušetřili spoustu času.

Nemusíte hned stisknout tlačítko „aktualizovat“. Dejte si trochu času a ujistěte se, že chápete, jaké změny budou provedeny, a hlavně, jak mohou ovlivnit vše ostatní na vašem webu. Prosté přečtení informací o nových funkcích dostupných ve verzi WooCommerce, na kterou chcete aktualizovat, vám pomůže zorientovat se v tom, na co se musíte připravit.

Abyste se na věc podívali z nadhledu a pochopili, jak snadno se může něco rozbít, zamyslete se na chvíli z pohledu vývojáře pluginů nebo témat: protože jádro WooCommerce, stejně jako jádro WordPressu, musí být zpětně kompatibilní. Nyní se zamyslete nad počtem pluginů, které vy – nebo web vašeho klienta – používáte. Jaká je pravděpodobnost, že aktualizace WooCommerce naruší nějakou funkci? No, myslím, že odpověď už znáte: je to velmi pravděpodobné.

Proto je vždy dobré hned po oznámení aktualizace WooCommerce projít seznamy změn a fóra podpory WordPress.org, než začnete WooCommerce aktualizovat. Pokud by se někdy vyskytl problém s aktualizací, v 99 % případů by na něj jako první narazil někdo jiný, což by vám ušetřilo spoustu času a starostí s řešením problému na vlastní pěst.

Není také neobvyklé, že se zdržíte okamžitého odeslání aktualizace WooCommerce na svůj web a počkáte, až autoři pluginů/témat vydají své vlastní aktualizace produktů souvisejících s WooCommerce, než budete moci aktualizovat i svůj web. Takže být trpělivý a věnovat čas kontrole kompatibility se může opravdu vyplatit.

Pokud jde o aktualizaci webu WooCommerce, fungujete jako 🤠 kovboj, 🥔 gaučový brambor, 🙀 ustrašená kočka, nebo 😎 mravokárce? Kliknutím zjistíte, jaký typ majitele obchodu jste 👇Klikněte na Tweet

Začínáme s aktualizací WooCommerce

Při přístupu k aktualizaci WooCommerce existují čtyři základní fáze, z nichž každá má svůj vlastní soubor kroků. Slibujeme, že až si vše jednou projdete, bude to pokaždé rychlejší a jednodušší! Provedeme vás každou z následujících čtyř fází aktualizace WooCommerce:

Aktualizace WooCommerce:

Přiznejme si to: ruční testování WooCommerce je zdlouhavé a časově náročné. Právě z těchto důvodů to mnoho lidí jednoduše nedělá, nebo když už to udělají, netestují správně a chyby na svých stránkách přehlédnou.

Naštěstí existují nástroje, které mohou proces testování urychlit a učinit z něj méně nudnou záležitost. Po nesčetných testech aktualizací WooCommerce v průběhu let doporučujeme tyto nástroje. Pojďme se na každý z nich podívat podrobněji.

Staging Site

To je nepominutelné. Nikdy byste neměli aktualizovat svůj živý web ihned po vydání nové verze WooCommerce. Staging sites poskytují testovací prostředí, kde můžete věci libovolně porušovat (obvykle bez následků).

Na nich můžete spouštět aktualizace WooCommerce, testovat nové verze a zjistit, jak by váš web mohl reagovat před aktualizací živého webu. Pokud nemáte testovací web, Kinsta vám může pomoci (nabízíme testovací prostředí na jedno kliknutí):

MyKinsta's one-click staging environment

MyKinsta’s one-click staging environment

Vizuální srovnávací nástroje

Jak poznáte, že se váš web po aktualizaci WooCommerce změnil? Pokud provozujete rozsáhlý web s desítkami stránek, může dohledání drobných změn ve formátování nebo dokonce widgetů, které se přestaly zobrazovat, trvat dlouho.

Pomocí vizuálního srovnávacího nástroje, jako je WP Boom, který budeme používat v tomto návodu, můžete pořídit snímek webu, stisknout tlačítko „aktualizovat“ a poté pořídit druhý snímek, abyste rychle zjistili, co se změnilo:

wp boom

WP Boom

Je důležité zdůraznit, že vizuální změna nemusí nutně znamenat, že se na vašem webu rozbila nějaká funkce, pouze to, že by mohla být rozbitá.

Nástroje pro testování od konce ke konci

Zatímco nástroje pro vizuální porovnávání vám pomohou rychle odhalit změny ve formátování a designu webu, nástroje pro testování od konce ke konci jdou dál. Testují skutečnou funkčnost webu a poskytují větší jistotu, když něco nefunguje.

Klikání po webu za účelem dokončení testů, jako je přidání položky do košíku a odhlášení, zabere čas. Tyto úkoly se poměrně rychle omrzí, když jste předtím stokrát testovali aktualizace WooCommerce.

S nástroji pro end-to-end testování můžete tento proces automatizovat, takže se provede automaticky za vás.

S odstavením Robot Ninja vám v tomto návodu ukážeme, jak používat dva různé nástroje.

Prvním je Ghost Inspector:

ghost inspector

Ghost Inspector

Druhým nástrojem pro end-to-end testování, který můžete vyzkoušet, je Usetrace:

usetrace website

Usetrace

Jedná se o další automatizovaný nástroj pro end-to-end testování WooCommerce, který můžete použít jak na staging, tak na živých stránkách. Jak obojí nastavit, si projdeme později v tomto článku. WooCommerce má také několik E2E testů, které si můžete projít, pokud jste spíše vývojáři.

Nástroje pro zálohování

Měli byste provádět pravidelné zálohování svých stránek. Pokud vás zajímá zálohování databáze, doporučujeme WP Migrate DB Pro nebo jednoduše použít WP-CLI pro spuštění rychlých exportů.

Pokud jste u společnosti Kinsta, poskytujeme automatické denní zálohování, ruční zálohování bodů a uchovávání záloh pro všechny naše plány:

MyKinsta backups

MyKinsta backups

Jakmile máte správné nástroje, je čas na přípravu.

Aktualizace WooCommerce: Příprava (kontrolní seznam v 7 krocích)

Pokud chcete, aby aktualizace WooCommerce proběhla hladce, musíte se trochu připravit. Je s tím spojeno trochu práce, ale poté, co se jednou připravíte, je snazší vyplnit prázdná místa a při příští aktualizaci to udělat rychleji. Níže uvádíme sedm přípravných kroků, které doporučujeme.

Krok 1: Znovu se seznamte s webem, který aktualizujete

Pokud si nejste jisti, jak má váš web fungovat (tj. pokud se jedná o web nového klienta), udělejte si pár poznámek. Pomůže vám to zmírnit některé obavy, které můžete pocítit, pokud budete po aktualizaci zmateni z toho, jak web funguje (to se stává častěji, než byste možná čekali).

Doporučuji také vytvořit si seznam kritických adres URL a funkcí vašeho webu (a zákazníků). Ten by měl zahrnovat důležité stránky vašeho webu, například domovskou stránku, stránky kategorií a produktů, stránky „můj účet“, košík a pokladnu.

Krok 2: Ověřte, zda jsou vaše zálohy aktuální

Pokud vaše zálohy nejsou aktuální, je čas provést další zálohu. Znovu se seznamte se svým nástrojem pro zálohování. Především zkontrolujte, zda funguje správně, a ujistěte se, že víte, jak se vrátit k předchozímu snímku webu.

Krok 3: Nastavte WP Boom

Nastavení tohoto nástroje zabere jen minutu. Pokud vaše paměť a zapisování poznámek není zrovna nejlepší (všichni se můžeme mýlit), WP Boom vám pomůže doplnit mezery pomocí snímků obrazovky vašeho webu. Představte si je jako fotografie „před“ v propagačních akcích na hubnutí.

Začněte tím, že pořídíte první snímek webu, abyste měli vizuální výchozí záznam svého inscenačního webu před aktualizací.

Obvykle nebude schopen pořídit snímky obrazovky pokladny (potřebujete nějaké produkty v košíku) a chráněných stránek, ale v tom vám může pomoci jeden z dalších nástrojů.

Poznámka: Jak nastavit a používat WP Boom vás provedeme později v tomto příspěvku.

Krok 4: Nastavení nástroje pro automatizované testování

Pokud byste testovali WooCommerce ručně, v této části byste vytvořili seznam testovacích scénářů: tj, otevření webu, přidání produktu do košíku, přechod k pokladně, zadání platebních údajů atd.

Naštěstí jak Ghost Inspector, tak Usetrace mohou toto vše provést automaticky za vás. Jak oba tyto nástroje nastavit, si vysvětlíme za chvíli.

Krok 5: Určete další části webu, které chcete otestovat

Dalším krokem je určení dalších částí webu, které chcete otestovat, a to na základě seznamu kritických adres URL a funkcí, který jste vytvořili dříve. Může jít o funkce, jako jsou kontaktní formuláře a vyskakovací okna, nebo prvky, jako jsou prezentace a galerie.

Tyto věci můžete otestovat ručně, nebo pokud jste technicky zdatnější, můžete se pokusit tento krok také automatizovat.

Krok 6: Zjistěte, co je nového ve verzi WooCommerce, na kterou aktualizujete

Je také dobré zjistit, jaké nové aktualizace a funkce jsou k dispozici ve verzi WooCommerce, na kterou aktualizujete. Přesněji řečeno, zkontrolujte, zda jsou s ní vaše pluginy a téma kompatibilní.

Znovu platí, že je lepší strávit nějaký čas nyní, abyste si později ušetřili čas a starosti. Doporučujeme zkontrolovat oznámení o vydání na webu WooCommerce.com, záznamy o změnách, problémy na GitHubu a fóra podpory WordPressu.

Krok 7: Klonování živého webu do prostředí pro staging

Pokud používáte nějaké pluginy, které mají režim pro staging, například WooCommerce Subscriptions, zapněte je nebo je jednoduše vypněte. Stejně tak budete chtít vypnout e-maily.

Poté dvakrát zkontrolujte, zda vaše stagingové prostředí co nejvěrněji kopíruje váš živý web. V tomto okamžiku také doporučujeme zapnout režim ladění WordPressu, který vám pomůže s řešením problémů v budoucnu.

Důležité: Po přesunutí webu do stagingového prostředí nechcete přijít o žádné objednávky, které by mohly přijít. Abyste tomu předešli, doporučujeme přepnout obchod WooCommerce do režimu údržby. Tím zajistíte, že během provádění aktualizací a testování nebudou zadávány žádné objednávky.

Aktualizace obchodu WooCommerce:

Teď, když jste připraveni a připraveni, přichází ta zábavnější část: aktualizace vašeho testovacího webu (kontrolní seznam v 7 krocích)

Nyní přichází ta zábavnější část: aktualizace vašeho testovacího webu. Úžasná věc na stagingových webech je, že nevadí, když se váš web rozbije, protože je to jen kopie. Pojďme se podívat na kroky spojené s touto částí procesu.

Krok 1: Pořiďte snímek webu pomocí WP Boom

První věc, kterou budete chtít udělat, je pořídit snímek webu pomocí WP Boom. Získáte tak vizuální základní záznam svého webu před aktualizací.

Krok 2: Spusťte testovací nástroj a ujistěte se, že vaše testy procházejí

Jak jsme již zmínili, k automatizaci testů můžete použít nástroj pro end-to-end testování, jako je Ghost Inspector nebo Usetrace. Dále v tomto článku vás provedeme tím, jak můžete spustit test pomocí obou nástrojů a zkontrolovat, zda testy procházejí.

Krok 3: Aktualizujte své pluginy a téma

V přípravné fázi jsme se zmínili o kontrole, zda jsou vaše pluginy a téma kompatibilní s nejnovější verzí WooCommerce, na kterou aktualizujete. Pokud jste si všimli, že vaše pluginy nebo téma jsou zastaralé a již nejsou kompatibilní s nejnovější verzí WooCommerce, je nyní čas je aktualizovat na verzi, která kompatibilní je.

Krok 4: Aktualizace WooCommerce na vašem testovacím webu

Pokud jste aktualizovali své pluginy a témata a ujistili se, že nebudou mít žádné problémy s kompatibilitou, jste připraveni aktualizovat svůj testovací web na nejnovější verzi WooCommerce. Aktualizace testovacího webu vám umožní identifikovat případné chyby, které je třeba vyřešit před odesláním aktualizace WooCommerce na váš živý web.

Krok 5: Zkontrolujte protokoly kvůli chybám

Po aktualizaci zásuvných modulů, témat a WooCommerce je vhodné zkontrolovat protokoly a vyhledat případné chyby vyplývající z těchto aktualizací. Proveďte rychlou kontrolu a ujistěte se, že máte stále přístup k domovské stránce a oblasti administrace.

Pokud se zobrazí bílá obrazovka smrti nebo se zaseknete v jiné nenapravitelné situaci, je nyní vhodná doba vrátit se k předchozímu snímku webu. Problém můžete vyřešit buď sami, nebo vyhledat pomoc.

Krok 6: Pořiďte druhý snímek pro porovnání změn

Pokud je zatím vše v pořádku, spusťte WP Boom znovu a získejte druhý snímek. Porovnejte snímky před a po a zjistěte, co se změnilo.

Na systému WP Boom je skvělé to, že vám řekne, jak moc se váš web změnil od posledního snímku.

Například mezi dvěma sadami snímků může být vizuální změna 7 %. I když to nemusí nutně znamenat, že je váš web nefunkční, může to znamenat, že je třeba upravit některé styly.

Přihlaste se k odběru novinek

S WordPressem jsme zvýšili návštěvnost o 1 187 %. Ukážeme vám, jak na to.

Přidejte se k více než 20 000 dalším, kteří dostávají náš týdenní newsletter se zasvěcenými tipy pro WordPress!

Předplaťte si odběr nyní

Krok 7: Znovu spusťte Ghost Inspector nebo Usetrace, abyste se ujistili, že vše funguje správně

Dále proveďte další test pomocí Ghost Inspector nebo Usetrace (nebo jakéhokoli nástroje pro end-to-end testování, který jste si vybrali), abyste se ujistili, že váš pokladní tok je ve správném funkčním stavu. Můžete také provést ruční nebo automatickou kontrolu dalších funkcí na webu, například kontaktních formulářů.

Pokud něco nefunguje podle vašich představ, je nyní čas to nahlásit a/nebo opravit.

Pokud máte na webu spuštěný vlastní kód (tj, kód, který není spravován vývojářem zásuvného modulu/rozšíření třetí strany), budete jej muset opravit a ujistit se, že opravy budou aplikovány na váš živý web před nebo po spuštění aktualizace (v závislosti na problému).

Kontrola verzí, například mít web v systému Git, vám může pomoci lépe spravovat změny. To, kam budete chyby hlásit, bude záviset na tom, jaké pluginy používáte, a na ujednání o podpoře. Odtud budete muset buď počkat na nové verze zásuvných modulů/témat a pak zkusit postup znovu, nebo na opravách pracovat sami a aktualizovat kód.

Dobrá zpráva je, že váš živý web není rozbitý, vaši zákazníci budou moci stále nakupovat. Navíc si můžete udělat čas a proces opakovat tak dlouho, dokud nebudete mít jistotu, že vše bude fungovat podle očekávání.

Aktualizace obchodu WooCommerce: Aktualizace a testování živého webu (kontrolní seznam v 8 krocích)

Jakmile jste aktualizovali svůj testovací web a máte jej bez problémů funkční, s opravenou nefunkčností a odstraněnými chybami, jste připraveni aktualizovat svůj živý web.

Podívejme se na kroky spojené s aktualizací vašeho živého webu WooCommerce, z nichž mnohé budou podobné těm, které jste provedli během testování vašeho testovacího webu.

Krok 1: Zálohování živého webu

Prvním krokem je zálohování vašeho živého webu. Je důležité, abyste tento krok nevynechali. Pokud jste uživatelem služby Kinsta, máte na výběr z řady možností zálohování. Můžete však také použít zálohovací zásuvný modul.

Krok 2: Pořiďte další snímek webu

Dalším krokem bude pořízení dalšího snímku webu pomocí nástroje WP Boom. Tím získáte vizuální základní záznam vašeho živého webu před aktualizací.

Krok 3: Spusťte Ghost Inspector nebo Usetrace a ujistěte se, že vaše testy procházejí

Pro tento krok můžete opět použít buď Ghost Inspector, nebo Usetrace, podle toho, zda chcete k záznamu testů použít rozšíření Chrome nebo online nástroj. Tím získáte další výchozí stav webu před aktualizací.

Krok 4: Synchronizace a odeslání změn na živé stránky

Dále, v závislosti na tom, jak funguje vaše stagingové a živé prostředí, možná budete muset jednoduše synchronizovat změny mezi stagingovým a živým webem. Případně budete muset znovu projít aktualizací zásuvných modulů a kódu.

Pokud používáte službu Kinsta, můžete změny odeslat na živé stránky jedním kliknutím:

The MyKinsta push staging to live option

Možnost MyKinsta push staging to live

Nezapomeňte nejprve svůj obchod WooCommerce vyřadit z režimu údržby.

Krok 5: Zkontrolujte záznamy o chybách

Po dokončení synchronizace aktualizace znovu zkontrolujte záznamy o chybách, zda v jejich důsledku nedošlo k nějakým problémům. Ověřte, zda máte stále přístup na domovskou stránku a do oblasti správce.

Stejně jako u zkušebního webu, pokud se zobrazí bílá obrazovka smrti nebo dojde k jiné neopravitelné situaci, je nejlepší vrátit se k předchozímu snímku webu a provést řešení problémů nebo se obrátit na pomoc.

Krok 6: Pořiďte další snímek pomocí nástroje WP Boom

Následující krok: Znovu spusťte nástroj WP Boom, abyste měli druhou sadu snímků. Porovnejte snímky před a po a zjistěte, zda se něco změnilo.

Krok 7: Znovu spusťte Ghost Inspector nebo Usetrace, abyste se ujistili, že web funguje správně

Znovu můžete pomocí automatického nástroje provést další test a ujistit se, že vše funguje, jak má. V této fázi můžete také provést další ruční (nebo automatizované) kontroly jiných funkcí webu, například kontaktních formulářů.

Pokud jste se již dříve při aktualizaci testovacího webu vypořádali s případnými problémy, například s konfliktním kódem zásuvných modulů a vlastním kódem, a opravili je, nemělo by být v této fázi potřeba řešit příliš mnoho problémů (pokud vůbec nějaké).

Krok 8: Proveďte závěrečnou vizuální kontrolu

Jste téměř hotovi. Zbývá už jen překontrolovat seznam kritických adres URL a funkcí a ujistit se, že vše funguje.

Potřebujete bleskurychlý, spolehlivý a plně zabezpečený hosting pro své webové stránky elektronického obchodu? Kinsta vám tohle všechno nabízí a navíc nepřetržitou podporu světové úrovně od odborníků na WooCommerce. Podívejte se na naše plány

Pokud se vám zdá vše v pořádku, je to tak! Váš aktualizovaný WooCommerce je nyní v provozu.

Začínáme s WP Boom

WP Boom je vizuální testovací a srovnávací nástroj vytvořený pro WordPress. Po jeho nastavení můžete porovnávat snímky obrazovky před a po aktualizaci webu a dostávat upozornění, kdykoli automatické aktualizace způsobí vizuální změny vašich stránek:

wp boom 1

WP Boom

Chcete-li začít používat WP Boom, zaregistrujte si bezplatný účet. Po zadání e-mailu a hesla se zobrazí modální okno s žádostí o připojení nového webu:

wpboom new site

Registrační formulář WP Boom

Po zadání údajů a kliknutí na Vytvořit web se WP Boom pustí do práce a pořídí první snímek vašeho webu. To bude trvat minutu nebo dvě, podle toho, kolik stránek váš web obsahuje:

wpboom first snapshot

Snímek WP Boom

Po dokončení tohoto procesu se stránka obnoví. Po kliknutí na název webu se zobrazí přehled snímku včetně času pořízení a počtu stránek na webu:

wpboom latest snapshot

Nejnovější snímek WP Boom

Když budete připraveni pořídit druhý snímek, jednoduše se vraťte na ovládací panel WP Boom, vyberte web, který chcete snímkovat, a klikněte na možnost Snímek vybraných webů.

Několik dalších příjemných funkcí, které WP Boom obsahuje, je možnost plánovat týdenní snímky a e-mailové zprávy, které podrobně popisují veškeré vizuální změny na webu. To je užitečné, pokud spravujete spoustu webů a máte zavedené automatické aktualizace.

Automatické testovací nástroje:

Když zákazník vyplní kontaktní formulář nebo se pokusí použít živý chat a tyto části funkcí jsou nefunkční, jak to poznáte, když jste je netestovali?

Provádět manuální testy je snadné: jednoduše proklikávejte své stránky, vyplňujte formuláře a používejte okno live chatu.

Abyste tento proces mohli automatizovat, můžete si nejprve sestavit seznam kritických funkcí a také návod, jak testy provádět ručně (tj, „Otevřete web, přejděte na stránku s kontakty, vyplňte formulář atd.“). Tím zajistíte, že při každém ručním testování nic nevynecháte.

Pokud dáváte přednost automatizaci tohoto procesu, chcete mít nad automatizovanými testy větší kontrolu nebo máte velmi přizpůsobené stránky či funkce, doporučujeme vyzkoušet Ghost Inspector a/nebo UseTrace.

Oboje jsou skvělé možnosti, pokud nejste obeznámeni s PHP a nechcete si zahrávat se skripty a kódem. Tyto možnosti nabízejí podobné funkce pro automatizaci kontrolního testování.

Kterou možnost zvolíte, bude nakonec záviset na tom, zda chcete k záznamu testů používat rozšíření pro Chrome nebo online nástroj. Případně pokud jste vývojář a rádi si zašpiníte ruce, Codeception je skvělou volbou pro vývojáře.

Začínáme s Ghost Inspector

Ghost Inspector je nástroj, který můžete použít k automatizaci testování webu WooCommerce a zajistit jeho správné fungování. Nejlepší na tom je, že k jeho používání nepotřebujete žádné zkušenosti s programováním nebo testováním.

Ghost Inspector funguje přidáním rozšíření do prohlížeče Chrome nebo Firefox. Rozšíření pak zaznamená váš web a automaticky spustí testy.

Chcete-li začít, navštivte webovou stránku Ghost Inspector a klikněte na možnost Start Your Free Trial. Zadejte své údaje do formuláře a poté vyberte možnost Vytvořit účet:

ghost inspector account

Stránka pro přihlášení ke službě Ghost Inspector

To vás přesměruje na uvítací stránku. V dolní části klikněte na tlačítko Instalovat záznamník testů:

install test recorder

Instalace záznamníku testů Ghost Inspector

Tím se na nové kartě prohlížeče otevře webový obchod Chrome. Vyberte možnost Přidat do prohlížeče Chrome:

ghost inspector extension

Přidání rozšíření Ghost Inspector Chrome

Rozšíření Ghost Inspector se automaticky přidá do prohlížeče a zobrazí se v pravém horním rohu. Při prvním kliknutí na něj budete vyzváni k přihlášení pomocí přihlašovacích údajů:

ghost inspector login

Přihlášení k rozšíření Ghost Inspector Chrome

Obnovte prohlížeč. Až budete připraveni spustit test, navštivte svůj web WooCommerce (ujistěte se, že jste odhlášeni), a poté klikněte na rozšíření prohlížeče.

V rozbalovací nabídce vyberte možnost „Vytvořit nový test“ a poté tlačítko Spustit nahrávání:

ghostinspector start recording

Tlačítko Ghost Inspector „spustit nahrávání“

Při procházení a testování webu bude Ghost Inspector zaznamenávat všechny vaše akce. Až budete hotovi, klikněte znovu na rozšíření a následně na I’m Finished Recording:

ghostinspector finished recording

Tlačítko Ghost Inspector ‚finished recording‘

Poté můžete svůj test pojmenovat a uložit. Pokud vyberete možnost Zobrazit můj test, dostanete se na ovládací panel Ghost Inspectoru:

ghost inspector dashboard

Ovládací panel Ghost Inspectoru

Tady si můžete prohlédnout všechny podrobnosti testu. Zobrazí se seznam příslušných kroků a máte možnost je upravit. Zobrazí se informace o tom, zda test proběhl úspěšně, a pokud ne, které kroky vyžadují vaši pozornost. Podrobnější informace naleznete v dokumentaci k nástroji Ghost Inspector.

Začínáme s nástrojem Usetrace

Pokud chcete používat nástroj pro automatizované testování, který není specifický pro jeden prohlížeč, můžete zvolit nástroj Usetrace. S tímto nástrojem vytváříte „stopy“ tak, že zaznamenáváte své pracovní postupy prostřednictvím editoru Usetrace online. Poté je můžete použít k automatickému testování webu.

Chcete-li začít, navštivte webovou stránku Usetrace a klikněte na možnost Zaregistrovat se a začít testovat nyní. Po vytvoření účtu budete přesměrováni na ovládací panel Usetrace. Vyberte možnost Začít vytvořením nového trasování:

usetrace create new

Desktop Usetrace

V okně vlevo jsou uvedeny kroky a nastavení trasování. Vpravo je web, který testujete. Chcete-li začít, klikněte na tlačítko Record Steps:

usetrace record steps

Recording trace steps

Program začne zaznamenávat interakce s vaším webem. Pokaždé, když provedete nějakou akci, například přidáte položku do košíku nebo vyplníte kontaktní formulář, přidá kontrolní bod do trasovacích kroků vlevo.

Když skončíte, klikněte na tlačítko Uložit kroky:

usetrace save steps

Test Usetrace

Chcete-li projít celou stopu a potvrdit, že vše funguje, vyberte v levém dolním rohu možnost Spustit stopu:

usetrace run trace

Tlačítko Run Trace v Usetrace

Po dokončení by se měla zobrazit zpráva o úspěchu:

usetrace success message

Zpráva o úspěchu Usetrace

Můžete kliknout na Podrobnosti, abyste se dozvěděli více o každém kroku, nebo vybrat OK, pokud jste hotovi. Podrobnější návod a pokyny naleznete v dokumentaci Usetrace.

Znervózňují vás slova „aktualizace webu WooCommerce“? 😅 S tímto průvodcem se dozvíte, jak celý proces bezpečně a snadno dokončit! click to Tweet

Shrnutí

Se správnými nástroji, trochou času na přípravu a pevným kontrolním seznamem byste neměli mít s testováním a prováděním aktualizací WooCommerce žádné problémy. Abyste se zbavili obav kolem aktualizace WooCommerce, je důležité celý proces demystifikovat, což jsme udělali zde. Doufejme, že tento průvodce poskytl solidní základ pro udržování webu WooCommerce v aktuálním stavu.

Měli bychom také zdůraznit, že je důležité testovat také transakční e-maily vašeho obchodu, ale to je úplně jiná cesta.

Nyní zpět k vám: Používáte při aktualizaci WooCommerce a WordPressu nástroje pro vizualizaci nebo snímky obrazovky? Jaké další nástroje a pracovní postupy pro aktualizace používáte? Podělte se o ně s námi v komentářích níže!

Pokud se vám tento článek líbil, pak si hostingovou platformu WordPress od společnosti Kinsta zamilujete. Nabijte své webové stránky a získejte nepřetržitou podporu od našeho týmu zkušených odborníků na WordPress. Naše infrastruktura poháněná službou Google Cloud se zaměřuje na automatické škálování, výkon a zabezpečení. Dovolte nám, abychom vám ukázali rozdíl Kinsta! Podívejte se na naše plány

.