Wpbeginner https://www.wpbeginner.com/pl Beginner's Guide for WordPress Fri, 25 Oct 2024 10:02:08 +0000 pl-PL hourly 1 Jak osadzać formularze w WordPress (przewodnik dla początkujących) https://www.wpbeginner.com/pl/beginners-guide/how-to-embed-forms-in-wordpress/ https://www.wpbeginner.com/pl/beginners-guide/how-to-embed-forms-in-wordpress/#comments Fri, 25 Oct 2024 10:00:00 +0000 https://www.wpbeginner.com/pl/opinion/how-to-embed-forms-in-wordpress/ Formularze WordPress są niezbędne do nawiązywania kontaktu z odwiedzającymi i powiększania grona odbiorców. Niezależnie od tego, czy dodajesz formularz kontaktowy, ankietę czy formularz opinii, osadzenie go w witrynie to szybki i łatwy sposób na zbieranie informacji od odwiedzających. Używamy formularzy we wszystkich naszych projektach, od… Czytaj więcej »

The post Jak osadzać formularze w WordPress (przewodnik dla początkujących) first appeared on Wpbeginner.

]]>
Formularze WordPress są niezbędne do nawiązywania kontaktu z odwiedzającymi i powiększania grona odbiorców. Niezależnie od tego, czy dodajesz formularz kontaktowy, ankietę czy formularz opinii, osadzenie go w witrynie to szybki i łatwy sposób na zbieranie informacji od odwiedzających.

Używamy formularzy we wszystkich naszych projektach, od stron kontaktowych po subskrypcje biuletynów, a nawet formularze płatności. Po drodze nauczyliśmy się wszystkich kroków potrzebnych do osadzenia formularza WordPress i jesteśmy tutaj, aby przeprowadzić Cię przez cały proces od początku do końca.

W tym przewodniku pokażemy, jak osadzać formularze za pomocą najpopularniejszych kreatorów formularzy WordPress.

How to Embed Forms in WordPress

Co to jest formularz WordPress i dlaczego jest on importowany?

Formularz WordPress jest narzędziem do zbierania cennych informacji i spostrzeżeń w witrynie. Umożliwia on odwiedzającym wprowadzenie swoich danych, takich jak imię i nazwisko, adres e-mail i opinie.

Formularze mają wiele zastosowań. Możesz na przykład utworzyć formularz kontaktowy, aby umożliwić użytkownikom kontakt z Tobą i budowanie listy mailingowej, ankietę do zbierania opinii lub formularz rejestracyjny na wydarzenia.

Formularzy można również używać do rezerwacji spotkań lub zbierania darowizn. Niektóre firmy używają również formularzy do obsługi zgłoszeń klientów.

Bez formularzy możesz stracić szansę na nawiązanie kontaktu z odwiedzającymi. Tak więc dodanie formularzy do witryny WordPress jest mądrym posunięciem dla każdego właściciela witryny.

Jak osadzać formularze w WordPress

W poniższych sekcjach przeprowadzimy Cię przez każdy krok dodawania formularzy do Twojej witryny WordPress. Jeśli jesteś zainteresowany konkretnym typem formularza, możesz kliknąć link, aby przejść dalej w artykule:

Gotowy? Zaczynajmy.

1. Jak osadzić WPForms w witrynie WordPress

WPForms to najlepszy uniwersalny kreator formularzy na rynku. Jest również jednym z najpopularniejszych, z ponad 6 milionami aktywnych użytkowników.

Dzięki temu narzędziu możesz użyć dowolnego z ponad 2000 gotowych, konfigurowalnych szablonów, aby utworzyć dowolny formularz.

WPForms' homepage

Oprócz formularzy kontaktowych, WPForms może pomóc w łatwym tworzeniu prostych i bardziej zaawansowanych formularzy, takich jak:

Jeśli chodzi o osadzanie WPForms, można użyć bloku WPForms lub krótkiego kodu.

Zainstalujmy więc i aktywujmy WPForms i wypróbujmy to razem. Jeśli potrzebujesz pomocy, możesz zapoznać się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Następnie możesz skorzystać z naszego przewodnika krok po kroku, jak utworzyć formularz kontaktowy w WordPress.

Osadzanie formularzy WPForms przy użyciu bloku WPForms

Gdy formularz jest gotowy do publikacji, wystarczy kliknąć przycisk „Osadź” w kreatorze formularzy, aby dodać formularz do strony internetowej za pomocą bloku WPForms.

The Embed button in WPForms form builder

Spowoduje to otwarcie wyskakującego okna, w którym można wybrać istniejącą stronę lub utworzyć nową stronę dla formularza.

Jeśli klikniesz przycisk „Wybierz istniejącą stronę”, zobaczysz menu rozwijane ze wszystkimi dostępnymi stronami w Twojej witrynie. A jeśli klikniesz „Utwórz nową stronę”, zobaczysz pole „Nazwij swoją stronę” do wypełnienia.

Po wybraniu strony lub nazwaniu nowej strony można kliknąć przycisk „Zaczynamy!”.

Embed contact form WPForms

Nastąpi przekierowanie do edytora bloków strony.

Stąd można kliknąć przycisk „+” i wyszukać blok WPForms.

Adding WPForms block

Następnym krokiem jest otwarcie listy rozwijanej w bloku WPForms i wybranie formularza, który chcesz osadzić.

Po wybraniu formularza WPForms załaduje go w edytorze bloków.

Następnie warto pobawić się „Ustawieniami formularza” w panelu po prawej stronie.

Domyślnie WPForms nie ładuje tytułu formularza. Warto więc włączyć opcję „Tytuł formularza”, aby dodać tytuł formularza i zapewnić odwiedzającym więcej kontekstu. Jeśli napiszesz opis formularza, możesz również włączyć tę opcję.

Co więcej, możesz nadać swojemu formularzowi styl za pomocą motywu, aby dopasować go do ogólnego wyglądu i stylu witryny.

WPForms form settings in block editor

Gdy będziesz zadowolony z wyglądu formularza, możesz kliknąć „Zapisz”.

W ten sposób można osadzić WPForms za pomocą bloku WPForms.

WPForms embedded on a live website

Osadzanie formularzy WPForms za pomocą krótkiego kodu

Innym sposobem na osadzenie WPForms jest użycie krótkiego kodu.

Aby to zrobić, przejdź do WPForms ” Wszystkie formularze, aby znaleźć kolumnę „Krótki kod” dla każdego formularza.

The shortcode column in WPForms page

Stąd wystarczy skopiować krótki kod formularza, który chcesz osadzić. Na przykład skopiujemy krótki kod naszego formularza „Opinie klientów”.

Następnym krokiem jest otwarcie strony lub postu, w którym chcesz osadzić formularz. Aby to zrobić, przejdź do „Stron” lub „Postów”. Następnie najedź kursorem na jedną z nich i kliknij „Edytuj”, gdy się pojawi.

Spowoduje to przejście do edytora strony lub postu.

Aby osadzić formularz, kliknijmy przycisk „+” i wyszukajmy blok „Krótki kod”.

The shortcode block in block editor

Po dodaniu bloku można wkleić krótki kod formularza WPForms do pola tekstowego.

Oto jak to może wyglądać:

Adding WPForms shortcode

Edytor bloków nie załaduje formularza w obszarze edycji na żywo.

Tak więc, najpierw zapisz zmiany, a następnie kliknij przycisk „Wyświetl stronę”, gdy pojawi się on w lewym dolnym rogu.

WPForms embedded using shortcode on a live website

2. Jak osadzić formularze darowizn w WordPress

Dodanie formularza darowizny do witryny internetowej ułatwia ludziom obsługę Twojej sprawy. Odwiedzający są bardziej skłonni do przekazania darowizny, gdy widzą jasny i prosty sposób, aby to zrobić.

Najprostszym sposobem na osadzenie formularzy darowizn w WordPressie jest użycie wtyczki Charitable. To popularne narzędzie umożliwia tworzenie i dostosowywanie wielu kampanii fundraisingowych za pomocą ponad 100 gotowych szablonów.

Charitable's homepage

Zainstalujmy więc i aktywujmy Charitable, aby utworzyć formularz darowizny. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Po aktywacji przejdźmy do sekcji Charytatywnie ” Ustawienia, aby aktywować licencję Pro. Wystarczy wkleić klucz licencyjny i kliknąć „Zweryfikuj klucz”, aby rozpocząć proces.

Adding the WP Charitable license key

Po wykonaniu tych czynności możesz utworzyć formularz darowizny. Aby uzyskać szczegółowe instrukcje, możesz przeczytać nasz przewodnik na temat tworzenia cyklicznego formularza darowizny w WordPress.

Gdy będziesz zadowolony z wyglądu formularza, możesz osadzić go w poście lub na stronie WordPress.

W kreatorze kampanii po prostu zacznij od kliknięcia menu rozwijanego „Wersja robocza”, aby otworzyć jego opcje. Następnie kliknij „Opublikuj”, a Charitable automatycznie utworzy nową stronę dla Twojej kampanii.

Publishing a campaign in WP Charitable

I to wszystko – z powodzeniem stworzyłeś i opublikowałeś swoją pierwszą kampanię charytatywną!

Teraz, jeśli użytkownik odwiedzi Twoją witrynę, będzie mógł zobaczyć formularz darowizny w działaniu.

WP Charitable crowdfunding campaign on a live website

To powiedziawszy, możesz również zauważyć link „Kreator osadzania” w wyskakującym okienku lub przycisk „Osadź” w edytorze charytatywnym.

Możesz także użyć jednej z tych funkcji, aby dodać formularz darowizny do innych postów lub stron.

Aby to zrobić, wystarczy kliknąć link „Kreator osadzania” lub przycisk „Osadź”, co spowoduje wyświetlenie monitu o osadzenie.

Charitable's embed wizard

W wyświetlonym okienku będziesz musiał wybrać między wybraniem istniejącej strony lub utworzeniem nowej.

Ponieważ mamy już dedykowaną stronę formularza darowizny, dobrym pomysłem jest wybranie opcji „Wybierz istniejącą stronę”. Przejdź dalej i kliknij przycisk.

Select existing page for embedding Charitable campaign

Następnie pojawi się lista rozwijana z listą wszystkich stron w witrynie WordPress.

Możesz rozwinąć menu rozwijane, wybrać stronę i kliknąć przycisk „Przejdźmy dalej”.

The Let's Go button

Spowoduje to przekierowanie do edytora bloków strony.

W tym miejscu można kliknąć przycisk „+” i wyszukać blok „Kampania charytatywna”. Następnie wystarczy kliknąć wynik wyszukiwania, aby dodać go do edytora treści.

Charitable Campaign block

Następnie będziesz mógł wybrać formularz darowizny do osadzenia z listy rozwijanej bloku „Kampania charytatywna”.

Rozwiń menu rozwijane. Następnie kliknij kampanię, którą chcesz dodać.

Choosing a campaign

Nie martw się, jeśli nie widzisz podglądu w edytorze treści. Blok działa prawidłowo.

Kliknijmy więc przycisk „Zapisz”, „Aktualizuj” lub „Opublikuj”, aby go uruchomić.

I to wszystko! Możesz teraz odwiedzić stronę, aby zobaczyć formularz darowizny w działaniu:

Charitable donation form on a live website

3. Jak osadzić formularze HubSpot w WordPressie?

HubSpot to świetna platforma do rozwijania firmy, z narzędziami takimi jak platforma zarządzania relacjami z klientami (CRM), gdzie można zarządzać informacjami o klientach, kreator stron internetowych i wiele innych.

Dobrą wiadomością jest to, że mają również kreator formularzy, który świetnie współpracuje z WordPress. Gdy ktoś wypełni formularz, jego informacje trafiają bezpośrednio do CRM HubSpot, dzięki czemu można łatwo śledzić go za pomocą e-maili i wiadomości.

HubSpot można nawet połączyć z innymi narzędziami do tworzenia formularzy, w tym WPForms. Dzięki temu platforma jest naprawdę przydatna, ponieważ współpracuje z wieloma innymi narzędziami, z których możesz już korzystać.

W tym poradniku pokażemy, jak osadzić formularze HubSpot za pomocą wtyczki HubSpot Form Builder i dodatku HubSpot do WPForms.

Osadzanie formularzy HubSpot za pomocą wtyczki HubSpot

Aby osadzić HubSpot Forms za pomocą wtyczki, musisz najpierw zainstalować wtyczkę HubSpot. Jeśli potrzebujesz pomocy, możesz przeczytać nasz przewodnik na temat instalacji wtyczki WordPress.

Po aktywacji należy kliknąć menu „HubSpot” na kokpicie WordPress. W tym panelu zobaczysz kilka sposobów na połączenie swojej witryny z HubSpot:

  • Jeśli masz konto HubSpot, po prostu kliknij „Zaloguj się”.
  • Jeśli tego nie zrobisz, kontynuujesz korzystanie z konta Google, Microsoft lub Apple.
  • Jeśli chcesz, możesz użyć tego samego adresu e-mail, którego użyłeś do rejestracji swojej witryny.
Signing up for HubSpot in WordPress

Po zalogowaniu się lub utworzeniu konta HubSpot zostaniesz poproszony o połączenie go ze swoją witryną WordPress.

Wystarczy kliknąć przycisk „Połącz witrynę”, a HubSpot rozpocznie proces.

Connecting HubSpot with WordPress website

Po nawiązaniu połączenia możesz utworzyć formularz HubSpot za pomocą wtyczki HubSpot.

Przejdź do HubSpot ” Formularze. Następnie kliknij przycisk „Utwórz formularz”.

Creating HubSpot forms

W tym miejscu możesz wybrać typ formularza i szablon. Następnie zostaniesz przekierowany do nowej karty, w której możesz użyć kreatora formularzy, aby dostosować swój formularz HubSpot.

