4 kroki do automatyzacji WooCommerce: ChatGPT & Email Marketing & FSE

1. Wstęp do Full Site Editing oraz WooCommerce

Co to Full Site Editing

Full Site Editing to funkcjonalność WordPressa, która umożliwia tworzenie i edycję szablonów z poziomu WordPressa:

Nawigacja
Style
Strony
Szablony
Wzorce

Zalety i wady FSE

Zalety:

Spójność witryny,
Pełną edytowalność każdego szablonu,
Prosty w obsłudze i późniejszej edycji,
Mała ilość kodu CSS, którą bardzo łatwo zoptymalizować,
To po prostu przyszłość WordPressa.

Wady:

Obsługi menu i nawigacji,
Brak obsługi responsywności w 2024 roku ( dramat 🙁 ),
Próg wejścia dla początkujących jest wyższy niż dla Elementora/Kadence.

Kiedy warto spróbować Full Site Editing?

Małych, nieskomplikowanych stron internetowych
Firm, które specjalizują się w tworzeniu stron i sklepów w konkretnym stylu. Mogą one utworzyć dla siebie bazowy szablon, który z powodzeniem będą mogli wykorzystywać w wielu projektach
… jak chcesz zrobić szybko szkielet struktury strony internetowej.

Dla kogo Full Site Editing?

Docelowo Full Site Editing powinien być narzędziem dla wszystkich osób, które chcą tworzyć strony i sklepy internetowe bez ograniczeń.

Warto mieć do takich projektów:

Project Manager / Organizator,
Grafik / UX Designer,
Programista,
Wirtualna asystentka / Dział marketingu.

Jeżeli jesteś sam to warto umieć:

Podstawy WordPressa,
Świeżą głowę na naukę podstaw CSS

Omówienie planu warsztatu

Problem 1: Nudny szablon strony produktowej w WooCommerce
Rozwiązanie: Własny szablon strony produktowej

Problem 2: Małe możliwości starego edytora do produktów
Rozwiązanie: Uruchomienie edytora Gutenberg dla produktów

Problem 3: Import produktów (lub innego systemu CMS) z Prestashop do WooCommerce
Rozwiązanie: Wyczyszczenie kodu ze śmieci, poprawa semantyki przez Chat GPT i pogrupowanie treści w bloki do Gutenberga i późniejszy import przez CSV.

Problem 4: Brak opinii w sklepie WooCommerce
Rozwiązanie: Uruchomienie prostych automatyzacji do próśb o opinie po zrealizowaniu zamówienia

2. Stworzenie szablonu strony produktowej w Full Site Editing

Uruchomienie wtyczek

WooCommerce

Darmowy e-mail marketing i automatyzacja marketingu dla Twojego sklepu WooCommerce – ShopMagic

ShopMagic Porzucone Koszyki dla WooCommerce

Logo dla warsztatu

Import produktów z CSV do WooCommerce

Pobierz dane przykładowe

Tworzymy motyw potomny

Po to, by aktualizacje nie nadpisały naszych zmian

Pobierz motyw potomny

Włączenie Gutenberga dla produktów,

Opcja 1:

WooCommerce -> Ustawienia -> Zaawansowane -> Funkcje -> Wypróbuj nowy edytor produktu (Beta)

Opcja 2:

Do pliku functions.php dołączamy poniższy kod:

function warsztat5_activate_gutenberg_product( $can_edit, $post_type ) {
        if ( $post_type == 'product' ) {
            $can_edit = true;
        }
        return $can_edit;
    }

add_filter( 'use_block_editor_for_post_type', 'warsztat5_activate_gutenberg_product', 10, 2 );

Stworzenie szablonu dla stron produktowej

Utworzenie dodatkowych styli dla bloków Gutenberga

if( function_exists('register_block_style') ) {

        register_block_style(
            'core/list',
            array(
                'name' => 'checkmark',
                'label' => __('Chekmark list', 'warsztat5'),
                'is_default' => false
            )
        );

}

Stworzymy układ dla opisów stron produktowych (z użyciem np. zdjęć produktów i tabel)

3. ChatGPT & Excel i praktyka

Eksport produktów do CSV

Stworzenie promptów pod ChatGPT, Wyczyszczenie starych opisów ze zbędnych kodów

Mam opis produktu skopiowany z Prestashop i chcę wykorzystać go w sklepie WooCommerce.

Wyczyść mi kod ze wszystkich zbędnych atrybutów „style”, „id” etc. Chcę mieć czysty kod HTML5 który będę mógł wykorzystać dalej.