Tworzenie sekcji usług w WordPress

Czy chcesz dodać sekcję usług do swojej witryny WordPress?

Wielu profesjonalistów, małych firm i agencji potrzebuje sposobu na zaprezentowanie swoich usług na swojej stronie internetowej.

W tym artykule pokażemy, jak łatwo utworzyć sekcję usług w WordPress. Udostępnimy również sposób zbierania potencjalnych klientów z sekcji Usługi za pomocą formularza kontaktowego.

Creating a services section in WordPress

Dlaczego warto utworzyć sekcję usług w WordPress?

Zwykle możesz tworzyć niestandardowe strony w WordPress dla każdej oferowanej usługi.

Następnie możesz dodać linki do tych stron w menu nawigacyjnym u góry lub w treści strony.

Sekcja usługi na stronie głównej pozwala szybko wyróżnić usługi potencjalnym klientom i klientom. Zwykle jest to zwarty obszar w układzie strony głównej lub stron docelowych.

Oto przykład, jak może wyglądać typowa sekcja usług:

Completed services section, with blue icons and blue links

Pozwala to na szybki przegląd różnych usług z wezwaniem do działania, gdzie użytkownicy mogą uzyskać więcej informacji lub wypełnić formularz.

Mając to na uwadze, przyjrzyjmy się, jak łatwo utworzyć sekcję usług w WordPress, a następnie dodać ją do dowolnej strony w swojej witrynie.

Utwórz własną stronę główną za pomocą kreatorów stron

Jeśli szukasz najbardziej konfigurowalnego sposobu dodawania sekcji usług do swojej strony głównej, możesz rozważyć użycie niestandardowej strony docelowej.

Możesz użyć jednego z wielu kreatorów stron typu przeciągnij i upuść WordPress, aby utworzyć niestandardową stronę z sekcją usług bez pisania kodu.

W przypadku niestandardowych stron docelowych zalecamy SeedProd. Jest używany przez ponad milion witryn internetowych i zawiera mnóstwo gotowych szablonów sekcji i szablonów stron docelowych.

SeedProd Page Builder

Jeśli szukasz alternatywy dla SeedProd, możesz spojrzeć na Beaver Builder, Divi lub Elementor, ponieważ wszystkie pozwolą Ci dostosować stronę główną, aby dodać całkowicie niestandardową sekcję usług do swojej strony głównej.

Jeśli nie chcesz używać kreatora stron, nie martw się. Istnieją inne wtyczki WordPress, które umożliwiają dodanie sekcji usług za pomocą Gutenberga.

Tworzenie sekcji usług w WordPress za pomocą Edytora bloków

Najpierw musisz zainstalować i aktywować wtyczkę free Service Box Showcase. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji przejdź do Service Box ” Dodaj Nowy Service Box strona w panelu administracyjnym WordPress, aby utworzyć pole usług.

Creating a new set of services boxes in WordPress

Tutaj musisz wprowadzić tytuł dla obszaru usług i wybrać opcję projektowania. Istnieją 2 różne wzory do wyboru w darmowej wersji.

Gdy to zrobisz, po prostu przewiń trochę stronę w dół. Tutaj zobaczysz dwie przykładowe usługi, z tytułem, opisem i ikoną.

Two service boxes with default text have already been created for you

Śmiało, wpisz tytuł i opis swoich usług. Następnie kliknij aktualną ikonę, a następnie wybierz tę, której chcesz użyć.

Choose an icon to use for each service that you want to list

Najlepiej jest również dodać link do strony, aby uzyskać więcej informacji na temat usługi. Daje to przestrzeń do poinformowania ludzi, jak zarezerwować i zapłacić za usługę.

Add a link for each service box that goes to to a page with more information

Możesz również dodać więcej pól serwisowych za pomocą przycisku „Dodaj nowe pole serwisowe”. Po prostu kliknij na to, aby utworzyć tyle pól, ile potrzebujesz.

Add new boxes to your set of service boxes by clicking the button

Po utworzeniu okien usług kliknij przycisk Publikuj na górze strony, aby zapisać zmiany. Nie martw się, nie spowoduje to natychmiastowego dodania sekcji usługi do twojej witryny.

Click the publish button to publish your service boxes

Jesteś teraz gotowy, aby dodać tę sekcję usług do swojej strony głównej lub dowolnego postu lub strony. Możesz nawet dodać go paska bocznego lub stopki widget-area.

Dodawanie sekcji usługi do strony WordPress

Aby dodać sekcję usługi do strony, musisz skopiować skrócony kod wygenerowany przez wtyczkę. Znajdziesz je pod skrzynkami serwisowymi.

Get the shortcode that lets you add your service boxes into a page, post, or widget area

Po skopiowaniu krótkiego kodu możesz dodać go do dowolnego posta lub strony WordPress. Po prostu Edytuj stronę, na której chcesz wyświetlić sekcję Usługi lub utwórz nową.

Na ekranie Edytuj post kliknij przycisk ( + ), aby dodać nowy blok. Musisz poszukać bloku shortcode, a następnie kliknąć go, aby wstawić go do obszaru zawartości.

Adding a shortcode block using the WordPress block (Gutenberg) editor

Następnie wystarczy wkleić swój shortcode do ustawień bloku.

Pasting the service boxes shortcode into the shortcode block