Szczegółowe instrukcje można znaleźć w pierwszej metodzie w naszym przewodniku na temat tworzenia formularza HubSpot w WordPress.

Gdy jesteś zadowolony z wyglądu formularza, następnym krokiem jest osadzenie go w witrynie. W tym celu należy oczywiście użyć przycisku „Osadź” w kreatorze formularzy.

Embed button in HubSpot's form builder

Metoda ta jest jednak nieco myląca.

Pozwala jedynie na udostępnienie linku do formularza i użycie fragmentu kodu HTML w poście lub na stronie WordPress.

Embed methods in HubSpot form builder

Zamiast tego możesz kliknąć przycisk „Powrót do WordPress” i osadzić swoje formularze z kokpitu HubSpot w obszarze administracyjnym.

Kliknij przycisk w lewym górnym rogu.

Back to WordPress button in HubSpot form builder

Następnie wystarczy najechać kursorem na formularz, który ma zostać osadzony.

Następnie wystarczy kliknąć przycisk „Embed”, gdy się pojawi.

HubSpot embed button in the WP admin area

Następnie pojawi się wyskakujące okienko, w którym HubSpot udostępnia kilka sposobów osadzenia formularza.

Tutaj możesz osadzić swój formularz HubSpot w poście lub na stronie za pomocą bloku HubSpot. A jeśli przełączysz się na inną kartę, znajdziesz krótki kod formularza.

W tym poradniku klikniemy przycisk „WordPress Post”.

HubSpot's Your Form Is Ready popup window

Spowoduje to otwarcie strony „Posty” w nowej karcie. Następnie otwórz post, w którym chcesz osadzić formularz, najeżdżając kursorem na post i klikając „Edytuj”, gdy się pojawi.

Następnie będziesz mógł dodać blok formularza HubSpot do strony za pomocą edytora treści.

Z tego miejsca możesz kliknąć przycisk „+” i użyć paska wyszukiwania, aby wyszukać blok formularza HubSpot. Kliknij go, gdy go zobaczysz.

Adding a HubSpot form block to a post

Spowoduje to dodanie bloku formularza HubSpot do obszaru treści.

Następnie kliknijmy menu rozwijane, aby otworzyć dostępne opcje. Następnie możemy wybrać formularz HubSpot, który chcemy osadzić.

HubSpot form embedded

I to wszystko! Możesz teraz kliknąć przycisk „Zapisz”, aby zapisać zmiany.

Oto jak to wygląda na naszej stronie demonstracyjnej:

HubSpot form on a live website

Osadzanie formularzy HubSpot za pomocą dodatku HubSpot do WPForms

Korzystanie z WPForms do tworzenia formularzy HubSpot to łatwiejszy, bardziej wydajny sposób zarządzania formularzami i kontaktami bez kłopotliwego żonglowania wieloma wtyczkami.

WPForms obsługuje zarówno tworzenie formularzy, jak i integrację z HubSpot w jednym miejscu. Upraszcza to proces, ponieważ zapewnia dostęp do kreatora i szablonów WPForms typu „przeciągnij i upuść”, jednocześnie automatycznie synchronizując dane formularza z HubSpot.

Uwaga: Aby korzystać z dodatku HubSpot w WPForms, potrzebny jest plan Elite. Oprócz dodatku HubSpot i wszystkiego w planie Pro, możesz korzystać z wtyczki dla nieograniczonej liczby witryn WordPress i odblokować obsługę premium. To sprawia, że jest to idealne rozwiązanie dla osób prowadzących agencję marketingową.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę WPForms. Zapoznaj się z naszym szczegółowym przewodnikiem na temat instalacji wtyczki WordPress.

Po aktywacji należy zweryfikować klucz licencyjny w WPForms ” Ustawienia.

Klucz licencyjny można znaleźć na koncie WPForms. Wystarczy kliknąć ikonę schowka, aby go skopiować. Następnie możesz wrócić do swojej karty WordPress i wypełnić pole „Klucz licencyjny”.

Kliknij przycisk „Zweryfikuj klucz”, aby aktywować swój plan.

Activating license key to WPForms

Teraz przejdźmy do WPForms ” Addons z kokpitu administratora, aby zainstalować HubSpot Addon.

Następnie przewiń w dół i znajdź dodatek HubSpot. Następnie kliknij przycisk „Zainstaluj dodatek”.

Installing the HubSpot Addon in WPForms

Po aktywacji dodatku należy przejść do panelu „Ustawienia” WPForms z kokpitu WordPress, a następnie przełączyć się na kartę „Integracja”.

Tutaj możesz połączyć swoje konto HubSpot CRM z WPForms. Wystarczy kliknąć „+ Dodaj nowe konto” i wprowadzić dane konta.

Adding HubSpott account to WPForms

Po zakończeniu nadszedł czas, aby utworzyć i osadzić formularz HubSpot z WPForms.

Najpierw musisz utworzyć formularz, przechodząc do WPForms ” Dodaj nowy. Na następnym ekranie należy nazwać formularz i wybrać jego szablon.

Następnie można dostosować szablon za pomocą kreatora formularzy.

Jeśli wszystko wygląda już dobrze, możesz przejść do panelu „Marketing”. Stąd otwórzmy opcję „HubSpot”, aby połączyć formularz z platformą.

Adding new HubSpot connection in WPForms

Wprowadź dane swojego konta HubSpot i postępuj zgodnie z instrukcjami konfiguracji.

Po zakończeniu można opublikować formularz za pomocą bloku WPForms lub krótkiego kodu formularza. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat tworzenia formularza HubSpot w Wordpress.

4. Jak osadzić Formularze Google w WordPressie

WPForms i inne kreatory formularzy WordPress są naprawdę łatwe w użyciu. Działają one bezpośrednio w witrynie WordPress i pozwalają na wiele rzeczy, takich jak tworzenie formularzy akceptujących płatności, tworzenie formularzy logowania, tworzenie niestandardowych formularzy rejestracji użytkowników i nie tylko.

Czasami jednak może zaistnieć potrzeba udostępnienia formularza na różnych stronach internetowych lub platformach.

W takich przypadkach Formularze Google mogą być bardzo przydatne. Są łatwe do udostępniania, świetnie działają na telefonach komórkowych i przechowują wszystkie odpowiedzi w jednym miejscu. Ponadto możesz dodać współpracowników, którzy pomogą Ci w udzielaniu odpowiedzi, a wszystko to przechowywane jest na Dysku Google.

Aby osadzić Formularz Google w WordPressie, możesz zacząć od utworzenia formularza na stronie Google Forms. Wystarczy kliknąć przycisk „Przejdź do formularzy”.

The Go to Forms button in Google Forms

Na następnym ekranie zobaczysz różne szablony formularzy. Kliknij jeden z nich, aby rozpocząć tworzenie.

Możesz także zacząć od zera, klikając „Pusty formularz”.

Google Forms' templates

Po wybraniu szablonu można rozpocząć dostosowywanie formularza. Oto kilka rzeczy, które mogą być potrzebne:

  • Utwórz tytuł formularza.
  • Podaj opis formularza.
  • Dostosuj pola do swoich celów.
Adding fields to Google Forms

Możesz także użyć narzędzi AI, aby wybrać najbardziej odpowiednie pola dla swoich pytań.

Gdy będziesz zadowolony z wyglądu formularza, kliknij przycisk „Wyślij”. Spowoduje to otwarcie wyskakującego okienka, w którym można uzyskać kod osadzenia formularza.

Copying Google Forms' embed code

Po skopiowaniu tego kodu możesz otworzyć stronę lub post w WordPress, w którym chcesz wyświetlić formularz.

W edytorze treści strony lub postu kliknijmy przycisk „+” i wyszukajmy blok „Niestandardowy HTML”. Kliknij go, aby dodać go do swojej strony.

Adding custom HTML block in WordPress

Następnie wystarczy wkleić kod osadzania Formularzy Google do niestandardowego bloku HTML.

Po zakończeniu nie zapomnij kliknąć przycisku „Aktualizuj” lub „Opublikuj”. Teraz, jeśli odwiedzisz swoją stronę internetową, powinieneś zobaczyć formularz Google w działaniu.

Google Form preview on a live WordPress site

Aby uzyskać bardziej szczegółowe instrukcje krok po kroku, możesz zapoznać się z naszym przewodnikiem na temat osadzania formularza Google w WordPress.

5. Jak osadzić formularze Zoho w WordPressie

Zoho Forms to świetne narzędzie, które pozwala łatwo tworzyć wszelkiego rodzaju formularze. Niezależnie od tego, czy potrzebujesz formularza kontaktowego, ankiety, formularza rejestracyjnego czy formularza zamówienia, Zoho Forms zapewni Ci wszystko.

Co więcej, osadzenie formularza Zoho w witrynie WordPress jest bardzo proste. Zanim jednak przejdziemy do tej części, najpierw utwórzmy formularz.

Aby rozpocząć, musisz utworzyć konto na stronie Zoho Forms. Wystarczy kliknąć „Zarejestruj się za darmo”.

Zoho Forms' homepage

Po utworzeniu konta możesz rozpocząć tworzenie formularza.

Najpierw należy kliknąć przycisk „Nowy formularz” w kreatorze formularzy.

The New Form button in Zoho Forms

Następnie zobaczysz, że Zoho Forms oferuje 3 sposoby tworzenia formularzy:

  • Tworzenie formularzy od podstaw przy użyciu standardowego lub kartowego typu formularza.
  • Korzystaj z gotowych szablonów formularzy.
  • Tworzenie formularzy CRM, które jest funkcją dostępną tylko po uaktualnieniu do planu Pro.
Three ways to create Zoho Forms

Na potrzeby tego przewodnika wybierzemy szablon „Website Feedback”.

Kliknijmy więc przycisk „Użyj tego szablonu”.

Zoho Forms' Use this template button

Gdy to zrobisz, wylądujesz w kreatorze formularzy Zoho Forms.

Panel po lewej stronie zawiera wszystkie opcje dostosowywania, a podgląd formularza znajduje się po prawej stronie. Możesz dodawać elementy do formularza, po prostu przeciągając je i upuszczając.

Dzięki Zoho Forms możesz także zmienić motyw formularza, aby pasował do motywu Twojej witryny.

Aby to zrobić, możesz przejść do karty „Motywy”. Następnie najedź kursorem na motyw, którego chcesz użyć i kliknij „Zastosuj”.

Applying Zoho Forms theme

Jeśli wszystko wygląda już dobrze, to można przejść do karty „Udostępnij”.

Na tej karcie możesz zobaczyć, że Zoho Forms ma wiele opcji osadzania formularzy.

Ponieważ osadzimy go w witrynie WordPress, przejdźmy do zakładki Embed ” Website Builders. Następnie kliknij przycisk „Przejdź do WordPress”.

The Go to WordPress button in Zoho Forms

Następnie zostaniesz przekierowany na stronę Zoho Forms w katalogu wtyczek WordPress.

Wszystko, co musisz zrobić, to zainstalować wtyczkę. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Po aktywacji możesz otworzyć post lub stronę, na której chcesz osadzić Zoho Forms. Następnie kliknij przycisk „+” i wybierz blok Zoho Forms.

Adding the Zoho Forms block to WP content editor

Po dodaniu bloku możesz kliknąć przycisk „Uzyskaj dostęp do Zoho Forms”.

Dostępny jest również link „Embed with permalink”, ale nie zalecamy tej metody, ponieważ nie jest ona tak przyjazna dla początkujących.

The Access Zoho Forms button in Zoho Forms block

Następnie zostaniesz poproszony o wybranie domeny, w której zarejestrowałeś swoje konto Zoho.

W tym przypadku wybierzemy"zoho.com” z menu rozwijanego i klikniemy „Połącz”.

Connecting Zoho account

Następnie możesz wybrać formularz, który chcesz osadzić.

Wystarczy kliknąć listę rozwijaną i wybrać jedną z dostępnych opcji. Następnie przewiń w dół i kliknij przycisk „Osadź”.

Embedding the Website Feedback form

Następnie edytor treści załaduje formularz Zoho.

Jeśli podoba Ci się to, co widzisz, kliknij przycisk „Zapisz”.

Saving the post with Zoho Forms

Teraz, jeśli odwiedzisz stronę, zobaczysz swój formularz Zoho w działaniu.

Oto jak to może wyglądać:

Zoho Forms on a live website

Na powyższym obrazku widać również, że motyw Zoho Forms ułatwia dopasowanie formularza do projektu witryny.

6. Jak osadzić formularze rejestracji e-mail w WordPress

OptinMonster, choć nie jest typowym kreatorem formularzy, jest świetnym narzędziem do tworzenia formularzy rejestracji użytkowników i budowania listy mailingowej.

W WPBeginner widzieliśmy doskonałe wyniki przy użyciu tego narzędzia do generowania leadów. Na przykład, dzięki OptinMonster zwiększyliśmy liczbę naszych subskrybentów e-mail o 600%.

Podczas konfigurowania formularzy rejestracji e-mail można korzystać z różnych typów kampanii, takich jak wyskakujące okienka typu slide-in i lightbox. Zanim więc porozmawiamy o osadzaniu formularza rejestracji e-mail OptinMonster, upewnijmy się, że formularz jest gotowy.

Najpierw musisz utworzyć konto OptinMonster na ich stronie internetowej, klikając przycisk „Pobierz OptinMonster teraz”.

OptinMonster's homepage

Spowoduje to przejście do strony z cenami.

Polecamy plan Pro, ponieważ jest popularny i zawiera funkcję „Exit Intent”. Możesz również skorzystać z naszego ekskluzywnego kodu kuponu WPBeginner OptinMonster, aby uzyskać 10% zniżki.

