Contact Form 7 – js i css tylko na stronie kontaktowej

,

Contact Form 7 ładuje swoje skrypty i arkusz css na każdej stronie a przecież nie wszędzie używamy formularzy. Zazwyczaj tylko na stronie kontaktowej. No to wyłączymy go w functions.php:


add_filter( 'wpcf7_load_js', '__return_false' );
add_filter( 'wpcf7_load_css', '__return_false' );

Jeśli mamy osobny plik z template dla strony kontaktowej włączymy contact form script i style.

    if ( function_exists( 'wpcf7_enqueue_scripts' ) ) {
        wpcf7_enqueue_scripts();
    }
 
    if ( function_exists( 'wpcf7_enqueue_styles' ) ) {
        wpcf7_enqueue_styles();
    }

Taki zabieg powinien znacząco wpłynąć na prędkość ładowania strony.

Zamiana input submit na button w contact form 7

, ,

Tak się jakoś ostatnio złożyło, że dwa razy musiałem sięgnąć do kodu modyfikującego popularną wtyczkę Contact Form 7. Wtyczka ta ma własne funkcje, które pozwalają modyfikować wygląd formularza i wiele innych rzeczy. Jest trochę podpowiedzi i instrukcji w necie ale trzeba zwrócić uwagę na jedną ważną rzecz. Contact Form 7 przestał obsługiwać funkcję wpcf7_add_shortcode. Zamiast tego musimy użyć wpcf7_add_form_tag.
Zadanie było takie zamienić guzik wysyłający formularz z input na button ponieważ jest sporo skryptów, które nie lubią tego inputa i formularz najzwyczajniej w świecie nie działa. More

quantity-select

Zakup określonej liczby produktów 10, 20, 30 w woocommerce

, , , ,

Ciekawe pytanie padło na grupie woocommerce więc postanowiłem się mu przyjrzeć, tym bardziej, że jakiś rok temu podobną sztuczkę robiłem na sklepie z kiełbasami 🙂
Zadanie jest takie: klient na stronie produktu jak i w koszyku może wybrać jedynie określone ilości produktu. Dla naszego przykładu weźmy 10, 20, 30  sztuk. Sprawa jest dość prosta, użyjemy a właściwie nadpiszemy funkcję woocommerce_quantity_input. Za jednym zamachem załatwimy sprawę na stronie produktu jak i w koszyku. Po prostu zamienimy zwykłego inputa na selecta (pole tekstowe na listę rozwijaną). Funkcję oczywiście umieszczamy na początku pliku functions.php. More

Klient użył kodu rabatowego – pokaż mu obniżone ceny w sklepie

,

Przypadek dość ciekawy, bo mający bezpośredni wpływ na konwersję w sklepie. Scenariusz mamy taki klient robiąc zakupy wpisuje w koszyku kod rabatowy. Zachęcony sporą obniżką, udaje się na dalsze zakupy po naszym sklepie a tu ceny nadal pierwotne. Fajnie byłoby mu pokazać ile rzeczywiście zapłaci, bo wtedy może kupi więcej. Wykorzystamy do tego filtr woocommerce_get_price_html. More

Jak ukryć inne wysyłki przy darmowej dostawie

Temat wczoraj powrócił jak bumerang podczas konfiguracji nowego sklepu, który stawiamy na niemiecki rynek. Szczerze powiedziawszy zapomniałem, że robiłem to kilka razy dawno temu bo byłem przekonany o tym, że woocommerce ma już to zaimplementowane. W czym rzecz? Mamy kilka metod wysyłki w tym wysyłkę darmową, która pojawia nam się po dodaniu do koszyka towarów o określonej wartości. Załóżmy, że darmowa wysyłka od zakupów powyżej 200 zł. I dopóki klient nie załaduje do koszyka na tą kwotę to darmowa wysyłka mu się nie pojawia – do tego momentu mamy elegancko. No ale jak już tą wartość przekroczy, to niestety oprócz darmowej wysyłki ma do wyboru pozostałe formy dostawy. Logiczne lub nie, bo być może darmowa dostawa trwa tydzień a płatna będzie jutro i klient woli jednak dołożyć te 15 zł, ale nie o to w tym temacie chodzi. Zakładamy, że darmowa wysyłka jest równie szybka co najszybsza płatna i w tym momencie pokazując klientowi pozostałe opcje wprowadzamy go w konsternację. Niepotrzebnie wydłużamy proces zakupowy i budujemy zbędne napięcie, które nie pomaga w osiągnięciu celu jakim jest wciśnięcie guzika “KUPUJĘ I PŁACĘ”. More

