Wszystko o sklepy internetowe | Webinsider - Internet widziany od środka ™

Tag: sklepy internetowe

Problem z działaniem wtyczki Przelewy24 z najnowszą wersją WooCommerce, czyli (tymczasowo) wyłącz graficzną listę metod płatności na stronie potwierdzenia zamówienia

Gdybym musiał wskazać jednego dostawcę płatności dla eCommerce, gdzie mam największą szansę na to, że coś nie będzie działać, to bez wątpienia wskazałbym na Przelewy24. Lata mijają, a na stornie pobierania wtyczek dla WooCommerce widzę, że w Przelewy24 nada znajdę oddzielne wersje wtyczek, dla poszczególnych wersji WooCommerce, co powoduje, że gdy zrobimy „dużą aktualizację” WooCommerce, a nie pobierzemy i ręcznie nie zainstalujemy nowej wersji, to płatności prawdopodobnie przestaną działać. Zresztą dziś artykuł o tym całkiem sporo wizyt zbiera, bo tak się składa, że po aktualizacji WooCommerce do najnowszej wersji, chyba sporo osób ma znowu problem z działaniem wtyczki Przelewy24 dla WooCommerce…

Prosty sposób na przeniesienie opisu kategorii (i tagów) pod listę produktów w sklepie internetowym na WooCommerce

Wśród sklepów na WooCommerce, z którymi mam styczność w mniejszym lub większym stopniu, w części z nich, są używane opisy kategorii. W większości przypadków tylko i wyłącznie pod pozycjonowanie (SEO), więc teksty tam są, jakie są, niekoniecznie mają faktyczny sens dla zwykłego klienta sklepu, przeglądającego ofertę. Dlatego jedną z częstszych modyfikacji, o jakie jestem proszony w takim przypadkach, jest przeniesienie opisów kategorii pod listę produktów w widoku archiwum kategorii (i tagów).

Edytor blokowy w WordPressie (Gutenberg) nieśmiało atakuje kolejny element – ekran edycji produktów w WooCommerce, choć na razie tylko u chętnych, nawet z przypadku

Mamy już wtyczkę pozwalającą pozbyć się Gutenberga z edytora. Mamy też wtyczkę pozwalającą się pozbyć Gutenberga z konfiguratora widgetów. Brakuje chyba cały czas jeszcze wtyczki pozwalającej w klasyczny sposób zarządzać menu, ale na szczęście ten problem dotyczy – przynajmniej na razie – tylko użytkowników motywów FSE, a więc można powiedzieć, że „widziały gały, w co się pakowały”. Jednak w ostatnich dniach coraz częściej trafiają do mnie pytania/zgłoszenia, że coś dziwnego stało się z edytorem produktów w WooCommerce, i nie tylko wygląda dziwnie, ale brakuje w nim większości opcji. Tak, wirus edytora blokowago powoli i tutaj dociera, więc pewnie niebawem powstanie wtyczka klasyczny edytor, ale tym razem produktów.

Platforma kursowa na LearnPress i dwa różne podejścia do sprzedaży kursów za pośrednictwem WooCommerce

Od jakiegoś czasu najczęściej tworząc platformę kursową na WordPressie, wybieram wtyczkę Tutor LMS, a konkretnie Tutor LMS Pro. Po części zasługa w tym nieimitowanej w czasie i liczbie stron licencji, jaką posiadam, a po części tego, że pomimo swoich wad, jest całkiem dobra wtyczka do kursów internetowych, która dodatkowo chwalą sobie pod względem łatwości obsługi klienci. Jednak od czasu do czasu zapuka do mnie ktoś, kto ma już platformę kursową, czasem na innej wtyczce i potrzebuje „tylko” konsultacji, lub wdrożenia jakiejś dodatkowej funkcjonalności. Tym razem padło na wtyczkę LearnPress i zintegrowanie jej z WooCommerce.

Wyrównywanie wyglądu zdjęć produktów w widoku archiwum produktów w WooCommerce na przykładzie CSSa i object-fit