Aby sfinalizować zakup, wystarczy wprowadzić dane płatności i kontynuować płatność.

Mając to za sobą, zainstalujmy i aktywujmy wtyczkę OptinMonster WordPress. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.

Ta wtyczka połączy Twoją witrynę WordPress z OptinMonster. Po prostu przejdź do OptinMonster ” Ustawienia z panelu administracyjnego WordPress. Następnie kliknij „Połącz istniejące konto”.

Connect your existing account

Po nawiązaniu połączenia możesz utworzyć formularz rejestracji e-mail OptinMonster. Aby uzyskać szczegółowe instrukcje, możesz przeczytać nasz przewodnik na temat budowania listy mailingowej w WordPressie za pomocą OptinMonster.

Szczegółowe reguły wyświetlania OptinMonster pozwalają wyświetlać właściwą kampanię właściwej osobie we właściwym czasie, co pomaga zwiększyć współczynniki konwersji. Ustawienia te można znaleźć, przechodząc do sekcji Reguły wyświetlania w kreatorze kampanii.

The Display Rules tab in OptinMonster

Tutaj możesz kontrolować, kiedy i gdzie pojawiają się Twoje kampanie w oparciu o zachowanie klientów.

Można również dostosować kampanie dla różnych klientów, na przykład wyświetlając różne układy dla użytkowników urządzeń mobilnych i komputerów stacjonarnych.

Adding display rules to a marketing or advertising campaign

OptinMonster pozwala ustawić reguły oparte na określonych dniach lub lokalizacjach, dzięki czemu można prowadzić ukierunkowane kampanie, takie jak oferty na Czarny Piątek lub wyskakujące okienka o tematyce świątecznej dla różnych krajów.

Dodatkowo, technologia exit-intent OptinMonster pomaga odzyskać odwiedzających, którzy zamierzają opuścić witrynę. Funkcja ta śledzi zachowanie użytkowników i uruchamia ukierunkowaną wiadomość tuż przed ich opuszczeniem, umożliwiając pozyskanie większej liczby subskrybentów poczty e-mail i zwiększenie konwersji.

Exit intent display rules

Gdy wszystko jest już gotowe, nadszedł czas, aby osadzić formularz generowania leadów na swojej stronie internetowej.

Wystarczy kliknąć przycisk „Zapisz” w kreatorze, aby zainicjować proces.

OptinMonster's Save button

Po upewnieniu się, że zmiany zostały zapisane, można przejść do karty „Opublikuj”.

Następnie zmień status z „Wersja robocza” na „Opublikuj”. Zobaczysz wtedy, że karta „Publish” zmieniła się na „Published”, a ikona pauzy zmieniła się na znacznik wyboru.

Publishing OptinMonster popup

Możesz teraz zamknąć edytor kampanii i przejść do OptinMonster ” Kampanie.

Następnym krokiem jest zmiana statusu „Oczekujący” na „Opublikuj” dla wyskakującego okienka rejestracji e-mail. Wystarczy kliknąć łącze „Oczekujące”, aby otworzyć menu rozwijane i wybrać opcję „Opublikuj”.

Changing OptinMonster campaign's status

Proszę bardzo!

Teraz, jeśli odwiedzisz swoją witrynę, zobaczysz wyskakujące okienko rejestracji e-mail w działaniu.

OptinMonsters' email sign up on a live website

7. Jak osadzić formularze płatności w WordPress

Jeśli chcesz sprzedać tylko jeden produkt lub nie chcesz konfigurować pełnego koszyka na zakupy, korzystanie z kompleksowych wtyczek e-handlu, takich jak Easy Digital Downloads lub WooCommerce, może być przesadą. Stworzenie prostego formularza płatności jest często lepszym rozwiązaniem w przypadku akceptowania niestandardowych kwot lub sprzedaży kilku produktów.

To jest miejsce, w którym WP Simple Pay może pomóc.

WP Simple Pay

WP Simple Pay to najlepszy wybór do akceptowania płatności Stripe bez konieczności posiadania kompletnej wtyczki e-handlu.

Umożliwia również akceptowanie innych metod płatności, takich jak płatności kartą kredytową, Apple Pay, Google Pay i nie tylko. Jest to idealne rozwiązanie dla organizacji non-profit, małych firm i wolontariuszy, którzy potrzebują prostego rozwiązania do zbierania płatności.

Aby osadzić formularz płatności, musisz najpierw zainstalować wtyczkę WP Simple Pay. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji wystarczy postępować zgodnie z instrukcjami kreatora konfiguracji, aby połączyć się ze Stripe.

Connecting your WordPress website to Stripe

Po nawiązaniu połączenia możesz utworzyć formularz płatności za pomocą WP Simple Pay.

Aby uzyskać szczegółowe instrukcje, możesz postępować zgodnie z pierwszą metodą w naszym przewodniku na temat tworzenia formularza WordPress z opcjami płatności.

Gdy będziesz zadowolony z formularza płatności, kliknij przycisk „Opublikuj”. Następnie możesz skopiować krótki kod formularza, aby osadzić go w swoim poście lub na stronie.

WP Simple Pay's shortcode

W edytorze treści WordPress wystarczy kliknąć przycisk „+” i wybrać blok „Krótki kod”.

Następnie możesz wkleić krótki kod formularza do obszaru tekstowego.

Adding a shortcode block in Gutenberg

Należy pamiętać, że WP Simple Pay domyślnie tworzy formularz płatności w trybie testowym. Oznacza to, że nie można jeszcze akceptować płatności od odwiedzających.

Aby to poprawić, przejdźmy do WP Simple Pay ” Formularze płatności w kokpicie WordPress. Następnie możesz najechać kursorem na właśnie utworzony formularz i kliknąć „Edytuj”, gdy się pojawi.

Editing WP Simple Pay form

W tym panelu należy przejść do sekcji „Płatności”.

Na koniec możesz kliknąć przycisk opcji „Tryb na żywo”, a następnie „Aktualizuj”.

Setting WP Simple Pay form to live mode

W ten sposób można osadzić formularz WP Simple Pay i rozpocząć przyjmowanie płatności od odbiorców.

Oto jak to wygląda na naszej stronie demonstracyjnej:

Buy Me a Coffee WP Simple Pay button on a live website

8. Jak osadzić formularze Formidable w WordPress

Formidable Forms to świetne narzędzie do tworzenia zaawansowanych formularzy, takich jak kalkulator kredytu hipotecznego, płatności za samochód lub ubezpieczenia na życie. Oferuje ponad 225 szablonów formularzy, które można wykorzystać w witrynie WordPress.

Szczegółowe informacje na temat tworzenia formularzy za pomocą Formidable Forms można znaleźć w naszej pełnej recenzji Formidable Forms.

Formidable Forms bardzo ułatwia umieszczanie formularzy w dowolnym poście lub na stronie. Po zakończeniu tworzenia formularza możesz kliknąć przycisk „Osadź” w kreatorze formularzy.

Formidable Forms' Embed button

Spowoduje to otwarcie wyskakującego okna, w którym można wybrać miejsce dodania formularza. Dostępne są 3 opcje: „Wybierz istniejącą stronę”, „Utwórz nową stronę” i „Wstaw ręcznie”.

Jeśli wybierzesz opcję „Wstaw ręcznie”, będziesz musiał poradzić sobie z odrobiną kodu. Może to być nieco onieśmielające dla początkujących, więc nie zalecamy tego.

Na potrzeby tego poradnika wybierzemy opcję „Wybierz istniejącą stronę”.

Formidable Forms' Embed form options

Następnie pojawi się kolejne wyskakujące okienko.

W tym miejscu należy otworzyć menu rozwijane i wybrać stronę. Na przykład zdecydowaliśmy się osadzić formularz na stronie głównej naszej witryny demonstracyjnej.

Choosing a page to embed Formidable Forms

Po wybraniu strony, kliknij przycisk „Wstaw formularz”.

Spowoduje to otwarcie edytora bloków strony i powinieneś zobaczyć, że formularz jest już osadzony na stronie.

Formidable Forms embedded in the block editor

Teraz możesz zaktualizować stronę.

Przejdź dalej i naciśnij przycisk „Zapisz”.

Oto jak to wygląda na naszej stronie demonstracyjnej:

Formidable Forms on a live website

9. Jak osadzić Gravity Forms w WordPress

Gravity Forms to potężna wtyczka do tworzenia formularzy dla WordPress, ale tutaj jest haczyk – jest tylko premium.

Ten kreator formularzy ma szeroki zakres funkcji i opcji dostosowywania. Umożliwia tworzenie wielu rodzajów formularzy, takich jak ankiety, quizy, rejestracje i formularze zamówień.

Aby utworzyć formularz za pomocą Gravity Forms, należy zakupić wtyczkę na stronie Gravity Forms.

Gravity Forms homepage

Następnie możesz ją zainstalować i aktywować w swojej witrynie. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Po aktywacji należy przejść do Gravity Forms ” New Form w kokpicie WordPress i kliknąć „Add New”.

Creating a new form with Gravity Forms

Na następnym ekranie wybierzesz szablon formularza.

Nie musisz się spieszyć – możesz przejrzeć to wyskakujące okienko, aby znaleźć szablon, którego chcesz użyć. Po znalezieniu wystarczy najechać kursorem na szablon i kliknąć przycisk „Użyj szablonu”.

The Use Template button in Gravity Forms

Następnie zostaniesz poproszony o nazwanie formularza i napisanie jego krótkiego opisu.

Jako przykładu można użyć poniższego obrazu:

Form name and description examples

Śmiało i ponownie kliknij „Użyj szablonu”, aby rozpocząć tworzenie formularza.

Spowoduje to otwarcie kreatora przeciągnij i upuść Gravity Forms, w którym można dostosować formularz za pomocą pól po prawej stronie.

Gravity Forms' form builder

Gdy formularz będzie gotowy, możesz kliknąć przycisk „Zapisz formularz”, aby upewnić się, że wszystkie zmiany zostały zapisane.

Następnie kliknij przycisk „Osadź”.

Otworzy to 3 opcje osadzenia formularza Gravity Forms – na istniejącej stronie, nowej stronie lub metodą krótkiego kodu dla osób korzystających z klasycznego edytora.

Embedding Gravity Forms

W tym poradniku pokażemy, jak osadzić Gravity Forms na istniejącej stronie internetowej.

W tym miejscu wybierzmy przycisk opcji „Post”. Następnie możesz otworzyć menu rozwijane, aby wybrać opublikowany post w witrynie WordPress.

Embedding Gravity Forms into an existing post

Przejdź dalej i kliknij przycisk „Wstaw formularz”.

Następnie zostaniesz przekierowany do edytora treści strony, gdzie zostaniesz poproszony o dodanie bloku „Formularz”. Śmiało i kliknij go.

The Gravity Forms block to add to content editor

Gravity Forms doda utworzony formularz do postu.

Możesz również zauważyć, że domyślnie zawiera on „Tytuł formularza” i „Opis formularza”.

Gravity Forms includes title and descriptions by default

Jeśli uważasz, że wszystko jest ustawione, nadszedł czas, aby nacisnąć przycisk „Zapisz”.

I to wszystko – utworzyłeś i osadziłeś formularz Gravity Forms na swojej stronie internetowej.

Gravity Forms on a live website

10. Jak osadzić formularze Microsoft w WordPress

Niektóre osoby mogą chcieć używać Microsoft Forms do tworzenia formularzy, ponieważ jest to narzędzie, z którym są już zaznajomieni dzięki swojemu kontu Office 365. Jest ono również automatycznie zintegrowane z innymi produktami Microsoft, takimi jak Excel, co ułatwia gromadzenie danych i zarządzanie nimi.

Microsoft Forms oferuje wbudowane opcje tworzenia ankiet, quizów i sondaży. Formularze Microsoft 365 można następnie łatwo osadzić w witrynie WordPress, kopiując kod osadzania formularza i dodając go do witryny WordPress.

Najpierw utworzysz formularz za pomocą Microsoft Forms na swoim koncie Office 365.

Na stronie głównej Office 365 kliknijmy „Zaloguj się”, aby rozpocząć.

Signing in to Ms 365

Po zalogowaniu można kliknąć ikonę menu w lewym górnym rogu strony.

Następnie znajdź „Formularze” i kliknij na nie.

Ms Forms

Spowoduje to otwarcie galerii szablonów w nowej karcie. Następnie możesz wybrać formularze, które chcesz utworzyć.

Microsoft Forms ma 4 formularze do wyboru – ankietę, quiz, zaproszenie i rejestrację. Na potrzeby tego poradnika wybierzemy opcję „Zaproszenie”. Kliknijmy na nią.

Choosing form type

Edytor Microsoft Forms otworzy się w nowej karcie. W tym miejscu pierwszą rzeczą do zrobienia jest wybranie szablonu.

Opcje szablonów można przeglądać w panelu po lewej stronie. Ponieważ tworzymy formularz zaproszenia, mamy 7 gotowych szablonów do różnych celów.

W tym poradniku użyjemy szablonu zaproszenia ślubnego. Oto jak wygląda domyślny szablon w edytorze:

Wedding invitation form

Jeśli przewiniesz w dół panel po prawej stronie, znajdziesz domyślne pola oferowane przez ten szablon.

Ten szablon ma 4 wstępnie ustawione pola na imiona i nazwiska użytkowników, liczbę gości, alergie pokarmowe i adresy e-mail.

Załóżmy, że chcesz dodać więcej pytań. W takim przypadku możesz kliknąć przycisk „+ Wstaw nowe pytanie” i wybrać typ pytania, taki jak „Data”, „Ocena”, „Tekst” lub inne.

Jeśli chcesz edytować istniejące, po prostu kliknij na jedną z nich, a pojawią się opcje dostosowywania.

Editing a field

Aby zmienić wygląd i sposób działania, można kliknąć ikonę palety.