Następnie możesz zapisać lub opublikować swoją stronę i wyświetlić jej podgląd. Oto jak sekcja Usługi wygląda na żywo na naszej stronie demo:

A completed services page with a service section

Stylizacja Działu Usługi

Wtyczka daje kilka podstawowych opcji, aby łatwo zmienić wygląd sekcji usług.

Po prostu przejdź do Service Box ” Wszystkie Service Box strona w obszarze administracyjnym WordPress, a następnie kliknij sekcję usług utworzoną wcześniej.

The page showing your service boxes

Spowoduje to otwarcie ekranu edycji usług, na którym znajdziesz opcje stylizacji w prawej kolumnie. Tutaj możesz zmieniać czcionki, kolory, pokazywać lub ukrywać ikony, łącze „Czytaj więcej” i inne.

Changing the options for your service boxes

Nie zapomnij kliknąć przycisku „Aktualizuj” na górze strony, aby zapisać zmiany.

Tworzenie formularza zapytania ofertowego dla Twoich usług

Teraz, gdy dodałeś sekcję usługi, następnym krokiem jest przekonwertowanie tych użytkowników. Wiele firm robi to, dodając prośbę o formularz wyceny.

Jest to w zasadzie jak każdy formularz kontaktowy, ale z kilkoma różnicami, aby dopasować się do potrzeb biznesowych. Dzięki temu klienci mogą wysłać Ci wiadomość, a następnie możesz sprzedać im swoją usługę.

Najprostszym sposobem na to jest użycie WPForms, która jest najlepszą wtyczką do formularzy WordPress. Umożliwia łatwe dodawanie dowolnego rodzaju formularzy do witryny za pomocą prostego narzędzia przeciągnij i upuść.

Najpierw musisz zainstalować i aktywować wtyczkę WPForms. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji musisz odwiedzić WPForms ” Ustawienia strona, aby wprowadzić klucz licencyjny. Możesz znaleźć te informacje w swoim koncie na stronie WPForms.

Entering your license key for WPForms

Następnie musisz odwiedzić WPForms ” Dodatki stronę i kliknij przycisk Zainstaluj obok „dodatek do pakietu szablonów formularzy”.

Adding the form templates pack addon to WPForms

Ten dodatek zawiera kilka dodatkowych szablonów, w tym jeden do tworzenia formularza zapytania ofertowego.

Teraz jesteś gotowy do stworzenia formularza.

Po prostu przejdź do WPForms ” Dodaj Nowy aby uruchomić kreator formularzy WPForms. Najpierw musisz wpisać nazwę formularza, a następnie wybrać szablon poproś o wycenę.

Selecting the 'Request a Quote' form template in WPForms

WPForms załaduje teraz edytor formularzy ze wszystkimi wpisami, których zwykle potrzebujesz w formularzu „Prośba o wycenę”. Obejmują one imię i nazwisko, firmę/organizację, adres e-mail, telefon i pole, w którym Klient może wpisać swoje żądanie:

The default Request a Quote template in the WPForms form builder

Możesz łatwo dodawać nowe pola z lewej kolumny lub edytować istniejące pola, po prostu klikając na nie. Możesz także przesuwać pola w górę i w dół, aby je zmienić.

Modifying the Request a Quote form

Gdy będziesz zadowolony z formularza, kliknij przycisk Zapisz na górze, aby zapisać zmiany.

Możesz teraz dodać ten formularz do dowolnego posta lub strony WordPress. Po prostu Edytuj stronę, na której chcesz dodać formularz i blok WPForms do obszaru zawartości.

Add a WPForms block to your page in WordPress

W Ustawieniach bloku należy wybrać wcześniej utworzony formularz z rozwijanego menu. WPForms załaduje podgląd formularza na ekranie.

Możesz teraz zapisać lub opublikować swoją stronę, aby zobaczyć swój formularz na żywo w witrynie WordPress.

The Request a Quote form live on the website

Chcesz uzyskać więcej pomocy w tworzeniu formularza, konfigurowaniu powiadomień i umieszczaniu formularza w witrynie? Po prostu sprawdź nasz samouczek krok po kroku na temat tworzenia formularza kontaktowego.

Tip: Możesz również użyć WPForms do przyjmowania rezerwacji, a nawet akceptowania płatności kartą kredytową.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak utworzyć sekcję usług w WordPress. Możesz również zapoznać się z naszym artykułem na temat najlepszego oprogramowania do czatu na żywo i najlepszych usług telefonicznych dla małych firm.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak naprawić nieprawidłowy błąd JSON w WordPress (Przewodnik dla początkujących)

W artykule: Co powoduje błąd „nieprawidłowa odpowiedź JSON” w WordPress?1. Sprawdź adresy…

Jak zmienić kolor linku w WordPress (poradnik dla początkujących)

W artykule: Dlaczego Linki Są Ważne?Jak dodawać linki w postach i stronach…

Jak naprawić błąd krytyczny w WordPress (krok po kroku)

W artykule: Co To jest błąd krytyczny w WordPress?Co powoduje krytyczny błąd…

Jak zainstalować WordPress lokalnie na komputerze Mac za pomocą MAMP

W artykule: Jak zainstalować MAMP na komputerze MacInstalacja WordPress na komputerze MacWypróbowanie…