Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak utworzyć sekcję usług w WordPress (2 proste sposoby)

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Czy chcesz utworzyć sekcję usług w WordPress?

Gdy potencjalni klienci trafią na twoją witrynę, będą chcieli wiedzieć, co oferujesz. Sekcja usług może przekazać te informacje w szybki i łatwy sposób, aby odwiedzający mogli zdecydować, czy chcą dowiedzieć się więcej o twojej firmie.

W tym artykule pokażemy, jak łatwo utworzyć sekcję usług w WordPress.

How to create a services section in WordPress

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

Posiadanie sekcji usług na twojej witrynie WordPress jest ważne, jeśli prowadzisz witrynę internetową z usługami. Zapewnia ona odwiedzającym wszystkie potrzebne informacje na temat oferowanych usług, takie jak korzyści, ceny i specyfikacje techniczne.

W ten sposób odwiedzający mogą szybko i łatwo zdecydować, czy chcą dowiedzieć się więcej o danej usłudze.

An example of a services section

Zazwyczaj sekcja usług na stronie głównej lub stronie docelowej będzie odnośnikiem do własnych stron usług, które szczegółowo opisują każdy element.

Dzięki temu klienci mogą dowiedzieć się więcej o każdej usłudze na własnej stronie.

An example of a services section with CTA buttons

Możesz nawet dodać wezwanie do działania na końcu sekcji usług. Na przykład, możesz dodać formularz, w którym odwiedzający mogą poprosić o spersonalizowaną wycenę.

Poniższy obrazek przedstawia sekcję usług z wyraźnym przyciskiem wezwania do działania.

An example of a contact us form

Biorąc to pod uwagę, przyjrzyjmy się 2 przyjaznym dla początkujących sposobom na utworzenie sekcji usług w WordPress, a następnie dodanie jej do dowolnej strony w Twojej witrynie internetowej. Skorzystaj z poniższych odnośników, aby przejść do wybranej metody:

Metoda 1: Utwórz sekcję usług za pomocą SeedProd (zalecane)

Najprostszym sposobem na stworzenie profesjonalnie zaprojektowanej sekcji usług jest użycie kreatora stron. Dzięki dobrej wtyczce do tworzenia stron możesz promować dowolną liczbę usług i układać je w ładny, przyjazny dla użytkownika układ.

Możesz także zachęcić odwiedzających do dowiedzenia się więcej o twoich usługach, dodając wezwania do działania, odnośniki, przyciski i inne.

SeedProd to najlepszy kreator stron typu „przeciągnij i upuść ” dla WordPress. Zawiera ponad 300 profesjonalnych szablonów stron internetowych i gotowe sekcje, które są idealne do tworzenia sekcji usług.

SeedProd współpracuje również z wieloma popularnymi narzędziami innych firm, których możesz już używać do uzyskiwania konwersji i zarządzania nimi. Obejmuje to najlepsze usługi e-mail marketingu, WooCommerce, Google Analytics i wiele innych.

SeedProd Website and Theme Builder

Aby dowiedzieć się więcej, zobacz naszą szczegółową recenzję SeedProd.

Najpierw należy zainstalować i włączyć wtyczkę SeedProd. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Uwaga: Istnieje również darmowa wersja SeedProd, ale my będziemy używać SeedProd Pro, ponieważ ma więcej szablonów i bloków.

Po włączaniu wtyczki, SeedProd poprosi o twój klucz licencyjny.

SeedProd license key

Informacje te można znaleźć na Twoim koncie w witrynie internetowej SeedProd. Po wpisz klucz licencyjny, przejdź dalej i kliknij „Zweryfikuj klucz”.

Wybierz profesjonalnie zaprojektowany szablon

Następnym krokiem jest utworzenie nowej strony, na której dodasz sekcję usług. Aby to zrobić, przejdź do SeedProd ” Landing Pages w twoim kokpicie WordPress.

Gdy już to zrobisz, kliknij przycisk „Utwórz nową stronę docelową”.

SeedProd's page design templates

Możesz teraz wybrać dowolny z gotowych szablonów SeedProd.

Aby ułatwić znalezienie idealnego szablonu, projekty witryn internetowych SeedProd są podzielone na różne rodzaje kampanii, takie jak squeeze, lead, sales i coming soon.