Z tego miejsca można zmienić układ formularza i obraz tła.

Styling wedding invitation form

Następnie można przejść do karty ustawień, klikając ikonę koła zębatego.

Microsoft Forms skonfigurował już kilka podstawowych ustawień.

Warto jednak włączyć opcję „Data zakończenia”, aby pomóc w strategicznym planowaniu dnia ślubu w oparciu o odpowiedzi i „Otrzymuj powiadomienia e-mail o każdej odpowiedzi”, aby mieć kopię zapasową danych, aby zapobiec utracie odpowiedzi.

Jeśli chcesz, możesz także edytować wstępnie ustawioną wiadomość potwierdzającą.

Configuring wedding invitation form

Gdy formularz jest gotowy, czas go uruchomić.

W kreatorze formularzy kliknijmy przycisk „Zbierz odpowiedzi”.

Collect responses button

W wyświetlonym oknie podręcznym możesz kliknąć ikonę „</>” lub ikonę osadzania.

Powinieneś teraz zobaczyć krótki kod, który dodajesz do swojej witryny. Kliknij „Kopiuj”.

Copying MS Forms shortcode

Teraz możesz wkleić ten kod do postu lub strony za pomocą bloku „Niestandardowy HTML”.

W edytorze treści WordPress wystarczy kliknąć przycisk „+”, aby dodać blok. Następnie możesz użyć paska wyszukiwania, aby wyszukać blok „Custom HTML”.

Kliknij go, aby dodać blok do edytora treści.

Adding custom HTML block

Następnie wklejamy krótki kod Microsoft Forms do obszaru tekstowego.

Nie martw się, jeśli nie widzisz podglądu w edytorze; krótki kod działa poprawnie.

Embedding Ms Forms shortcode

Teraz możesz nacisnąć przycisk „Opublikuj” lub „Aktualizuj”, aby nadać mu nowy wygląd.

Oto jak to wygląda na naszej stronie demonstracyjnej:

Microsoft Forms on a live website

11. Jak osadzać formularze HTML w WordPress

Formularze HTML są zwykle kodowane ręcznie, więc nie masz edytora typu „przeciągnij i upuść” do edycji formularza.

Na szczęście istnieją wtyczki formularzy, które sprawiają, że konfigurowanie formularzy HTML jest bardziej niezawodne. Jedną z najlepszych opcji jest wtyczka HTML Forms. Wtyczka ta doskonale nadaje się do konfigurowania prostych formularzy kontaktowych, które pomagają zbierać informacje od odwiedzających.

The form code editor in HTML Forms

Najlepszą rzeczą jest to, że nie musisz wiedzieć, jak kodować, aby korzystać z formularzy HTML.

Dodanie nowego pola jest łatwe. Wystarczy wybrać jedną z dostępnych opcji, a HTML Forms poprosi o dostosowanie danych pola.

Adding a dropdown field in HTML Forms

Po kliknięciu przycisku „Dodaj pole do formularza”, HTML Forms przekonwertuje dane na fragment kodu HTML i umieści go w obszarze „Kod formularza”.

I to już wszystko! Nie zapomnij kliknąć przycisku „Zapisz zmiany”, aby zapisać swoje postępy.

Teraz nadszedł czas na opublikowanie formularza.

Formularze HTML umożliwiają łatwe osadzenie formularza w dowolnym poście, stronie lub obszarze widżetów. Aby to zrobić, potrzebny będzie krótki kod formularza. Krótki kod formularza można znaleźć w górnej części panelu „Edytuj formularz”.

HTML Forms' shortcode

Skopiujmy ten krótki kod do schowka.

Następnie możesz otworzyć stronę lub post, na którym chcesz wyświetlić formularz HTML. W tym poradniku dodamy formularz do naszej strony „Kontakt”.

Gdy znajdziesz się w edytorze bloków, po prostu kliknij przycisk „+”, a następnie wyszukaj „Niestandardowy HTML”. Kliknij go, aby dodać go do swojej strony.

The custom HTML block

Następnie możesz wkleić krótki kod do bloku „Niestandardowy HTML”.

Edytor bloków WordPress nie wyświetli formularza. Ale nie martw się. Pojawi się on na stronie po jej zapisaniu.

Adding HTML Forms shortcode

Naciśnijmy więc przycisk „Zapisz”, aby zobaczyć to w działaniu.

Oto jak może to wyglądać na Twojej stronie internetowej:

HTML Forms on a live website

Szczegółowe instrukcje można znaleźć w naszym przewodniku na temat dodawania formularzy HTML do WordPressa.

Często zadawane pytania dotyczące osadzania formularzy WordPress

Masz pytania dotyczące osadzania formularzy w WordPress? Oto kilka szybkich odpowiedzi, które pomogą Ci zacząć.

Czy można osadzać formularze w WordPress?

Tak. Możesz łatwo osadzać formularze w WordPressie za pomocą różnych wtyczek, w tym WPForms, który jest najlepszym wielofunkcyjnym narzędziem do tworzenia formularzy.

Jak zainstalować formularz w WordPress?

Najpierw należy przejść do sekcji Wtyczki Dodaj nową w panelu administracyjnym WordPress. Następnym krokiem jest znalezienie wybranej wtyczki formularza, a następnie zainstalowanie jej i aktywowanie. Gdy to zrobisz, użyjesz wtyczki do utworzenia formularza i osadzenia go na swojej stronie za pomocą krótkiego kodu lub bloku.

Jak skonfigurować WPForms w WordPress?

Aby skonfigurować WPForms, należy najpierw zainstalować i aktywować wtyczkę WPForms. Następnie możesz utworzyć nowy formularz za pomocą kreatora przeciągnij i upuść i osadzić formularz na swojej stronie internetowej za pomocą krótkiego kodu lub bloku wtyczki.

Jak utworzyć formularz w WordPress bez wtyczki?

Tworzenie formularza w WordPress bez wtyczki wymaga niestandardowego HTML i PHP. Możesz ręcznie dodać HTML formularza do swojej strony i obsługiwać zgłoszenia za pomocą niestandardowego PHP w pliku functions.php motywu. Ponieważ nie jest to przyjazne dla początkujących, zalecamy skorzystanie z kreatora formularzy.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak osadzać formularze w WordPress. Następnie warto zapoznać się z naszymi innymi przewodnikami na temat tego, jak skonfigurować śledzenie formularzy WordPress w Google Analytics oraz jak śledzić i ograniczać porzucanie formularzy.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post Jak osadzać formularze w WordPress (przewodnik dla początkujących) first appeared on Wpbeginner.

]]>
https://www.wpbeginner.com/pl/beginners-guide/how-to-embed-forms-in-wordpress/feed/ 1
11 najlepszych rozwiązań e-handlu, które zyskają na popularności w 2024 roku https://www.wpbeginner.com/pl/showcase/best-ecommerce-solutions-growing-in-popularity/ https://www.wpbeginner.com/pl/showcase/best-ecommerce-solutions-growing-in-popularity/#comments Thu, 24 Oct 2024 10:00:00 +0000 https://www.wpbeginner.com/pl/opinion/best-ecommerce-solutions-growing-in-popularity/ W ciągu ostatnich kilku lat wypróbowaliśmy kilka różnych rozwiązań e-handlu dla naszych projektów online. Chociaż lubimy używać Easy Digital Downloads do sprzedaży naszych wtyczek i innego oprogramowania, wiemy również, że istnieje wiele innych opcji dla sklepów internetowych. Właśnie dlatego przeprowadziliśmy badania i sprawdziliśmy wszystkie popularne… Czytaj więcej »

The post 11 najlepszych rozwiązań e-handlu, które zyskają na popularności w 2024 roku first appeared on Wpbeginner.

]]>
W ciągu ostatnich kilku lat wypróbowaliśmy kilka różnych rozwiązań e-handlu dla naszych projektów online. Chociaż lubimy używać Easy Digital Downloads do sprzedaży naszych wtyczek i innego oprogramowania, wiemy również, że istnieje wiele innych opcji dla sklepów internetowych.

Właśnie dlatego przeprowadziliśmy badania i sprawdziliśmy wszystkie popularne rozwiązania e-handlu, począwszy od sprzedaży pojedynczego produktu online, a skończywszy na pełnowymiarowych sklepach internetowych i witrynach członkowskich.

Podczas naszego procesu testowania zwróciliśmy szczególną uwagę na to, jak łatwa w użyciu jest każda platforma, a także jakie funkcje oferuje dla różnych rodzajów sklepów internetowych.

W tym artykule podzielimy się niektórymi z najlepszych i najpopularniejszych rozwiązań e-handlu, które zbadaliśmy.

Best eCommerce Solutions

Top 3 platformy e-handlu w 2024 roku

Pierwsze miejsce

WooCommerce

WooCommerce logo

Cena: Darmowa wtyczka z darmowymi/płatnymi rozszerzeniami

Najlepsze dla: Sprzedaż produktów fizycznych i cyfrowych

Wysoce skalowalny i konfigurowalny, bezpłatny w konfiguracji

Czytaj więcej „

Drugiemiejsce

EDD

EDD logo

Cena: Plany bezpłatne i płatne (od 99,50 USD/rok)

Najlepsze dla: Sprzedaż cyfrowych plików do pobrania

Łatwa konfiguracja, sprzedaż nieograniczonej liczby produktów

Czytaj więcej „

Trzeciemiejsce

MemberPress

MemberPress logo

Cena: Płatne plany (od 179,50 USD/rok)

Najlepsze dla: Płatne członkostwa i kursy online

Zaawansowane funkcje członkostwa, tworzenie kursów

Czytaj więcej „

Jak testowaliśmy i ocenialiśmy najlepsze rozwiązania e-handlu

Chociaż w tym artykule omówimy najlepsze rozwiązania e-handlu, wiemy, że należy wziąć pod uwagę coś więcej niż tylko to, ile sklepów korzysta z danej platformy.

Chcemy przedstawić kilka popularnych platform e-handlu, które doskonale równoważą łatwość obsługi i przystępną cenę dla potrzeb biznesowych.

Oto jak podeszliśmy do testowania i recenzowania tych platform:

  • Stosunek jakości do ceny: Budżet jest dużym zmartwieniem dla firm, zwłaszcza małych startupów. Przyjrzeliśmy się strukturze cenowej każdej platformy, w tym funkcjom zawartym w planie początkowym, odblokowywanym aktualizacjom i wszelkim dodatkowym opłatom, które mogą się sumować.
  • Łatwość obsługi: Wielu właścicieli sklepów internetowych to samodzielni przedsiębiorcy, którzy mogą być nowicjuszami w technicznej stronie rzeczy. Dlatego priorytetowo potraktowaliśmy platformy, które ułatwiają rejestrację, tworzenie sklepu internetowego, publikowanie go i zarządzanie codziennymi operacjami.
  • Doświadczenie w świecie rzeczywistym: Niektóre z platform, które omówimy, są tymi, których używamy tutaj w WPBeginner. Oznacza to, że możemy je śmiało polecić na podstawie własnego doświadczenia. W przypadku innych zainwestowaliśmy nasz czas i zasoby, aby je przetestować.
  • Opinie klientów: Nie wierzymy platformom na słowo. Zagłębiamy się w recenzje użytkowników, aby zobaczyć, czego doświadczają faktyczni klienci. Następnie porównujemy te recenzje z naszymi własnymi wynikami testów, aby upewnić się, że platforma spełnia swoje obietnice.
  • Popularność na rynku: Chociaż nie polegamy wyłącznie na popularności, ma ona pewne znaczenie. Skorzystaliśmy z BuiltWith, narzędzia do śledzenia technologii stron internetowych. Pomogło nam to zorientować się w obecnym udziale każdej platformy w rynku, analizując liczbę aktywnych stron internetowych na niej zbudowanych.

Dlaczego warto zaufać WPBeginner?

W WPBeginner jesteśmy zespołem pełnych pasji ekspertów WordPress z ponad 16-letnim doświadczeniem. Doświadczenie to wykracza daleko poza samego WordPressa. Jesteśmy dobrze zorientowani w świecie e-handlu, marketingu cyfrowego i wszystkiego, co dotyczy biznesu online.

Chcesz dowiedzieć się więcej o naszym procesie testowania i praktykach redakcyjnych? Przeczytaj nasz proces redakcyjny, aby dowiedzieć się więcej.

1. WooCommerce (najlepsze ogólne rozwiązanie e-handlu)

WooCommerce

Przez lata eksperymentowaliśmy z wieloma samodzielnie hostowanymi rozwiązaniami e-handlu, ale WooCommerce pozostaje naszym ulubionym rozwiązaniem do sprzedaży produktów fizycznych za pośrednictwem witryny WordPress.

Istnieje kilka powodów, dla których WooCommerce jest doskonałym rozwiązaniem dla małych firm. Przede wszystkim jest całkowicie darmowy w konfiguracji i użytkowaniu. Poręczny kreator konfiguracji prowadzi użytkownika przez cały proces, ułatwiając szybkie uruchomienie sklepu WooCommerce.

Managing your store inventory using WooCommerce

Ale to, co naprawdę wyróżnia WooCommerce, to jego niesamowita rozszerzalność. W przeciwieństwie do hostowanych platform e-handlu, które zawierają wszystko w pakiecie, WooCommerce pozwala wybrać funkcje, których potrzebujesz.

Jednak szeroki wybór wtyczek może być również mieczem obosiecznym. Znalezienie odpowiednich wtyczek do osiągnięcia pożądanej funkcjonalności może być czasochłonne.

Dowiedz się więcej o tej wtyczce e-handlu w naszej recenzji WooCommerce.

Statystyki użytkowania witryny na żywo: 6 milionów+