Ostatnio odbyłem kolejną rozmowę z cyklu „mamy 2023 i CSSem zrobisz wszystko, więc po co…”. Tym razem (znowu) poszło o nierówne miniatury zdjęć produktów w widoku archiwum WooCommerce (choć w widoku strony produktu też ten problem występuje, choć trudniej pokazać porównanie). Ja pomimo tego, że faktycznie mamy 2023, oraz faktycznie CSSem można zrobić cuda, nadal uważam, że jeśli tylko można, lepiej już na etapie przygotowania zdjęć zadbać nie tylko o ich rozmiar, ale i proporcje. Mój (kolejny) oponent pełen wiary w CSS w 2023 roku twierdził, że nie ma takiej potrzeby, bo mamy przecież object-fit…

Dodawanie niestandardowego kodu HTML i JavaScript do wybranych elementów strony za pomocą JavaScript, na przykładzie WordPressa

Dostałem zapytanie o umieszczenie formularza zapisu do newslettera w ramach usługi MailerLite na stronie internetowej działające na WordPressie. Niby nic nadzwyczajnego, ale tutaj miejsce, gdzie ów kod miał być umieszczony, było bardzo precyzyjnie wybrane i niekoniecznie łatwo dostępne do modyfikacji.

Zmiana wyglądu zdjęcia produktu, którego nie ma na stanie, na przykładzie sklepu internetowego na w WooCommerce

Niedawno wyrównywaliśmy wysokości wierszy w widoku katalogu produktów na przykładzie sklepu internetowego na WooCommerce, za pomocą CSSa. Dziś na tapet bierzemy główną grafikę produktu i stany magazynowe, a konkretnie zmodyfikujemy wygląd grafiki (zdjęcia) produktów, których nie ma na stanie. I choć przykład będzie na bazie sklepu internetowego na WooCommerce, to po dostosowaniu selektorów (nazw klas), bez problemu można pokazane kody wykorzystać na innych stronach. Niekoniecznie nawet sklepach internetowych…

Skuteczna blokada (rejestracji) fałszywych kont w WordPressie i WooCommerce za pomocą wbudowanych ustawień

W ostatnich dniach miałem sporo zapytań „z zewnątrz” na temat nowych rezerwacji na stronach z WordPressem i sklepach na WooCommerce, które w większości przypadków były (są) zakładane na nieistniejące adresy e-mail, często w domenie z końcówką „z krainy orków” (.ru), które są właściwie standardowym elementem internetu, ale w ostatnich dniach jakby się nasiliły. Potwierdzają to też statystyki z moich testowych WordPressów (honeypot), gdzie też widać dużo większą niż zwykle aktywność w tym zakresie…

Wyrównanie wysokości wierszy w widoku katalogu produktów na przykładzie sklepu internetowego na WooCommerce

Jednym z częstszych tematów, z jakimi zwracają się do mnie „osoby z zewnątrz” w kontekście WooCommerce, jest wyrównanie wysokości, na jakiej znajdują się przyciski „dodaj do koszyka” i „wybierz opcje” w widoku listy produktów, czyli archiwum, w przypadku, gdy produkty mają różnej długości tytuły. I choć jest to właściwie tylko kwestia wizualna, niemająca żadnego przełożenia na działanie sklepu, to rozumiem problem, bo sam też tak preferuję. I choć są to łatwe i szybkie pieniądze, do tego z łatwym do osiągnięcia efektem zadowolenia po stronie klienta, to zamykam ten „kran z pieniędzmi” i pokażę, jak taki efekt uzyskać samodzielnie. Do tego w bardzo prosty sposób, bo za pomocą odrobiny CSSa…

Zmiana kolejności wyświetlania kolumn w widoku mobilnym za pomocą CSSa na przykładzie WordPressa, WooCommerce i Divi

Trafiłem dziś na pytanie na temat zmiany kolejności wyświetlania paska bocznego (sidebar) i listy produktów w widoku archiwum WooCommerce (sklep internetowy na WordPressie) dla urządzeń mobilnych, gdzie w standardzie wyświetlają się najpierw produkty, a potem zawartość paska bocznego (widżety), niezależnie od tego, czy będzie on standardowo po lewej, czy prawej stronie. Co ma zresztą sens, bo nawet jeśli w bocznej sekcji – tak jak w tym przypadku było – są filtry produktów, to jednak produktami będą zainteresowani raczej wszyscy odwiedzający sklep, a filtrami tylko niektórzy.