Dostępne warianty w widoku kategorii

,

Jedną z rzeczy, które mogą mocno zirytować klienta jest sytuacja, gdy wchodzi na stronę wybranego produktu, już ma zamiar go kupić a tu skucha – brak odpowiedniego rozmiaru lub koloru. Wkurzony, ze już się naklikał wychodzi ze sklepu – dokładnie jak w sklepie stacjonarnym. Dość ciekawym i prostym sposobem jaki kiedyś sobie umyśliłem i wdrożyłem jest pokazanie dostępnych wariantów już na stronie kategorii produktów. Takie rozwiązanie mamy w sklepie etraper.pl, gdzie zaraz za krótkim opisem produktu są umieszczone dostępne rozmiary. More

Do darmowej wysyłki brakuje Ci…

Dosłownie 6 linijek kodu jak ktoś się uprze to mogą być 3 linijki i być może uda się podnieść konwersję w sklepie. Warunek jest jeden musimy oferować klientom darmową wysyłkę powyżej określonej kwoty zakupów. Powiedzmy, że w naszym sklepie woocommerce będzie to kwota 300 zł.
Oczywiście informujemy o tym klienta na stronie głównej lub w topbar, ale miłym gestem jest również poinformowanie klienta na karcie zamówienia ile mu brakuje jeszcze do darmowej wysyłki. Czasami jest to tylko 5 zł dorzucone do koszyka a 20 zł zaoszczędzone na przesyłce. Czy nam się to opłaca? Zdecydowanie tak Budowanie zaufania klienta jest warte tych kilku złotych. More

Kolumna z produktami w widoku zamówień

,

Woocommerce w wersji powyżej 3.0 zmodyfikowano sposób wyświetlania zamówień. Zniknęła z ogólnego widoku kolumna pokazująca ilość zamówionych produktów, która dla większości osób obsługujących sklep była bardzo przydatną informacją. W dość prosty sposób możemy przywrócić ten stan rzeczy. Wykorzystamy do tego filtr ‘manage_edit-shop_order_columns’ oraz akcję ‘manage_shop_order_posts_custom_column’. More

Zoptymalizowane menu wordpressa – przerabiamy klasę Walker_Nav_Menu

Menu na stronie generowane przez wordpress posiada wiele elementów, które nie zawsze są nam do szczęścia potrzebne, choćby klasy w każdym elemencie. Ale to co jest piękne właśnie w tym cms to możliwość ingerowania w kod bez zmiany plików źródłowych.  Chciałbym się podzielić moją wiedzą na temat generowania czyściutkiego menu z kodem okrojonym do minimum. More

Jak zrobić własny status zamówienia w Woocommerce

Chociaż WooCommerce zawiera kilka różnych stanów zamówień, mogą one nie pasować do przepływu informacji w Twoim sklepie. Dzięki wbudowanym funkcjom WooCommerce możesz oznaczać zamówienia jednym z następujących statusów:

  • Zakończony
  • Przetwarzanie
  • Oczekuje na płatność
  • W oczekiwaniu
  • Zwrócono środki
  • Anulowany
  • Nie powiodło się

Jednak niektóre sklepy potrzebują więcej stanów zamówień, takich jak “Oczekiwanie na dostawę”, “Faktura do pobrania” lub inne, aby spełnić ich wymagania dotyczące zakończenia sprzedaży. Możesz łatwo dodać je samemu z niewielką ilością niestandardowego kodu.
More

1 2 3