Zalety WooCommerce:

  • Bezpłatna konfiguracja i użytkowanie
  • Wysoka skalowalność z mnóstwem dostępnych rozszerzeń WooCommerce
  • Przykładowe produkty i wstępnie zainstalowane motywy ułatwiające eksplorację
  • Wbudowana analityka do śledzenia wydajności sklepu

Wady WooCommerce:

  • Sama liczba rozszerzeń może wydawać się przytłaczająca dla zupełnie początkujących.

Ceny: WooCommerce sam w sobie jest darmową wtyczką. W zależności od funkcji, płatne motywy i rozszerzenia wahają się od 1 dolara do setek dolarów. Usługi hostingowe WooCommerce zazwyczaj zaczynają się od około 4 USD miesięcznie.

Polecamy SiteGround, od 3,99 USD miesięcznie i Bluehost, od 9,95 USD miesięcznie.

Dlaczego wybraliśmy WooCommerce: WooCommerce to najlepsze rozwiązanie e-handlu ze względu na przystępną cenę, łatwość obsługi i niezrównaną skalowalność.

2. Easy Digital Downloads (najlepsze do pobierania plików cyfrowych)

Easy Digital Downloads Website

Easy Digital Downloads (EDD) to najlepsze rozwiązanie e-handlu do sprzedaży produktów cyfrowych, takich jak ebooki, pliki PDF, oprogramowanie, pliki audio i inne. W rzeczywistości jest to ta sama platforma, której używamy w naszych firmach do sprzedaży naszych wtyczek WordPress i zarządzania zamówieniami klientów.

Dowiedz się więcej o EDD w naszej recenzji Easy Digital Downloads.

Podobnie jak WooCommerce, EDD oferuje łatwy w użyciu kreator konfiguracji, który usprawnia proces uruchamiania sklepu internetowego. Możesz szybko skonfigurować dane swojej firmy, bramki płatności, paragony i listy produktów – wszystko w przyjaznym dla użytkownika interfejsie.

EDD's built-in digital download logs

EDD jest dostępny zarówno w wersji darmowej, jak i płatnej. Darmowy plan jest świetny, jeśli dopiero zaczynasz z kilkoma produktami. Zawiera wszystkie niezbędne elementy, takie jak koszyk na zakupy, wbudowaną integrację z popularnymi bramkami płatności, takimi jak PayPal i Stripe, historię zamówień i fakturowanie klientów.

Darmowa wersja nie posiada jednak takich funkcji jak płatności cykliczne, generatory kodów rabatowych i licencjonowanie oprogramowania. Funkcje te mogą być kluczowe dla firm oferujących modele subskrypcji lub oprogramowanie do pobrania.

Statystyki użytkowania witryny na żywo: 50,000+

Zalety Easy Digital Downloads:

  • Łatwa konfiguracja z przyjaznym dla użytkownika interfejsem
  • Sprzedawaj nieograniczoną liczbę produktów bez opłat transakcyjnych
  • Klienci mogą wypróbować produkty wramach bezpłatnej wersji próbnej.
  • Aplikacja mobilna do zarządzania sklepem w podróży

Wady Easy Digital Downloads:

  • Jest ona ograniczona tylko do sprzedaży produktów cyfrowych. Jeśli w przyszłości planujesz rozszerzyć działalność o produkty fizyczne, musisz rozważyć inną platformę e-handlu lub przejść na płatne plany EDD.

Ceny: Dostępna jest wersja bezpłatna. Płatne plany zaczynają się od 99,50 USD rocznie i sięgają 499,50 USD rocznie. Początkowy płatny plan umożliwia korzystanie z 1 witryny internetowej, integruje się z narzędziami do marketingu e-mailowego i oferuje funkcje raportowania, niestandardowe kody rabatowe oraz obsługę dodatkowych bramek płatniczych.

Zalecamy korzystanie z zarządzanego hostingu EDD SiteGround, który zaczyna się od 3,99 USD miesięcznie.

Dlaczego wybraliśmy Easy Digital Downloads: Darmowa wersja EDD oferuje fantastyczny punkt wyjścia dla początkujących, podczas gdy płatne plany zapewniają zaawansowane funkcje dla rozwijających się firm.

3. MemberPress (najlepszy dla płatnych członkostw)

MemberPress website

MemberPress to idealne rozwiązanie e-handlu, jeśli prowadzisz model biznesowy oparty na członkostwie. Obejmuje to kursy online, usługi coachingowe lub witryny edukacyjne, w których oferujesz treści premium w zamian za opłatę członkowską.

Sami korzystamy z MemberPress, aby zasilić darmową witrynę członkowską wideo WPBeginner, która pomaga nam rozwijać naszą listę mailingową.

Chociaż nasza witryna członkowska jest bezpłatna, MemberPress jest wysoce zdolny do budowania monetyzowanych witryn członkowskich. Zapewnia szereg funkcji do obsługi firmy, w tym treści pay-per-view, ulepszenia poziomu członkostwa, kupony rabatowe i wiele innych.

Restricting content based on membership level

Jedną rzeczą do rozważenia jest to, że MemberPress oferuje ograniczone bramki płatności, integrując się tylko z Stripe, PayPal i Authorize.Net. Może to być wadą, jeśli Twoja firma wymaga szerszego zakresu opcji przetwarzania płatności.

Przeczytaj więcej o wtyczce członkowskiej w naszej recenzji MemberPress.

Statystyki użytkowania witryny na żywo: 24,575+

Zalety MemberPress:

  • Nieograniczone członkostwo, członkowie, zasady dostępu i ograniczona zawartość
  • Łatwy w użyciu kokpit członkowski dla klientów
  • Obszerna biblioteka dodatków umożliwiających dostosowanie witryny członkowskiej do własnych potrzeb.
  • Brak opłat transakcyjnych oprócz opłat wybranej bramki płatniczej

Wady MemberPress:

  • Ograniczone opcje bramek płatności

Ceny: Zaczyna się od 179,50 USD rocznie i wzrasta do 499,50 USD rocznie. Podstawowy plan pozwala na korzystanie z 1 strony internetowej z nieograniczoną liczbą członków i kursów.

Zachęcamy również do skorzystania z naszego kodu kuponu MemberPress, aby zaoszczędzić do 50% na pierwszym zakupie.

Dlaczego wybraliśmy MemberPress: Łatwość obsługi MemberPress, potężne możliwości tworzenia kursów i skupienie się na funkcjach witryny członkowskiej sprawiają, że jest to świetna opcja dla firm, które chcą oferować ekskluzywne treści i subskrypcje.

4. WP Simple Pay (najlepszy do sprzedaży pojedynczych produktów/usług)

WP Simple Pay

Jeśli chcesz sprzedawać pojedynczy produkt lub usługę za pośrednictwem swojej strony internetowej, to pełne oprogramowanie e-handlu ze wszystkimi jego funkcjami może być przesadą. W rzeczywistości złożona platforma może spowolnić działanie witryny i zepsuć wrażenia klientów.

W takich sytuacjach świetną alternatywą jest wtyczka do przetwarzania płatności, taka jak WP Simple Pay. WP Simple Pay płynnie integruje się ze Stripe, umożliwiając tworzenie bezpiecznych formularzy płatności bezpośrednio w witrynie WordPress bez konieczności posiadania oddzielnego koszyka na zakupy.

Pomimo skupienia się na prostocie, WP Simple Pay oferuje kilka potężnych funkcji. Pisaliśmy obszernie o możliwościach wtyczki, takich jak płatność jednym kliknięciem (idealna do zakupów pod wpływem impulsu), a nawet plany płatności „kup teraz, zapłać później”, aby przyciągnąć szerszą publiczność.

Dowiedz się więcej o wtyczce w naszej recenzji WP Simple Pay.

Należy jednak pamiętać, że WP Simple Pay nie jest idealnym rozwiązaniem dla firm, które planują rozwijać duży katalog produktów. Zarządzanie zamówieniami może szybko stać się męczące, jeśli będziesz polegać tylko na tej wtyczce.

Statystyki użytkowania witryny na żywo: 14,000+

Zalety WP Simple Pay:

  • Akceptuje różne metody płatności za pośrednictwem Stripe, w tym karty kredytowe, Apple Pay, Google Pay, kody QR i Alipay.
  • Możliwość przeniesienia opłat za przetwarzanie płatności na klientów, zwiększając rentowność firmy
  • Kreator formularzy typu „przeciągnij i upuść” z opcjami dostosowywania formularzy płatności
  • Bezpieczne płatności z wbudowaną zgodnością z PCI (bez konieczności dodatkowej konfiguracji)

Wady WP Simple Pay:

  • Nie nadaje się do zarządzania dużymi sklepami internetowymi z ogromnymi zapasami produktów.

Ceny: Dostępny jest bezpłatny plan. Płatne plany zaczynają się od 49,50 USD rocznie i sięgają 299,50 USD rocznie. Wszystkie plany obejmują nieograniczoną liczbę formularzy płatności, nieograniczoną liczbę transakcji i brak miesięcznych opłat oprócz opłat manipulacyjnych Stripe.

Możesz również skorzystać z naszego kodu kuponu WP Simple Pay, aby uzyskać 50% zniżki.

Dlaczego wybraliśmy WP Simple Pay: Zapewnia przyjazny dla użytkownika i bezpieczny sposób akceptowania płatności bez złożoności pełnej platformy e-handlu, dzięki czemu doskonale nadaje się do małych sklepów internetowych.

5. Shopify (kompleksowa hostowana platforma e-handlu)

Shopify's website

Shopify jest najpopularniejszym narzędziem do tworzenia witryn e-handlu opartym na chmurze i nie bez powodu. Z naszych testów wynika, że jest to przyjazne dla użytkownika, kompleksowe rozwiązanie, które usprawnia proces uruchamiania i zarządzania sklepem e-handel.

Po pierwsze, Shopify eliminuje kłopoty związane ze znalezieniem oddzielnych dostawców hostingu i nazw domen. Zapewnia wszystko, czego potrzebujesz, aby uruchomić swój sklep, w tym wbudowany hosting.

Byliśmy również pod wrażeniem faktu, że oferuje on odzyskiwanie porzuconych koszyków we wszystkich planach, co jest cennym narzędziem, którego często brakuje w planach startowych innych platform.

Jedną rzeczą, której nie lubimy, jest to, że opłaty transakcyjne obowiązują we wszystkich planach dla zewnętrznych dostawców płatności oprócz Shopify Payments (który nie jest dostępny we wszystkich krajach). Wynoszą one od 0,2% do 2% za transakcję, przy czym niższe opłaty są powiązane z planami wyższego poziomu.

Statystyki użytkowania witryny na żywo: 5,300,000+

Zalety Shopify:

  • Prosta konfiguracja z kreatorem witryn e-handlu typu „przeciągnij i upuść”, obszerną kolekcją motywów i łatwym w użyciu zapleczem.
  • Duży sklep z aplikacjami zawierający ponad 8000 aplikacji innych firm
  • Obsługa klienta przez czat na żywo 24/7 zapewnia pomoc zawsze, gdy jej potrzebujesz.
  • Zlokalizowane funkcje sprzedaży umożliwiają dostosowanie cen produktów do rynku i przetłumaczenie witryny sklepu na różne języki.

Wady Shopify:

  • Opłaty transakcyjne mogą szybko się sumować, zwłaszcza jeśli nie korzystasz z Shopify Payments lub przekroczysz limit bezpłatnych wpisów w celu wyświetlania produktów na zewnętrznych platformach handlowych

Ceny: Plany wahają się od 19 USD miesięcznie dla podstawowych sklepów do 2300 USD miesięcznie dla rozwiązań na poziomie przedsiębiorstwa. Dostępny jest również plan startowy o wartości 5 USD dla prostych sklepów internetowych lub sprzedaży na platformach mediów społecznościowych.

Shopify oferuje bezpłatny 3-dniowy okres próbny i 1 USD za resztę pierwszego miesiąca.

Dlaczego wybraliśmy Shopify: Shopify to fantastyczna opcja dla początkujących i rozwijających się firm e-handlu ze względu na łatwość obsługi, wszechstronne funkcje i kompleksowe podejście.

6. WPForms (najlepszy dla firm usługowych/usługowych)

WPForms homepage

WPForms to potężna wtyczka do tworzenia formularzy dla WordPress i najlepsza opcja do tworzenia formularzy e-handlu dla Twojej witryny. Umożliwia ona zarządzanie wieloma częściami sklepu internetowego, w tym zbieranie zapytań o usługi i przyjmowanie płatności za te usługi.

W WPBeginner używamy WPForms do tworzenia wszelkiego rodzaju formularzy dla naszych projektów, w tym formularzy kontaktowych i formularzy ankiet. Aby dowiedzieć się więcej, zobacz naszą pełną recenzję WPForms.

To, co sprawia, że WPForms jest tak przyjazny dla użytkownika, to obszerna biblioteka ponad 2000 gotowych szablonów formularzy. Szablony te są przeznaczone dla szerokiej gamy firm, w tym agentów nieruchomości, projektantów koszulek i rezerwacji hotelowych.

Jedną z głównych zalet WPForms jest wbudowane narzędzie do raportowania. Narzędzie to zapewnia cenny wgląd w wyniki sprzedaży, umożliwiając śledzenie całkowitych płatności, sprzedaży, zwrotów, a nawet nowych subskrypcji (jeśli dotyczy).

Ponadto WPForms integruje się z popularnymi bramkami płatności, takimi jak PayPal Commerce, Stripe, Square i Authorize.Net w celu zapewnienia bezpiecznych transakcji. Chociaż są to jedne z najpopularniejszych opcji, WPForms oferuje mniej integracji płatności w porównaniu do innych rozwiązań.

Statystyki użytkowania witryny na żywo: 6,000,000+