Kod CSS dla wybranych produktów w WooCommerce, czyli gdy strona produktu ma wyglądać trochę inaczej niż pozostałe

Kilka dni temu, na „skrzynkę redakcyjną” wpłynęło „zapytanie premium” o możliwość modyfikacji pewnych elementów  graficznych na stronach poszczególnych produktów. Strona działa na dobrze znanym mi motywie Divi, więc teoretycznie można by skorzystać z opcji „theme builder”, by dla wybranych produktów przygotować inny wygląd. Jednak zmiany choć drobne – zmiana koloru dla kilku wybranych elementów, to miały docelowo dotyczyć wszystkich produktów w sklepie, a więc tworzenie dla każdego produktu oddzielnego szablonu choć możliwe, to w tym przypadku raczej nie byłoby najlepszym sposobem. Zwłaszcza że wszystko można było ogarnąć dosłownie 2-3 linijkami kodu CSS.

W witrynie wystąpił błąd krytyczny, czyli błąd przy próbie edycji produktów w WooCommerce w polskiej wersji językowej

Jeszcze przed godziną 6 dostałem pierwsze zgłoszenia od niektórych klientów, że przy próbie edycji istniejącego produktu lub próbie dodania nowego w sklepie na WooCommerce WordPress wyrzuca błąd krytyczny. Z tego, co wodzę, na związanych z WordPressem i/lub WooCommerce grupach również zaczynają się pojawiać posty na ten temat. I choć jeszcze odpowiedniej poprawki nie ma, to na szczęście błąd da się relatywnie łatwo wyeliminować.

Omnibus PL, czyli 1 stycznia 2023 wchodzą w życie krajowe (polskie) przepisy związane m.in. z unijną dyrektywą Omnibus

Unijna dyrektywa Omnibus, dotycząca m.in. eCommerce weszła w życie pod koniec maja 2022. Było to zdarzenie istotne, ale jednocześnie z niewielkim skutkiem dla eCommerce w Polsce, bo dyrektywa jako taka źródłem obowiązującego prawa nie jest (w uproszczeniu). Istotne są krajowe przepisy, które na bazie takiej dyrektywy powstają. I tak się składa, że „krajowa implementacja dyrektywy Omnibus” wejdzie w życie już za kilka dni, po z początkiem 2023 roku. Tak, kolejny raz duże zmiany w eCommerce wchodzą w życie zaraz po i tak gorącym świątecznym okresie.

WPC Linked Variation od WPClever, czyli prosty sposób na łączenie „w warianty” prostych produktów w WooCommerce na podstawie atrybutów globalnych (np. kolor, rozmiar)

Koleżanka startuje ze sklepem, docelowo produktów ma być sporo, więc od razu WooCommerce, a nie jakieś półśrodki. Jedna na początku produkty będą tylko dwa – jeden zwykły, bez wariantów, drugi z wariantami, czyli w kilku kolorach do wyboru. No i można mieć obawy, że w takiej sytuacji katalogów produktów będzie wyglądał trochę biednie. Koleżanka wpadła więc na pomysł, że z produktu z wariantami zrobi kilka pojedynczych produktów, każdy w innym kolorze. Może mieć to sens, ale w takiej sytuacji zniknęła – co logiczne – możliwość przełączania się między różnymi kolorami ze strony konkretnego produktu. Na szczęście jest na to prosta rada…

Płatności Montonio w sklepie internetowym na WooCommerce, czyli już jest dobrze i na pewno tanio, ale są też niespodzianki

Z racji tego, że m.in. tworzę sklepy internetowe dla klientów, a czynność ta nie sprowadza się tylko do instalacji WordPressa, WooCommerce i podstawowej konfiguracji, to pomagam również przy takich aspektach jak wybór płatności do sklepu. Kiedyś lubiłem korzystać z Tpay (wtedy jeszcze chyba pod nazwą Transferuj.pl), ale od kiedy płata za weryfikację konta bankowego do wypłat wynosi 199 zł, raczej omijam. Zwłaszcza że na rynku jest wiele innych podmiotów oferujących usługi tego typu (szybkie płatności do sklepu internetowego). I choć ostateczny wybór zależy od wielu czynników, to często wybór pada na CashBill, gdzie nie ma m.in. stałego abonamentu, a i dodatkowe opłaty i prowizje są na rozsądnym poziomie, co ma znaczenie zwłaszcza na początku działalności sklepu. Od kilku dni dostaje jednak zapytania o… nie, nie o WP PAY, a o Montonio, czyli innego nowego – przynajmiej w Polsce – gracza szybkich płatności na naszym rynku…