Możesz kliknąć karty w górnej części ekranu, aby filtrować szablony na podstawie rodzaju kampanii.

The SeedProd template library

Jeśli wolisz zacząć od zera, SeedProd ma również szablon Blank Template, który nie ma żadnej domyślnej treści ani elementów projektu.

Aby przyjrzeć się projektowi z bliska, wystarczy najechać twoim kursorem myszy na szablon, a następnie kliknąć małą ikonkę lupy.

Previewing a SeedProd template

Po znalezieniu układu, którego chcesz użyć, kliknij „Wybierz ten szablon”. We wszystkich naszych obrazkach używamy szablonu „Masterclass Sales Page”, ale możesz użyć dowolnego szablonu.

Po wybraniu szablonu wpisz nazwę własnej strony. SeedProd automatycznie utworzy adres URL przy użyciu tytułu, ale możesz go zmienić, jeśli chcesz.

Opisowy adres URL pomaga wyszukiwarkom zrozumieć, o czym jest dana strona, dzięki czemu mogą one dostarczyć ją osobom, które szukają treści podobnych do twoich.

Creating a new page using SeedProd

Aby Twoja strona miała jak największe szanse na pojawienie się w odpowiednich wynikach wyszukiwania, możesz dodać odpowiednie słowa kluczowe do adresu URL. Może to poprawić twoje SEO WordPress.

Gdy jesteś zadowolony z informacji, które wpiszesz, kliknij przycisk „Zapisz i rozpocznij edycję strony”.

Zaprojektuj swoją własną stronę

Zobaczysz teraz kreator stron SeedProd typu „przeciągnij i upuść”. Po prawej stronie znajduje się podgląd twojej strony, a po lewej niektóre ustawienia.

The SeedProd page builder

Większość szablonów SeedProd zawiera już pewne bloki, które są rdzeniem każdego układu SeedProd.

Aby dostosować blok, wystarczy kliknąć, aby go wybrać. Menu po lewej stronie pokaże wszystkie ustawienia, których można użyć do edycji bloku, takie jak zmiana wielkości litery.

Customizing a SeedProd block

Jeśli chcesz usuwać blok z szablonu strony, po prostu kliknij ten blok.

Następnie kliknij małą ikonkę kosza na pływającym pasku narzędzi.

Deleting blocks from a custom layout

Aby utworzyć nowe bloki w twoim projekcie, wystarczy kliknąć blok w menu po lewej stronie i przeciągnąć go do edytora.

Następnie możesz kliknąć, aby wybrać blok i wprowadzić zmiany w menu po lewej stronie.

Możesz powtórzyć te kroki, aby utworzyć dowolną stronę.

Dodaj sekcję Usługi

SeedProd zawiera również „Sekcje”, które są kombinacjami wierszy i bloków, które są często używane razem. Na przykład SeedProd ma sekcje dla często zadawanych pytań, stopek, nagłówków i opinii klientów.

Posiada również różne sekcje, które są idealne do tworzenia sekcji usług w WordPress. Aby zapoznać się z różnymi sekcjami, kliknij kartę „Sekcje”.

Te mini szablony są podzielone na różne kategorie. Aby utworzyć sekcję usług, zalecamy zapoznanie się z kategorią „Funkcje”.

SeedProd 'Features' sections

Znajdziesz tu sekcje wykorzystujące akapity, podtytuły i obrazki w ładnym układzie.

Na poniższym obrazku widać sekcję „Features 3”, która jest podobna do pola funkcji z ikonkami. Aby przekształcić ją w sekcję usług, wystarczy dodać twój własny tekst i obrazki.

An example section template

Warto również przyjrzeć się kategorii „Wezwanie do działania”. Zawiera ona wiele różnych sekcji, w tym kilka, które można wykorzystać do reklamowania twoich usług.

Na poniższym obrazku widać sekcję „Call To Action 6”, w której jest już miejsce na trzy usługi.

An example CTA section template

Aby wyświetlić podgląd sekcji, najedź na nią kursorem myszy, a następnie kliknij ikonkę lupy, która się pojawi.

Gdy znajdziesz sekcję, której chcesz użyć, po prostu najedź na nią myszką, a następnie kliknij małą ikonkę „+”.