Zalety WPForms:

  • Obszerna biblioteka gotowych szablonów formularzy dla różnych rodzajów działalności.
  • Przyjazny dla użytkownika kreator formularzy typu „przeciągnij i upuść” dla łatwej personalizacji
  • Wbudowane narzędzie do raportowania płatności w celu śledzenia wyników sprzedaży

Wady WPForms:

  • Ograniczone opcje płatności w porównaniu do innych rozwiązań
  • Nie jest idealny do zarządzania dużymi zapasami produktów ze względu na ograniczone funkcje e-handlu.

Ceny: Dostępny jest bezpłatny plan. Plany zaczynają się od 49,50 USD rocznie i sięgają 299,50 USD rocznie. Najtańszy plan pozwala na korzystanie z 1 strony internetowej z nieograniczoną liczbą formularzy, zgłoszeń i użytkowników.

Możesz również skorzystać z naszego kodu kuponu WPForms, aby uzyskać do 50% zniżki.

Dlaczego wybraliśmy WPForms: Ogólnie rzecz biorąc, ta wtyczka do formularzy jest świetna dla firm opartych na usługach i tych, które wymagają zapytań ofertowych lub płatności z góry.

7. Squarespace (dla kreatywnych firm)

Squarespace

Squarespace to nie tylko kreator stron internetowych – oferuje on również wbudowaną funkcjonalność e-handlu. Słynie z oszałamiających, minimalistycznych szablonów stron internetowych, które są przeznaczone dla szerokiej gamy branż.

Bazując na naszym doświadczeniu, uważamy, że Squarespace jest idealnym rozwiązaniem dla kreatywnych i projektowych firm, które chcą stworzyć 111111 piękną obecność online i sprzedawać swoje produkty.

Jako platforma e-handlu, Squarespace umożliwia sprzedaż produktów cyfrowych i fizycznych. Integruje się również z różnymi narzędziami do prowadzenia witryny e-handlu. Można na przykład połączyć się z FedEx w celu niezawodnej wysyłki i TaxJar, aby zautomatyzować obliczanie podatku od sprzedaży.

Jednak jej struktura cenowa jest nieco zagmatwana. Funkcje takie jak subskrypcja produktów i recenzje produktów są dostępne tylko w planach wyższego poziomu, podczas gdy inne platformy mogą oferować te funkcje w standardzie lub poprzez rozszerzenia.

Statystyki użytkowania witryny na żywo: 5,200,000+

Zalety Squarespace:

  • Przyciągające wzrok, wstępnie zaprojektowane szablony stron internetowych i przyjazny dla użytkownika kreator stron internetowych typu „przeciągnij i upuść”.
  • Integruje się z różnymi narzędziami do sprzedaży online, w tym z procesorami płatności, rozwiązaniami wysyłkowymi i opcjami dropshippingu.
  • Sprzedawaj nieograniczoną liczbę produktów za pośrednictwem sklepu internetowego

Wady Squarespace:

  • Podstawowe funkcje e-handlu są ograniczone w planach niższego poziomu i wymagają aktualizacji, aby uzyskać do nich dostęp (w przeciwieństwie do niektórych konkurentów).
  • Opłata transakcyjna w wysokości 3% ma zastosowanie do najbardziej przystępnego cenowo planu sprzedaży online

Ceny: Plany zaczynają się od 16 USD miesięcznie i dochodzą do 52 USD miesięcznie. Plan Business, który umożliwia sprzedaż online, kosztuje 23 USD miesięcznie i obejmuje takie funkcje, jak sprzedaż członkostwa w treściach, produktów, usług i akceptowanie płatności.

Dlaczego wybraliśmy Squarespace: Kreatywni mogą wybrać Squarespace, aby łatwo zbudować piękną witrynę e-handlu z oszałamiającymi szablonami, płynnym narzędziem do tworzenia witryn i integracjami z popularnymi narzędziami sprzedaży.

8. Wix (dla niszowych firm o określonych potrzebach)

Wix website builder

Wix to narzędzie do tworzenia stron internetowych, które oferuje wbudowane funkcje e-handlu podobne do innych hostowanych platform e-commerce. Wix idzie jednak o krok dalej, zapewniając funkcje specyficzne dla branży, które mogą zaspokoić unikalne potrzeby biznesowe.

Na przykład, jeśli zarządzasz hotelem, Wix oferuje funkcje specjalnie zaprojektowane do prezentacji nieruchomości i zarządzania rezerwacjami online. Funkcje te obejmują narzędzia do wyświetlania ofert wynajmu z konfigurowalnymi regułami i ustawieniami dostępności.

Chociaż Wix może pochwalić się wszechstronnym zestawem funkcji, istnieje potencjalna wada, której należy być świadomym. Z naszego doświadczenia wynika, że sama platforma może być nieco powolna, co może mieć wpływ na komfort użytkowania. Niektórzy użytkownicy Wix zgłaszali również słabe czasy ładowania strony.

Statystyki użytkowania witryny na żywo: 8,600,000+

Zalety Wix:

  • Funkcje branżowe dla niszowych firm (np. wynajem wakacyjny, sprzedaż biletów na wydarzenia, sztuka cyfrowa)
  • Możliwość sprzedaży do 50 000 produktów
  • Obsługa zamówień przedpremierowych i kanałów sprzedaży, takich jak media społecznościowe i marketplace’y.
  • Elastyczny kreator stron internetowych typu „przeciągnij i upuść” z szeroką gamą szablonów branżowych.

Wady Wix:

Ceny: Plany wahają się od 17 USD miesięcznie do 159 USD miesięcznie. Dostępny jest również darmowy plan, ale ma on ograniczoną funkcjonalność.

Dlaczego wybraliśmy Wix: Ogólnie rzecz biorąc, polecamy Wix dla niszowych firm, które wymagają specyficznych funkcji wykraczających poza to, co oferują podstawowe platformy e-handlu.

9. BigCommerce (rozwiązanie premium dla przedsiębiorstw)

BigCommerce website

BigCommerce obsługuje firmy każdej wielkości, ale naprawdę wyróżnia się w przypadku przedsiębiorstw o dużej sprzedaży i złożonych potrzebach.

Po pierwsze, BigCommerce oferuje nieograniczoną liczbę list produktów, miejsca na pliki, przepustowości i kont pracowników we wszystkich planach. Pozwala to stworzyć ogromny sklep internetowy z obszernymi katalogami produktów, dodawać wysokiej jakości zdjęcia produktów i zarządzać zespołami bez martwienia się o ograniczenia.

Dodatkowo, BigCommerce obsługuje wiele witryn sklepowych. Umożliwia to zarządzanie oddzielnymi markami lub sklepami regionalnymi w ramach jednej platformy.

Biorąc to pod uwagę, BigCommerce ma limity sprzedaży powiązane z każdym planem. Jeśli sprzedaż online przekroczy limit bieżącego planu, konieczne będzie przejście na wyższy poziom.

Statystyki użytkowania witryny na żywo: 42,600+

Zalety BigCommerce:

  • Nielimitowane produkty, przechowywanie plików, przepustowość i konta pracowników we wszystkich planach
  • Obsługa wielu walut dla sprzedaży międzynarodowej
  • Wyceny wysyłek w czasie rzeczywistym dla wygody klientów
  • Możliwości sprzedaży wielokanałowej (Amazon, eBay, Walmart, Facebook, Instagram, systemy POS)

Wady BigCommerce:

  • Limity sprzedaży online dla każdego planu (wymagana aktualizacja w przypadku przekroczenia)
  • Kreator stron e-handlu typu „przeciągnij i upuść” nie jest najłatwiejszy w użyciu

Ceny: Plany wahają się od 29 USD miesięcznie do 299 USD miesięcznie, bez dodatkowych opłat transakcyjnych. Najniższy plan jest ograniczony do 50 000 USD rocznej sprzedaży. Dostępny jest bezpłatny 15-dniowy okres próbny.

Dlaczego wybraliśmy BigCommerce: Skalowalność, nieograniczone zasoby i funkcje sprzedaży wielokanałowej sprawiają, że BigCommerce jest doskonałym wyborem dla firm, które chcą się szybko skalować.

10. Weebly (platforma Freemium e-handel)

Weebly

Weebly wyróżnia się jako najlepsza darmowa platforma e-handlu, jeśli dopiero zaczynasz, a budżet jest głównym problemem. Darmowy plan oferuje zaskakującą ilość funkcji, w tym sprzedaż nieograniczonej liczby produktów, zarządzanie zapasami, a nawet automatyczne obliczanie podatku od sprzedaży.

Jedną z interesujących funkcji jest funkcja Quick Shop. Umożliwia ona utworzenie usprawnionego procesu realizacji transakcji podczas zakupów online. Jest to idealne rozwiązanie w sytuacjach, gdy masz do sprzedania tylko jeden produkt lub usługę.

Ważne jest jednak, aby zrozumieć ograniczenia darmowego planu Weebly. Nie można na przykład połączyć sklepu internetowego z niestandardową nazwą domeny, co oznacza, że adres witryny nie będzie wyglądał tak profesjonalnie.

Dodatkowo, sprzedaż produktów cyfrowych nie jest dozwolona w planie darmowym.

Statystyki użytkowania witryny na żywo: 770,000+

Zalety Weebly:

  • Bogaty darmowy plan z nieograniczoną liczbą produktów, koszykiem zakupów, zarządzaniem zapasami i podstawowymi narzędziami marketingowymi e-handlu.
  • Darmowy certyfikat SSL dla bezpiecznych transakcji online.
  • Przystępne cenowo płatne plany w porównaniu do innych hostowanych platform e-handlu.

Wady Weebly:

  • Ograniczenia planu bezpłatnego (brak niestandardowej nazwy domeny i ograniczenie do sprzedaży produktów cyfrowych)
  • Może wydawać się mniej skalowalna dla złożonych sklepów internetowych

Ceny: Dostępny jest plan darmowy. Płatne plany zaczynają się od 10 USD miesięcznie i dochodzą do 26 USD miesięcznie. Wszystkie plany obejmują bezpłatny certyfikat SSL, możliwość dodawania niestandardowego kodu, funkcję Quick Shop i nieograniczoną liczbę produktów.

Dlaczego wybraliśmy Weebly: Jeśli chcesz założyć prosty sklep internetowy z ograniczonym budżetem, Weebly jest świetnym miejscem do tego.

11. Magento (rozwiązanie open source dla przedsiębiorstw)

Magento Open Source

Magento to potężna platforma e-handlu typu open-source należąca do Adobe Commerce. W przeciwieństwie do rozwiązań hostowanych, Magento oferuje szerokie możliwości dostosowywania sklepu internetowego do własnych potrzeb.

Podobnie jak wtyczki WordPress, rozszerzenia Magento oferują szeroki zakres funkcji, od obsługi klienta i ulepszeń bezpieczeństwa po zaawansowane opcje wysyłki i narzędzia marketingowe. Rozszerzenia te mogą wnieść znaczną wartość dodaną do sklepu, ale często wiążą się z dodatkowymi kosztami.

Mając to wszystko na uwadze, Magento wymaga znacznej wiedzy technicznej do konfiguracji i utrzymania. Dodatkowo, wymaga solidnych zasobów hostingowych, zazwyczaj na VPS (Virtual Private Server). Właściciele firm poszukujący rozwiązania zarządzanego powinni poszukać go gdzie indziej.

Statystyki użytkowania witryny na żywo: 120,000+

Zalety Magento:

  • Oprogramowanie open-source, bezpłatne do pobrania i używania
  • Duże i aktywne forum społeczności do obsługi
  • Rozbudowana biblioteka rozszerzeń zwiększających funkcjonalność sklepu

Wady Magento:

  • Wymaga znacznej wiedzy technicznej w zakresie konfiguracji, konserwacji i bezpieczeństwa.

Dlaczego wybraliśmy Magento: Biorąc wszystko pod uwagę, zalecamy Magento dla firm o ugruntowanej pozycji, posiadających zasoby techniczne i wiedzę programistyczną do zarządzania złożoną platformą.

Niezbędne narzędzia do optymalizacji sklepu internetowego

Teraz, gdy znasz już najpopularniejsze platformy e-handlu, oto kilka niezbędnych narzędzi, które pomogą Ci zoptymalizować sklep i zwiększyć konwersje.

1. FunnelKit

FunnelKit cart

FunnelKit to narzędzie do tworzenia lejków sprzedażowych zaprojektowane specjalnie w celu poprawy współczynnika konwersji w witrynie e-handlu. Tworząc ukierunkowane lejki sprzedażowe, możesz poprowadzić odwiedzających witrynę przez określoną podróż, prowadząc ich do dokonania zakupu.

Dokładnie przetestowaliśmy FunnelKit, aby ocenić jego funkcje dla sklepów e-handel. Zachęcamy do przeczytania naszej recenzji FunnelKit, aby dowiedzieć się więcej na jego temat.

Poza kreatorem lejka sprzedażowego, możesz również skorzystać z FunnelKit Automations. Narzędzie to pozwala skonfigurować automatyczne kampanie marketingowe uruchamiane na podstawie zachowania odwiedzających. W ten sposób można na przykład automatycznie wysyłać wiadomości e-mail do klientów po dokonaniu przez nich zakupu lub promować nowe produkty.

Chociaż FunneKit oferuje darmową wersję, jest ona bardzo ograniczona. Na przykład, nie można skonfigurować skoków zamówień, aby zaoferować użytkownikom dodatkowe produkty w celu zwiększenia średniej wartości zamówienia. Dlatego zalecamy zainwestowanie w wersję płatną.

Zalety FunnelKit:

  • Gotowe szablony projektów dla podstawowych elementów lejka
  • Dynamiczne oferty mogą personalizować rekomendacje upsellingu w oparciu o koszyki klientów
  • Funkcja testowania dzielonego w celu optymalizacji lejków pod kątem lepszych konwersji