Dodatkowa zawartość nad lub pod przyciskiem „dodaj do koszyka” w sklepie internetowym na WooCommerce

Dziś na warsztat bierzemy przycisk „dodaj do koszyka” w sklepie internetowym na WooCommerce. Z tym że nie będziemy banalnie zmieniać jego treści, a dodamy własny tekst nad lub pod ten przycisk, co – jak się zaraz okaże – jest zadaniem chyba równie banalnym… ;-)

Zatwierdzone katalogi pobierania (Approved Download Directories) w WooCommerce, czyli lokalizacje plików w produktach do pobierania pod kontrolą

Kilka dni temu ukazała się wtyczka WooCommcerce w wersji 6.5, i pewnie bym to przeminął, bo nie licząc rzeczy „dla programistów”, to większość zmian niczym w WordPressie od dawna, dotyczy Gutenberga, czyli edytora blokowego, z którego po prostu nie korzystam. Chyba że muszę… Ale tym razem pojawiła się nowość, która nie tylko nie dotyczy Gutenberga, ale też zdaje się mieć sens. Choć na podstawie informacji do znajomych i/lub klientów (bo często jedno nie wyklucza drugiego ;-)) wiem, że powoduje też lekkie zamieszanie…

Wtyczka Coupons Booster for WooCommerce, czyli kupony w sklepie internetowym na dopalaczu

Choć jestem przeciwnikiem opierania strategii marketingowej (tylko) na promocjach, to raczej nieprzypadkowo jest to zjawisko dość powszechne, bo po prostu działa (uderza po kieszeni, średnio buduje lojalność, ale poza tym działa ;-)). A jak promocje w sklepie, to kupony (kody) promocyjne. A jak sklep internetowy, to jest spora szansa, że WooCommerce, gdzie już w standardzie opcje dotyczące kuponów są więcej niż wystarczające. Przynajmniej zazwyczaj…

Jednokolumnowy widok archiwum produktów w WooCommerce na urządzeniach mobilnych, przy korzystaniu z Divi Buildera

Strona na WordPressie, do tego wtyczka WooCoommerce dla funkcji sklepu internetowego, oraz motyw Divi od Elegant Themes, a więc i Divi Builder nie tylko dla standardowych stron, ale też – korzystając ze wsparcia Divi dla WooCommerce – dla stron związanych ze sklepem. Można by rzec, że kwartet całkiem udany, całkiem dopasowany, ale… No właśnie – jak to bywa w życiu, zawsze bywa jakieś „ale”. Zwłaszcza gdy do działającego układu dołożyć „piąte koło u wozu”. Problem tylko w tym, że tym piątym kołem w tym przypadku jest mobile, a konkretnie mobilne urządzenia. A tego zignorować nie można, nawet jeśli  nie w każdej branży obowiązuje „mobile first”.

Szybsze działania rozbudowanej strony na WordPressie dzięki kontroli uruchamiania wtyczek (uruchamianie selektywne)

Kwestia optymalizacji szybkości działania stron to temat, na który można by pewnie pisać i pisać. Sam do zwolenników „optymalizacji” pod wyniki (!) z Google PageSpeed Insights czy GTmetrix nie należę, i jeśli mam do wyboru szeroko rozumianą użyteczność strony internetowej lub lepszy wynik we wspomnianych testach, najczęściej wybiorę to pierwsze. Nie oznacza to jednak, że szybkość działania strony nie ma dla mnie znaczenia, bo ma. Z tym że nie w kontekście wspomnianych testów czy mitycznych „użytkownik czeka na wczytanie strony 3 sekundy, a potem zamyka stronę”. I tak ostatnio optymalizowałem działanie jednego sklepu, który jednocześnie był platformą kursową oraz webinarową.

Loading

Pin It on Pinterest