Adding a services section to your WordPress website

Spowoduje to dodanie sekcji na dole twojej strony, ale możesz przenosić sekcje i bloki wokół projektu za pomocą przeciągania i upuszczania.

Po dodaniu sekcji wystarczy kliknąć dowolny blok wewnątrz tej sekcji, aby ją dostosować. Aby rozpocząć, zazwyczaj będziesz chciał wpisać rodzaj informacji o twoich usługach.

Aby to zrobić, wystarczy kliknąć dowolny tekst, nagłówek lub podobną sekcję. Następnie wpisz rodzaj tekstu w polu tekstowym, które pojawi się w menu po lewej stronie.

Editing a services section in WordPress

Można również formatować tekst, podobnie jak w przypadku stylowania tekstu w edytorze treści WordPress.

Dobrym pomysłem jest również dodanie odnośników, aby odwiedzający mogli dowiedzieć się więcej o usłudze.

Customizing the services section in WordPress

Inną opcją jest użycie przycisku „Wezwanie do działania”. Nawet jeśli sekcja nie ma wbudowanych przycisków, można je łatwo dodać.

W menu po lewej stronie wystarczy kliknąć ikonkę „Bloki”, która wygląda jak wiele małych kropek.

How to add blocks to a services section

Następnie możesz przeciągnąć i upuścić blok „Przycisk” do twojej sekcji.

Jeśli dodasz blok „Przycisk”, możesz go dostosować w dokładnie taki sam sposób, jak edytujesz dowolny blok. Wystarczy go kliknąć, a następnie wprowadzić twoje zmiany w menu po lewej stronie.

Adding a CTA button to a services section with WordPress

Możesz dodać więcej bloków, wykonując ten sam proces opisany powyżej.

Na przykład, można użyć bloków „Imagely”, aby pokazać każdą usługę w działaniu.

Adding images to a services section

Możesz nawet dodać animacje CSS, aby wyróżnić sekcję usług.

Kiedy jesteś zadowolony z wyglądu strony, nadszedł czas, aby ją opublikować, klikając strzałkę rozwijaną obok przycisku „Zapisz”.

Następnie wybierz opcję „Opublikuj”.

Publishing a services section to your WordPress website

Twoja strona zostanie teraz uruchomiona w witrynie internetowej WordPress, a odwiedzający będą mogli zobaczyć wszystkie Twoje usługi na pierwszy rzut oka.

Chcesz uzyskać więcej porad i wskazówek, aby dostosować sekcję usług do własnych potrzeb za pomocą SeedProd? Sprawdź te poradniki:

Metoda 2: Utwórz sekcję usług za pomocą Service Box Showcase (bezpłatnie)

Możesz także zbudować sekcję usług za pomocą darmowej wtyczki Service Box Showcase, a następnie dodać ją do dowolnej strony lub wpisu za pomocą krótkiego kodu.

Będziesz musiał użyć jednego z gotowych układów sekcji usług we wtyczce, więc nie jest to najbardziej konfigurowalna metoda.

Wtyczka umożliwia jednak utworzenie sekcji usług za pomocą znanego edytora bloków WordPress, więc jest to szybkie i łatwe.

Najpierw należy zainstalować i włączyć darmową wtyczkę Service Box Showcase. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu przejdź do Service Box ” Utwórz nowy Service Box.

The Service Box Showcase plugin

Na początek musisz wpisać rodzaj tytułu dla twojej sekcji usług. Pojawi się on tylko w kokpicie, a nie na twojej witrynie internetowej, więc możesz użyć dowolnego tytułu.

Następnie znajdź układ, którego chcesz użyć i kliknij przycisk „Wybierz”.

Choosing a design for the services section

Następnie przejdź do sekcji „Dodaj pole usługi”, która domyślnie zawiera dwie usługi.

Aby dodać więcej usług do sekcji, kliknij przycisk „Utwórz nowe pole usługi”.

How to add more services to the service box

Gdy już to zrobisz, możesz wpisać rodzaj tytułu dla każdej usługi i dodać opis.

Jest to tekst, który zobaczą odwiedzający, więc upewnij się, że przekazujesz im wszystkie potrzebne informacje.