Wady FunnelKit:

  • Darmowy plan ma ograniczenia

Ceny: Plany wahają się od 99,5 USD rocznie do 399 USD rocznie. Najtańszy plan pozwala na korzystanie z 1 witryny i zawiera ponad 20 szablonów kas, 9 funkcji optymalizacji kas oraz narzędzie do odzyskiwania porzuconych koszyków.

Dlaczego wybraliśmy FunnelKit: Dzięki gotowym szablonom, funkcjom automatyzacji i możliwościom testowania podzielonego, FunnelKit ułatwia optymalizację współczynnika konwersji i zwiększenie sprzedaży.

2. OptinMonster

OptinMonster

OptinMonster to potężna wtyczka do generowania leadów zaprojektowana, aby pomóc w przechwytywaniu adresów e-mail odwiedzających i rozwijaniu listy mailingowej. Używamy jej we wszystkich naszych witrynach do pozyskiwania potencjalnych klientów i pomogła nam ona zwiększyć liczbę subskrybentów e-mail o 600% na samym WPBeginner.

Dzięki temu narzędziu możesz tworzyć ukierunkowane wyskakujące okienka, formularze zgody i banery powiadomień, aby zachęcić użytkowników do subskrypcji i pozostania zaangażowanym w Twoją markę. Pozwala to pielęgnować potencjalnych klientów, promować nowe produkty i oferty specjalne, a ostatecznie zwiększać sprzedaż.

Jedną z wyróżniających się funkcji OptinMonster są zaawansowane możliwości targetowania. Możesz na przykład kierować reklamy do odwiedzających na podstawie ich zamiaru opuszczenia witryny (wyświetlając wyskakujące okienko, gdy próbują opuścić witrynę) lub dostosowywać rekomendacje produktów na podstawie ich wcześniejszych zakupów.

Jedyną wadą OptinMonster jest to, że nie ma darmowego planu, chociaż możesz użyć naszego kodu kuponu, aby uzyskać 10% zniżki.

Zalety OptinMonster:

  • Obszerna biblioteka gotowych szablonów dla różnych kampanii i sezonów.
  • Przyjazny dla użytkownika kreator „przeciągnij i upuść” dla łatwej personalizacji
  • Funkcja testowania A/B umożliwiająca identyfikację najskuteczniejszych strategii marketingowych

Wady OptinMonster:

  • Brak dostępnego bezpłatnego planu

Ceny: Plany wahają się od 5,97 USD miesięcznie do 39,97 USD miesięcznie. Nawet najbardziej przystępny cenowo plan oferuje nielimitowane kampanie i nieograniczoną liczbę subskrybentów, co czyni go opłacalnym rozwiązaniem do rozwijania listy mailingowej.

Dlaczego wybraliśmy OptinMonster: Ogromna biblioteka szablonów, kreator typu „przeciągnij i upuść” oraz zaawansowane funkcje kierowania sprawiają, że OptinMonster jest cennym narzędziem do zwiększania konwersji.

3. Zaawansowane kupony

Is Advanced Coupons the right coupon plugin for your WooCommerce store or WordPress website?

Jeśli korzystasz z WooCommerce jako platformy e-handlu, to oferuje ona już wbudowaną funkcję rabatów. Jednak dla firm poszukujących bardziej zaawansowanych funkcji kuponów, Advanced Coupons to potężna wtyczka, którą warto rozważyć.

Wtyczka ta umożliwia tworzenie różnych typów kuponów, w tym ofert typu „kup jeden za jeden” (BOGO), kodów kuponów, które można udostępniać za pośrednictwem unikalnych adresów URL, zaplanowanych kuponów, które aktywują się lub dezaktywują w określonych godzinach, a nawet automatycznie stosowanych kuponów przy kasie.

Biorąc to pod uwagę, Advanced Coupons jest najlepszym rozwiązaniem, jeśli planujesz oferować różne rodzaje rabatów. W przeciwnym razie wtyczka może wydawać się przesadą.

Możesz przeczytać naszą recenzję Advanced Coupons, aby uzyskać więcej informacji.

Zalety kuponów zaawansowanych:

  • Szeroka gama opcji kuponów: jednorazowe rabaty, oferty BOGO, rabaty procentowe lub o poprawionej wartości, kupony na bezpłatną wysyłkę i inne
  • Ustaw ograniczenia użytkowania i warunki koszyka, aby kontrolować sposób stosowania kuponów.
  • Zaplanuj z wyprzedzeniemkupony na strategiczne promocje i wydarzenia sprzedażowe.

Wady kuponów zaawansowanych:

  • Może to być za dużo, jeśli potrzebujesz tylko podstawowych funkcji rabatowych.

Cennik: Advanced Coupons oferuje wielopoziomowe plany zaczynające się od 59,50 USD rocznie do 149,50 USD rocznie.

Zalecamy jednak rozważenie pakietu z pełnym dostępem w cenie 249,50 USD rocznie. Pakiet ten zawiera wtyczkę Advanced Coupons, wtyczkę Loyalty Program i wtyczkę Advanced Gift Cards. Jest to kompletny zestaw do zachęcania do powtarzania transakcji i zwiększania lojalności klientów.

Możesz również skorzystać z naszego kodu kuponu, aby uzyskać do 50% zniżki na pierwszy zakup.

Dlaczego wybraliśmy Advanced Coupons: Wtyczka oferuje różne typy kuponów, możliwość ustawiania reguł dla kuponów oraz funkcje planowania kuponów. Wszystkie te funkcje pozwalają znacznie skuteczniej prowadzić kampanie promocyjne.

Jaka jest najlepsza platforma e-handlu?

Ogólnie rzecz biorąc, najlepszym rozwiązaniem e-handlu zyskującym na popularności jest WooCommerce. Ma przyjazny dla użytkownika interfejs do zarządzania produktami, zapasami i zamówieniami, dzięki czemu jest idealny dla początkujących właścicieli firm.

Ponadto integruje się z rozbudowanym ekosystemem wtyczek WordPress. Daje to niezliczone możliwości w zakresie marketingu, płatności, wysyłki i nie tylko dla sklepu internetowego.

Alternatywnie, jeśli specjalizujesz się w sprzedaży produktów cyfrowych, takich jak ebooki, oprogramowanie lub kursy, to Easy Digital Downloads jest idealnym rozwiązaniem. To narzędzie e-handlu usprawnia proces zarządzania cyfrowymi plikami do pobrania, chroni pliki i bezpiecznie dostarcza je klientom.

Jeśli oferujesz ekskluzywne treści, kursy lub społeczności, MemberPress umożliwia tworzenie płatnych członkostw z wielopoziomowymi poziomami dostępu. Daje to elastyczność w tworzeniu subskrypcji treści premium i generowaniu stałych przychodów.

Rozwiązania e-handel: Najczęściej zadawane pytania

Teraz, gdy zapoznaliśmy się z kilkoma popularnymi platformami i narzędziami e-handlu, odpowiedzmy na kilka często zadawanych pytań.

What is an eCommerce solution?

Rozwiązanie e-handel to platforma lub zestaw narzędzi do tworzenia i zarządzania sklepem internetowym. Obejmuje funkcje dodawania produktów i zarządzania nimi, bezpiecznego przetwarzania płatności, realizacji zamówień i śledzenia zapasów.

What tools can help you generate revenue in an online store?

Kilka narzędzi może zwiększyć generowanie przychodów przez sklep internetowy. Oto kilka przykładów:

  • FunnelKit: To narzędzie pomaga tworzyć ukierunkowane lejki sprzedażowe, które prowadzą odwiedzających do dokonania zakupu.
  • OptinMonster: Ta platforma umożliwia tworzenie wyskakujących okienek i banerów promocyjnych w celu pozyskiwania potencjalnych klientów i przekształcania odwiedzających witrynę w klientów.
  • Zaawansowane kupony: Ta wtyczka do WooCommerce pozwala projektować kreatywne kampanie rabatowe i konfigurować promocje w celu zwiększenia sprzedaży.
Is eCommerce dead?

Absolutnie nie. e-handel to prężnie rozwijająca się branża, która wciąż odnotowuje znaczny wzrost. Wygoda i różnorodność oferowana przez zakupy online sprawiły, że e-handel stał się główną siłą w handlu detalicznym.

W rzeczywistości, wraz z ciągłym rozwojem zakupów mobilnych i handlu społecznościowego, oczekuje się, że e-handel będzie nadal rósł w nadchodzących latach.

Najlepsze przewodniki zwiększające sprzedaż w sklepie internetowym

Mamy nadzieję, że ten artykuł pomógł ci znaleźć najlepsze rozwiązanie e-handlu, które zyskuje na popularności. Możesz również zapoznać się z naszym artykułem na temat sprawdzonych wskazówek dotyczących marketingu afiliacyjnego i naszymi eksperckimi wyborami najlepszego oprogramowania do programów polecających dla małych firm.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Zastrzeżenie: Podczas naszych badań ocenialiśmy inne popularne platformy, takie jak PrestaShop i Big Cartel. Postanowiliśmy jednak skupić się na rozwiązaniach e-handlu opisanych w tym przewodniku, ponieważ uważamy, że oferują one najlepszą wartość i wygodę użytkowania dla szerszej gamy firm internetowych.

The post 11 najlepszych rozwiązań e-handlu, które zyskają na popularności w 2024 roku first appeared on Wpbeginner.

]]>
https://www.wpbeginner.com/pl/showcase/best-ecommerce-solutions-growing-in-popularity/feed/ 1
Jak dodać hotspoty z obrazami w WordPress (prosty sposób) https://www.wpbeginner.com/pl/wp-tutorials/how-to-add-image-hotspots-in-wordpress/ https://www.wpbeginner.com/pl/wp-tutorials/how-to-add-image-hotspots-in-wordpress/#comments Wed, 23 Oct 2024 10:00:00 +0000 https://www.wpbeginner.com/pl/opinion/how-to-add-image-hotspots-in-wordpress/ Czasami samo dodanie obrazów i wizualizacji nie wystarczy, aby przyciągnąć uwagę odwiedzających. To właśnie tam hotspoty graficzne mogą przyjść na ratunek. Te klikalne obszary mogą zmienić prosty obraz w angażujące, informacyjne doświadczenie dla odwiedzających. Sami eksperymentowaliśmy z nimi, aby pokazać punkty na mapie, tagi członków… Czytaj więcej »

The post Jak dodać hotspoty z obrazami w WordPress (prosty sposób) first appeared on Wpbeginner.

]]>
Czasami samo dodanie obrazów i wizualizacji nie wystarczy, aby przyciągnąć uwagę odwiedzających.

To właśnie tam hotspoty graficzne mogą przyjść na ratunek. Te klikalne obszary mogą zmienić prosty obraz w angażujące, informacyjne doświadczenie dla odwiedzających. Sami eksperymentowaliśmy z nimi, aby pokazać punkty na mapie, tagi członków zespołu na zdjęciu i podkreślić cechy produktu.

Jeśli zastanawiasz się, jak zrobić to samo, jesteś we właściwym miejscu. Ten przewodnik pokaże ci 2 proste metody tworzenia hotspotu obrazu dla twojej strony WordPress bez żadnego kodu.

How to Add Image Hotspots in WordPress

Kiedy dodawać hotspoty do zdjęć w WordPress?

Hotspoty na obrazach to klikalne miejsca, które mogą przekształcić zwykłe obrazy w interaktywne treści, które odwiedzający mogą eksplorować. Kiedy jednak warto pomyśleć o dodaniu hotspotów do zdjęć?

Jednym z dobrych momentów na użycie hotspotów jest pokazanie różnych części obrazu produktu.

Załóżmy, że sprzedajesz nowy telefon. Możesz dodać hotspoty, aby wskazać jego aparat, ekran i inne funkcje. Pomoże to klientom poznać produkt bez konieczności czytania długich opisów.

Wiele witryn z artykułami domowymi wykorzystuje również hotspoty graficzne, aby wyróżnić szczegóły produktów wyświetlanych na zainscenizowanych zdjęciach.

IKEA's image hotspot example

Hotspoty są również świetne do tworzenia bardziej angażujących infografik i wizualizacji danych. Zamiast upychać wszystkie informacje na jednym obrazie, można ukryć dodatkowe szczegóły za hotspotami. Gdy ludzie klikają na różne części infografiki, mogą zobaczyć więcej faktów i liczb.

Jeśli prowadzisz witrynę e-learningową, hotspoty mogą poprawić wrażenia użytkownika i sprawić, że lekcje będą bardziej interaktywne. Na przykład, możesz dodać hotspoty do mapy, pozwalając uczniom klikać, aby dowiedzieć się o różnych krajach lub punktach orientacyjnych.

Mając to na uwadze, przyjrzyjmy się, jak łatwo dodać hotspoty graficzne do witryny WordPress. Wymyśliliśmy 2 metody i możesz skorzystać z poniższych szybkich linków, aby poruszać się po artykule:

Porada eksperta: Nie masz czasu lub ochoty na projektowanie własnej strony internetowej? Rozważ skorzystanie z naszych profesjonalnych usług projektowania WordPress. Nasi projektanci-eksperci mogą stworzyć oszałamiającą stronę internetową w przystępnej cenie, ożywiając twój kolejny projekt!

Metoda 1: Dodawanie hotspotów z obrazami za pomocą SeedProd (dla stron docelowych/motywów niestandardowych)

Ta pierwsza metoda wykorzystuje SeedProd, kreator stron typu „przeciągnij i upuść„, aby dodać hotspoty graficzne do witryny WordPress. Zalecamy tę metodę, jeśli tworzysz niestandardową stronę docelową lub niestandardowy motyw WordPress i chcesz korzystać z platformy z blokiem hotspotów obrazu.

SeedProd oferuje ponad 350 szablonów stron docelowych i zestawów motywów dla różnych kategorii branżowych, od butików internetowych i usług sprzątania po firmy SaaS. Jest więc opcja dla każdego typu witryny.

Jedną rzeczą, którą powinieneś wziąć pod uwagę jest to, że jeśli chcesz po prostu darmowego rozwiązania do tworzenia hotspotów obrazu, to ta metoda może nie być dla Ciebie. Wynika to z faktu, że blok hotspotów SeedProd jest dostępny tylko w płatnych wersjach SeedProd. W takim przypadku zalecamy skorzystanie z metody 2.

Aby uzyskać więcej informacji na temat funkcji i cen wtyczki, zapoznaj się z naszą recenzją SeedProd.

Po zakupie planu SeedProd można pobrać i zainstalować wtyczkę WordPress w obszarze administracyjnym. Następnie przejdź do SeedProd „ Ustawienia i wprowadź swój klucz licencyjny. Informacje te można znaleźć na stronie konta SeedProd.

Po zakończeniu kliknij „Zweryfikuj klucz”.

Enter your license key

Następnie przejdź do SeedProd ” Landing Pages.

Następnie kliknij „Dodaj nową stronę docelową”.

Adding a new landing page in SeedProd

Zobaczysz teraz wszystkie szablony oferowane przez SeedProd. Dostępne są opcje dla wiralowej strony docelowej listy oczekujących, strony docelowej reklamy Google, strony wkrótce dostępnej i innych.

Upewnij się, że przewijasz opcje i przeglądasz je jeden po drugim, abyś mógł wybrać tę, która najlepiej odpowiada Twoim potrzebom.

SeedProd's template library

Po wybraniu szablonu wystarczy najechać na niego kursorem.

Następnie kliknij pomarańczowy znacznik wyboru.

Choosing a SeedProd template

Teraz pojawi się nowe wyskakujące okienko z prośbą o nazwanie strony i wstawienie jej adresu URL.

Następnie kliknij przycisk „Zapisz i rozpocznij edycję strony”.

Inserting the landing page details in SeedProd

Spowoduje to otwarcie edytora przeciągania i upuszczania SeedProd.

Działa podobnie do edytora bloków WordPress, gdzie można przeciągać i upuszczać bloki na stronę i klikać na nie, aby dostosować je w dowolny sposób.

The SeedProd drag-and-drop interface

Aby utworzyć hotspoty obrazu, można znaleźć blok „Hotspot” na lewym pasku bocznym.

Następnie wystarczy przeciągnąć i upuścić go bezpośrednio na stronie.

Choosing the SeedProd Hotspot block

Następnie musisz przesłać obraz WordPress, do którego chcesz dodać hotspoty.

Można to zrobić, klikając blok „Hotspot” i wybierając opcję „Use Your Own Image” lub „Use a Stock Image”, aby wybrać obraz.

Pierwsza opcja otworzy bibliotekę multimediów, w której można wybrać istniejący obraz lub przesłać nowy. Jeśli rozmiar jest dość duży, możesz zapoznać się z naszym przewodnikiem na temat przesyłania dużych obrazów w WordPress.

Uploading an image to the SeedProd Hotspot block

Po przesłaniu obrazu można wprowadzić tekst alternatywny, aby opisać obraz dla wyszukiwarek i narzędzi do czytania ekranu.

Można również dostosować rozmiar i wyrównanie obrazu.

Adding an alt text to the image hotspot in SeedProd

Następnie możesz przewinąć w dół, aby rozpocząć dodawanie hotspotów.

Można to zrobić, klikając przycisk „+ Dodaj hotspot”.

Adding a hotspot to the image in SeedProd

Na obrazie pojawi się teraz pomarańczowa kropka. Możesz dostosować jej położenie, przeciągając poziome i pionowe paski orientacji.

Dodatkowo można wstawić tekst, który powinien pojawić się po najechaniu kursorem użytkownika na hotspot.

Customizing the image hotspot settings in SeedProd

Przechodząc w dół, można zmienić kolor hotspotu.

Wystarczy kliknąć ustawienia „Kolor”, aby wybrać kolor pasujący do marki i projektu witryny.

Changing the hotspot color in SeedProd

Przewijając dalej w dół, można włączyć przełącznik „Ustawienia zaawansowane”.

W tym miejscu można dodać link do tekstu etykietki hotspotu, aby przekierować użytkowników na wybraną stronę.

Enabling the hotspot block's advanced settings in SeedProd

Oprócz tego można wybrać niestandardową ikonę, która zastąpi domyślny kształt koła.

Aby to zrobić, wystarczy kliknąć przycisk „Wybierz ikonę”.

Replacing the hotspot icon in SeedProd

Pojawi się wyskakujące okno, w którym można wybrać różne ikony z biblioteki SeedProd. Możesz także wybrać ikony z Font Awesome, jeśli potrzebujesz więcej opcji.

Aby użyć ikony, wystarczy ją kliknąć.

Choosing an icon for the hotspot in SeedProd

Po wybraniu ikony można przeciągnąć pasek „Rozmiar ikony”, aby zmniejszyć lub powiększyć kształt, w zależności od preferencji.

Następnie można powtórzyć kroki, aby utworzyć więcej interaktywnych hotspotów obrazu.

Poniżej można dodać animowany efekt do hotspotów obrazu. Dostępne są 2 opcje: „Soft Beat” i „Expand”.

Adding an animated effect to the hotspot block in SeedProd

Przejdźmy teraz do sekcji „Etykietka”.

W tym miejscu można zmienić położenie etykietki (w prawo, w lewo, nad lub pod hotspotem) oraz zmienić wyzwalacz.

Jeśli wybierzesz „Kliknij”, oznacza to, że etykietka pojawi się, gdy użytkownik kliknie hotspot. Z drugiej strony, „Hover” oznacza, że etykietka pojawi się po najechaniu na nią kursorem.

Adding a tooltip trigger to the hotspot block in SeedProd

Następnie można zmienić czas trwania etykietki.

Odnosi się to po prostu do tego, jak długo potrwa wyświetlenie etykietki po najechaniu kursorem lub kliknięciu hotspotu. Jeśli chcesz, aby tekst pojawiał się natychmiast, ustaw wartość 0.

Można również wyłączyć strzałkę etykietki narzędzia, w zależności od preferencji.

Setting the tooltip duration for the hotspot block in SeedProd

Teraz, jeśli przejdziesz do karty „Zaawansowane”, możesz jeszcze bardziej dostosować wygląd obrazu.

Można na przykład dodać cień ramki lub dostosować wypełnienie i margines.

Configuring the SeedProd advanced block settings

Po zakończeniu kliknij przycisk „Zapisz” w prawym górnym rogu.

Następnie kliknij „Opublikuj”, aby uruchomić stronę.

Publishing a landing page with an image hotspot made with SeedProd

I to wszystko! Upewnij się, że przeglądasz stronę na telefonie komórkowym, komputerze stacjonarnym i tablecie, aby sprawdzić, czy wygląda dobrze na wszystkich urządzeniach.

Oto jak wygląda nasz interaktywny hotspot z obrazami:

An image hotspot example made with SeedProd

Metoda 2: Dodawanie hotspotów z obrazami za pomocą wtyczki Image Hotspot (bezpłatnej, ale ograniczonej)

Jeśli korzystanie z kreatora stron i zmiana motywu brzmi trochę za dużo, możesz zamiast tego użyć darmowej wtyczki WordPress Image Hotspot. Wtyczka ta jest świetną alternatywą dla metody 1, ale należy pamiętać, że darmowa wersja umożliwia dodanie tylko do 6 hotspotów na jednym obrazie.

Aby korzystać z Image Hotspot, należy zainstalować i aktywować wtyczkę WordPress w obszarze administracyjnym. Następnie przejdź do Image Map Hotspot ” All Image Map Hotspot i kliknij przycisk „Add New”.

Adding a new image in the Image Hotspot plugin

Teraz nadaj nazwę nowemu hotspotowi mapy obrazów. Następnie wybierz jeden z typów wyświetlania etykietek. Etykietki hotspotów mogą być wyświetlane po najechaniu kursorem lub kliknięciu.

Po zakończeniu kliknij „Zapisz”.

Saving a new image hotspot file in the Image Hotspot plugin

Po zakończeniu dodajmy obraz.

Aby to zrobić, wystarczy kliknąć przycisk „Upload Image”.

Uploading a new image to the Image Hotspot plugin

Spowoduje to otwarcie biblioteki multimediów, w której można przesłać nowy obraz lub wybrać istniejący.

Następnie można dodać hotspoty do mapy obrazu. W tym celu wystarczy kliknąć przycisk „Dodaj punkt”.

Adding a hotspot to an image with the Image Hotspot plugin

Pojawi się wyskakujące okienko, w którym można skonfigurować interaktywny hotspot obrazu.

Najpierw przejdź do karty „Marker”. W tym miejscu można dostosować wygląd obrazu hotspotu. Aby zmienić ikony, możesz kliknąć znak „+” obok pól „Ikony” i/lub „Ikony najechania kursorem”.

„Ikony” odnoszą się do domyślnego symbolu hotspotu, gdy nie jest on kliknięty lub najechany. Tymczasem „Hover Icons” to symbol, który pojawia się, gdy użytkownik kliknie lub najedzie na hotspot.

Changing the default hotspot icon with the Image Hotspot plugin

Teraz wybierz ikonę, która zastąpi bieżącą opcję domyślną. Wtyczka ma wiele opcji do wyboru.

Po dokonaniu wyboru wystarczy kliknąć na niego i nacisnąć przycisk „Zamknij”.

Choosing a hotspot icon in the Image Hotspot plugin

Po skonfigurowaniu obrazów hotspotów można zmienić kolory ikon.

Wtyczka umożliwia zmianę domyślnego koloru ikony hotspotu na inny niż kolor po najechaniu na nią kursorem. W ten sposób użytkownicy mogą łatwo stwierdzić, czy hotspot jest aktywny po kliknięciu lub najechaniu na niego kursorem.

Customizing the Image Hotspot plugin's hotspot appearance settings

Aby zmienić kolor, wystarczy kliknąć kwadratowy przycisk wyboru koloru i wybrać żądany kolor.

Następnie można kliknąć w dowolnym miejscu na stronie, aby przejść do innego ustawienia.

Choosing a color for the default hotspot with the Image Hotspot plugin

Można również dostosować rozmiar ikony hotspotu na pulpicie. Im wyższa liczba, tym większa będzie ikona.

Gdy będziesz zadowolony z wyglądu ikony, po prostu kliknij „Zapisz”.

Changing the hotspot's icon size with the Image Hotspot plugin

Teraz przewiń w górę i przejdź do karty „Treść”. To tutaj możesz dostosować tekst i wygląd etykietki.

Wtyczka oferuje 4 szablony do wyboru, dzięki czemu można wybrać ten, który najlepiej pasuje do projektu witryny.

Configuring the hotspot's tooltip text with the Image Hotspot plugin

Poza tym, upewnij się, że zastąpiłeś domyślną treść tytułu własnym tekstem.

W zależności od projektu witryny możesz zwiększyć rozmiar czcionki i zmienić kolor tekstu, aby poprawić jego czytelność.

Gdy ustawienia są satysfakcjonujące, wystarczy kliknąć „Zapisz”.

Saving the tooltip settings of the Image Hotspot plugin

Ostatnia karta to „link”. W tym miejscu masz możliwość ustawienia hiperłącza do tekstu etykietki, dzięki czemu użytkownicy mogą zostać przekierowani na inną stronę.

Jeśli chcesz to zrobić, wybierz „Tak” w ustawieniu „Czy łączyć tytuł?”.

Następnie wstaw adres URL linku tytułowego w odpowiednim polu i wybierz, czy chcesz, aby link otwierał się w nowej karcie, czy nie.

Na koniec kliknij „Zapisz”.

Adding a link to the hotspot's tooltip text with the Image Hotspot plugin

Teraz na obrazie powinien pojawić się nowy hotspot, który można przeciągnąć w wybrane miejsce.

Możesz również powtórzyć te same kroki, co poprzednio, aby utworzyć więcej hotspotów obrazu.

Dragging the newly created hotspot on the image with the Image Hotspot plugin

Po skonfigurowaniu mapy obrazu można ponownie kliknąć przycisk „Zapisz”.

Aby dodać hotspot z obrazem do dowolnej strony, postu i/lub widżetu, można skopiować krótki kod znajdujący się nad obrazem.

Copying the image hotspot's shortcode made with the Image Hotspot plugin

Następnie wystarczy wkleić krótki kod do bloku krótkiego kodu na widżecie, stronie lub w poście w edytorze bloków. Więcej informacji na ten temat można znaleźć w naszym przewodniku krok po kroku na temat dodawania i używania krótkich kodów w WordPress.

Oto jak wygląda nasz interaktywny hotspot z obrazem:

Image hotspot example made with the Image Hotspot plugin

Odkryj więcej ekscytujących funkcji projektowych dla swojej witryny WordPress

Oprócz tworzenia interaktywnych hotspotów z obrazami, istnieje wiele innych sposobów na to, aby projekt strony internetowej był angażujący. Oto kilka przewodników, które mogą ci w tym pomóc:

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak łatwo dodawać hotspoty graficzne w WordPress. Możesz również zapoznać się z naszym kompletnym przewodnikiem po sztuczkach dotyczących paska bocznego WordPress, aby uzyskać maksymalne wyniki, a także z naszymi najlepszymi kreatorami motywów WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post Jak dodać hotspoty z obrazami w WordPress (prosty sposób) first appeared on Wpbeginner.

]]>
https://www.wpbeginner.com/pl/wp-tutorials/how-to-add-image-hotspots-in-wordpress/feed/ 1