Creating a services section using a free WordPress plugin

Domyślnie wtyczka używa tej samej ikonki dla każdej usługi. Dobrym pomysłem jest zmiana tych ikonek na coś unikatowego dla każdej usługi.

Aby zobaczyć różne ikonki, których można użyć, kliknij pole „Ikonka usługi”. Spowoduje to otwarcie wyskakującego okienka, w którym można przewijać różne obrazy i kliknąć ten, którego chcesz użyć.

Adding a custom icon to each service

Dobrym pomysłem jest również dodanie odnośnika do strony, na której odwiedzający mogą dowiedzieć się więcej o każdej usłudze lub nawet strony z formularzem kontaktowym, aby mogli porozmawiać z Tobą bezpośrednio.

Aby to zrobić, wystarczy wpisać odnośnik w polu „Dodaj swoją usługę lub dowiedz się więcej”.

Adding a link to a services section

Po dodaniu wszystkich tych informacji możesz zmienić wygląd twojej sekcji usług za pomocą „Ustawień skrzynki usług”.

Większość z tych ustawień jest dość prosta. Można na przykład zmienić wielkość i styl pisma. Można również zmienić kolor odnośnika, a także kolor tytułu, opisu i innych elementów.

Jeśli nie chcesz używać żadnych ikonek w sekcji usług, możesz je usuwać, klikając przełącznik „Wyświetl ikonkę”.

Hide and show the services icon

Istnieje wiele różnych ustawień, a to, co wygląda dobrze, może się różnić w zależności od twojego motywu WordPress.

Jeśli nie jesteś zadowolony z tego, jak sekcja usług wygląda na twojej witrynie internetowej, zawsze możesz wrócić do „Ustawień boksu usług” i wprowadzić pewne zmiany.

Gdy będziesz zadowolony z konfiguracji skrzynki usług, po prostu kliknij przycisk „Opublikuj” u góry strony, aby zapisać twoje zmiany.

Możesz teraz dodać sekcję usług do swojej witryny internetowej e-handel za pomocą krótkiego kodu. Wystarczy przewinąć do „ServiceBox Shortcode” i skopiować kod.

Adding a services section to your WordPress website using shortcode

Teraz możesz dodać pole usług do dowolnego wpisu, strony, panelu bocznego lub innego obszaru obsługującego widżety w twoim motywie. Więcej szczegółów na temat umieszczania krótkiego kodu można znaleźć w naszym przewodniku na temat dodawania krótkiego kodu w WordPress.

Po wklejeniu krótkiego kodu wystarczy kliknąć „Aktualizuj” lub „Opublikuj”, aby wprowadzić zmiany. Teraz, jeśli przejdziesz na swoją witrynę, zobaczysz sekcję usług w działaniu.

A services section, created using a free plugin

W tym momencie możesz zdać sobie sprawę, że chcesz wprowadzić pewne zmiany, takie jak użycie innego koloru tła lub dodanie większej liczby usług.

Aby edytować sekcję, wystarczy przejść do Service Box ” All Service Box. Następnie należy znaleźć skrzynkę usługi i kliknąć jej odnośnik „Edytuj”.

Editing your services using a free plugin

Teraz wprowadź swoje zmiany w „Ustawieniach Service Box” i innych sekcjach.

Gdy będziesz zadowolony z wprowadzonych zmian, nie zapomnij kliknąć „Aktualizuj”.

Updating the services box

Teraz, jeśli przejdziesz na stronę lub wpis, w którym dodałeś pole usług, zobaczysz twoje zmiany.

Dowiedz się, jak zamienić więcej odwiedzających w potencjalnych klientów

Stworzenie sekcji usług na witrynie internetowej Twojej firmy to świetny krok do zaprezentowania tego, czym się zajmuje Twoja firma i jakie korzyści może przynieść docelowym odbiorcom.

Jeśli chcesz przenieść swoją witrynę internetową na wyższy poziom, będziesz musiał dodać inne elementy do swojej witryny, aby przekonwertować odwiedzających w potencjalnych klientów. Oto kilka pomysłów do wypróbowania:

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 najlepszych wtyczek WordPress PayPal do akceptowania płatności i jak dodać piękne tabele cenowe 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.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

Jeden komentarzZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.