How to create a services section in WordPress

How to Create a Services Section in WordPress


Do you want to add a services section to your WordPress website?

When potential customers arrive at your site, they want to know what services you offer. A services section can communicate this information in a quick and easy way, so visitors can decide whether they want to learn more about your business.

In this article, we’ll show you how to easily create a services section in WordPress. We’ll also share how to get more leads by adding a quote request form to your services section.

How to create a services section in WordPress

Why Create a Services Section in WordPress?

To get more sales, it’s important to give visitors all the information they need to understand what services you offer.

This can include everything from prices and benefits to detailed technical specifications, depending on the services you sell.

That’s a lot of information, so we recommend creating a custom page in WordPress for each service you offer.

You can then add a services section to your homepage or landing page, which will provide a brief overview of all your services, in a compact area.

An example of a services section

That way, visitors can quickly decide whether they want to learn more about your services.

You can then include links to the different service pages, so visitors can explore each service in more detail.

An example of a services section with CTA buttons

Another option is to include a strong call to action, such as requesting a callback or filling out a form to get a personalized quote.

The following image shows an example of a call to action, which appears directly beneath a services section.

An example of a contact us form

That being said, let’s take a look at how to easily create a services section in WordPress and then add it to any page on your website. Simply use the quick links below to jump to the method you want to use.

Method 1. How to Create a Services Section with SeedProd (Recommended)

The best way to create a services section is by using a page builder.

A good page builder plugin will allow you to add as many services as you want, and arrange those services in a nice layout. You can also encourage visitors to learn more about your services by adding CTAs, links, buttons, and more.

SeedProd is the best drag-and-drop page builder for WordPress. It comes with more than 180 professionally-designed templates and ready-made sections that are perfect for promoting your services.

SeedProd also works with many popular third-party tools that you may already be using to get and manage conversions. This includes top email marketing services, WooCommerce, Google Analytics, and more.

First, you need to install and activate the SeedProd plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Note: There’s also a free version of SeedProd but we’ll be using SeedProd Pro since it has more templates and blocks. It also works with all the best email marketing services.

After activating the plugin, SeedProd will ask for your license key.

SeedProd license key

You can find this information under your account on the SeedProd website. After entering the license key, go ahead and click on ‘Verify Key.’

The next step is creating a new page where you will add the services section. To do this, go to SeedProd » Landing Pages in your WordPress dashboard.

Once you’ve done that, click on the ‘Add New Landing Page’ button.

SeedProd's page design templates

You can now choose any of SeedProd’s ready-made templates.

To help you find the perfect template, SeedProd’s designs are organized into different campaign types, such as ‘squeeze,’ ‘ead,’ and ‘coming soon.’

You can click the tabs at the top of the screen to filter the templates based on campaign type.

The SeedProd template library

If you prefer to start from scratch, then SeedProd also has a Blank Template, which doesn’t have any default content or design elements.

To take a closer look at a design, simply hover your mouse over the template and then click on the little magnifying glass icon.

Previewing a SeedProd template

When you find a layout that you want to use, click on ‘Choose This Template.’ We’re using the ‘Masterclass Sales Page’ template in all our images, but you can use any template you want.

After choosing a template, type in a name for your custom page. SeedProd will create a URL automatically using the title, but you can change this if you want.

A descriptive URL helps search engines understand what a page is about, so they can deliver that page to people who are searching for content just like yours.

Creating a new page with SeedProd

To give your page the best chance of appearing in relevant search results, you may want to add some relevant keywords to the URL. When you’re happy with the information you’ve entered, click on the ‘Save and Start Editing the Page’ button.

This loads the SeedProd drag-and-drop page builder. It shows a live preview of your page to the right, and some settings on the left.

The SeedProd page builder

Most SeedProd templates already contain some blocks, which are a core part of any SeedProd layout.

To customize any block, simply click to select it. The left-hand menu will then show all the settings you can use to edit the block, such as changing the font size or replacing a stock image.

Customizing a SeedProd block

If you want to remove a block from the design, then simply click on that block.

Next, go ahead and click on the small trash icon in the menu bar that appears.

Deleting blocks from a custom layout

To add new blocks to your design, just click on the block in the left-hand menu and drag it onto the editor.

You can then click to select the block and make any changes in the left-hand menu.

You can repeat these steps to create any kind of page, such as a homepage or Google Ad landing page. The possibilities are endless.

SeedProd also comes with ‘Sections.’ These are rows and block templates for common web design elements. For example, SeedProd has sections for frequently asked questions, footers, and customer testimonials.

It also has various sections that are perfect for creating a services section in WordPress. To take a look at the different sections, go ahead and click on the ‘Sections’ tab.

These mini templates are organized into different categories, but since we want to create a services section, we recommend taking a look at the ‘Features’ category.

SeedProd 'Features' sections

Here, you’ll find sections that use paragraphs, subheadings, and images in a nice layout.

In the following image, you can see the ‘Features 3’ section. To turn this into a services section, you simply need to add your own text and images.

An example section template

You may also want to look at the ‘Call To Action’ category. This category has lots of different sections, including a few that you can use to advertise your services.

In the following image, you can see the ‘Call To Action 6’ section, which already has space for three services.

An example CTA section template

To preview a section, just hover your mouse over it and then click on the magnifying glass icon that appears.

When you find a section that you want to use, simply move your mouse over that section and click on the little ‘+’ icon.

Adding a services section to your WordPress website

This adds the section to the bottom of your page, but you can move sections and blocks around your design using the drag-and-drop feature.

After adding a section, simply can click on any block inside that section to customize it. To start, you’ll typically want to type in some information about your services.

To do this, just click on any ‘Text,’ ‘Headline,’ or similar section. Then type into the text field that appears to the left of the builder.

Editing a services section in WordPress

You can format the text, similar to how you style text in the standard WordPress post editor.

It’s also a good idea to add links to pages where visitors can learn more about each service.

Customizing the services section in WordPress

Another option is to use a ‘Call to Action’ button. Even if the section doesn’t come with buttons, it’s easy to add them.

In the left-hand menu, just click on the ‘Blocks’ icon, which looks like a square of small dots.

How to add blocks to a services section

You can then drag and drop a ‘Button’ block into your section.

If you do ‘Button’ blocks, then you can customize them in exactly the same way you edit any block. Just click on it, and then make your changes in the left-hand menu.

Adding a CTA button to a services section with WordPress

You can add more blocks by following the same process described above.

For example, you might add photos showing each service in action using an ‘Image’ block.

Adding images to a services section

When you’re happy with how the page looks, it’s time to publish it by clicking on the dropdown arrow next to the ‘Save’ button.

Then, select the ‘Publish’ option.

Publishing a services section to your WordPress website

Your page will now go live on your WordPress website and visitors can see all your services at a glance.

Method 2. Creating a Services Section in WordPress using Block Editor

You can also build a services section using the free Service Box Showcase plugin, and then add it to any page or post using shortcode.

You will need to use one of the plugin’s pre-made service section layouts, so this isn’t the most customizable method.

However, the plugin does let you create a service section using the familiar WordPress content editor tools, so it’s quick and easy.

First, you need to install and activate the free Service Box Showcase plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Upon activation, head over to Service Box » Add New Service Box in your WordPress admin panel.

The Service Box Showcase plugin

To start, you’ll need to type in a title for your services section. This will only appear in the dashboard and not on your website, so this title is for your reference only.

After that, find the layout that you want to use and click on its ‘Select’ button.

Choosing a design for the services section

Next, scroll to ‘Add Service Box,’ which has two services by default.

To add more services to the section, go ahead and click on ‘Add New Service Box.’

How to add more services to the service box

Once you’ve done that, you can type in a title for each service and add a description.

This is the text that will appear on the front end of your site, so make sure you give visitors all the information they need.

Creating a services section using a free WordPress plugin

By default, the plugin adds the same icon to each service. It’s a good idea to change these icons to something that’s unique to each service.

To see the different icons that you can use, click on the ‘Service Icon’ field. This opens a popup where you can scroll through the different pictures and click the one you want to use.

Adding a custom icon to each service

It’s also a good idea to add a link to a page where visitors can learn more about each service, or even a page that has a contact form.

To do this, simply type the link into the ‘Add Your Service Or Read More Link Here’ field.

Adding a link to a services section

After adding all this information, you can change how your service section looks using the ‘Service Box Settings.’

Most of these settings are fairly straightforward. For example, you can change the font size and style. You can also change the link color, plus the color of the title, description, and more.

If you don’t want to use any icons in the services section, then you can remove them by clicking on the ‘Display Icon’ switch.

Hide and show the services icon

There are lots of different settings and what looks good may vary depending on your WordPress theme. With that being said, you can always come back to the ‘Service Box Settings’ and make some changes if you’re unhappy with how the services section looks on your website.

When you’re happy with how the services box is set up, simply click on the ‘Publish’ button at the top of the page to save your changes.

You can now add the services section to your WordPress blog using a shortcode. Simply scroll to ‘ServiceBox Shortcode’ and copy the code.

Adding a services section to your WordPress website using shortcode

You’re now ready to add the services box to any post or page. For more details on how to place the shortcode, you can see our guide on how to add a shortcode in WordPress.

Once you’ve pasted the shortcode, just click ‘Update’ or ‘Publish’ to push changes live. Then, if you visit your site you’ll see the services section in action.

A services section, created using a free plugin

At this point, you may realize that you want to make some changes such as using a different background color or adding more columns.

To make these changes, simply go to Service Box » All Service Box. You can then hover your mouse over the service box and click on the ‘Edit’ link when it appears.

Editing your services using a free plugin

Now, make your changes using the ‘Service Box Settings’ and other sections.

When you’re happy with the changes you’ve made, don’t forget to click on ‘Update.’

Updating the services box

Now, if you visit the page or post where you added the services box, you’ll see your changes on the site.

BONUS: Creating Request a Quote Form For your Services

A services section gives visitors an overview of your company and what you offer, so they can decide whether they want to learn more.

Once you’ve caught the visitor’s attention, the next step is turning them into leads and customers. You can do this by adding a ‘Quote Request Form’ to your site.

This is similar to a contact form, but it has an extra area where visitors can type in some information about themselves or what they’re looking for.

This can help you sell more services. For example, you might recommend a particular service, create a unique package for that customer, or send them a personalized email based on the information they’ve entered.

The easiest way to create a quote request form is by using WPForms. It is the best WordPress forms plugin and allows you to add any type of form to your website using a simple drag-and-drop editor.

WPForms even has a ready-made ‘Request a Quote Form’ that has everything you need to turn visitors into leads.

First, you need to install and activate the WPForms plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Note: There is a free version of the WPForms plugin, but we will be using the Pro version because it comes with the ‘Request a Quote’ form template.

Upon activation, head over to WPForms » Settings and enter your license key.

Entering the WPForms license key

You can find the license key under your account on the WPForms website. It’s also in the email you got when you purchased WPForms.

After entering the license key, click on the ‘Verify Key’ button. After a few moments, you will see a message confirming that you’ve entered the right license key.

Once you’ve done that, go to WPForms » Add New.

Creating a new form using WPForms

Here, type in a name for your form. This is just for your reference so you can go ahead and use any title you want.

Next, type ‘request a quote’ into the search field. This will bring up the ‘Request a Quote Form’ in the results.

Using a form template

You can now go ahead and click on the ‘Use Template’ button.

This will load the WPForms editor, with the form on the right and all of the different settings on the left.

The ‘Request a Quote Form’ template has fields where the visitor can enter their information, such as their name, email address, and phone number.

There’s also a section where they can type in their specific request.

The Request a Quote Form

The default form should work well for most websites, but it’s easy to customize the form if you need to.

To edit a field, simply click to select it. The left-hand menu will then show all the settings you can use to customize this field.

For example, you can change the text that appears above any field by changing the text in the ‘Label’ field.

Adding a label to a form field

You can also add more fields by selecting the ‘Add Fields’ tab.

Then, simply drag and drop any field block onto the form.

Adding fields to a ready-made from template

You can also change the order that the fields appear in your form using drag and drop.

When you’re happy with how the form looks, go ahead and click on the ‘Save’ button.

Saving your quote request form

You can now add this form to any WordPress post or page using the WordPress content editor.

Simply open the page where you want to add the form and then click on the ‘+’ button.

Next, type ‘WPForms’ and click on the block to add it to your page.

The WPForms block

Finally, open the dropdown menu and select the quote request form.

WPForms will show a preview of the form on the screen. If you’re happy with how the form looks, then you can go ahead and save or publish the page.

A quote request form created using WPForms

The quote request form will now be live for your visitors to use.

We hope this article helped you learn how to create a services section in WordPress. You might also like to check out our article on the best live chat software and how to create an email newsletter.

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 How to Create a Services Section in WordPress first appeared on WPBeginner.



53 thoughts on “How to Create a Services Section in WordPress

  1. What’s up, I desire to subscribe for this webpage to
    obtain hottest updates, therefore where can i do it please help out.

  2. Excellent goods from you, man. I have have in mind your stuff previous
    to and you are just extremely excellent. I actually like
    what you have bought here, really like what you’re stating and the way wherein you say it.

    You make it enjoyable and you continue to care for to keep it
    wise. I cant wait to learn much more from you. This is
    actually a terrific website.

  3. Hey There. I found your blog using msn. This is a very well written article.
    I’ll be sure to bookmark it and come back to read more of your useful info.

    Thanks for the post. I’ll definitely return.

  4. You could definitely see your enthusiasm in the article you write.

    The sector hopes for even more passionate writers such as you who
    aren’t afraid to mention how they believe.
    At all times go after your heart.

  5. I got this web site from my pal who told me about
    this website and now this time I am visiting this web site
    and reading very informative articles or reviews at this time.

  6. It’s a shame you don’t have a donate button! I’d without a doubt donate to this brilliant blog!
    I suppose for now i’ll settle for book-marking and adding your RSS feed to my
    Google account. I look forward to brand new updates and will share this site with my Facebook group.
    Talk soon!

  7. 토토사이트라고 하는 단어가 대체 뭐길래
    이렇게 홍보가 많은지 궁굼합니다.
    제가 직접 확인한 결과 돈 벌수 있게 도와주는 사이트더라구요.
    노예삶이 싫으면 한번 따라오세요

  8. So who knows what the word 토토사이트 means? i would appreciate it if you leave a comment in my page as well

  9. Great goods from you, man. I have understand your stuff
    previous to and you’re just too wonderful.
    I actually like what you’ve acquired here, certainly like what you
    are stating and the way in which you say it. You make it enjoyable and you still care for to keep it sensible.
    I cant wait to read much more from you. This is really a great site.

  10. Hi, I do think this is a great blog. I stumbledupon it ;
    ) I am going to return yet again since i have saved as a favorite
    it. Money and freedom is the best way to change, may you be rich
    and continue to guide others.

  11. As the admin of this site is working, no doubt very shortly it will be famous, due to its feature contents.

  12. continuously i used to read smaller content which also clear
    their motive, and that is also happening with this post
    which I am reading at this place.lonte bagong ngentot kontol anjing fuck cunt shit kelentit dick

  13. Excellent blog right here! Also your website a lot up
    very fast! What web host are you the use of? Can I am getting your
    associate link to your host? I desire my web site loaded up as fast as yours lol

  14. Excellent article! We will be linking to this particularly great content on our site.
    Keep up the good writing.

  15. Hi there would you mind sharing which blog
    platform you’re using? I’m planning to start my own blog in the near future but I’m having a difficult time selecting between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I ask is because your design seems different then most blogs and
    I’m looking for something unique. P.S Apologies for being off-topic but I had to ask!

  16. Does your website have a contact page? I’m having trouble locating it but, I’d like to
    shoot you an e-mail. I’ve got some creative ideas for your blog you might be interested in hearing.
    Either way, great website and I look forward
    to seeing it develop over time.

  17. I am extremely impressed with your writing skills as well as with the layout on your blog.

    Is this a paid theme or did you modify it yourself? Anyway keep up the excellent quality writing, it’s rare
    to see a nice blog like this one nowadays.

  18. My family members every time say that I am wasting my time here at web,
    however I know I am getting knowledge every day by reading thes
    fastidious posts.

  19. Pretty section of content. I just stumbled upon your website and in accession capital to assert that I acquire in fact enjoyed account your blog posts.
    Anyway I will be subscribing to your augment and even I achievement you access consistently fast.

  20. Hi there, I think your blog could possibly be having internet browser compatibility problems.
    When I take a look at your website in Safari, it
    looks fine however, if opening in I.E., it’s got some overlapping issues.
    I just wanted to give you a quick heads up!
    Besides that, great site!

  21. I like what you guys are up too. This type of clever work and reporting!
    Keep up the good works guys I’ve incorporated you guys to my own blogroll.

  22. Hey I know this is off topic but I was wondering if you knew of any
    widgets I could add to my blog that automatically tweet
    my newest twitter updates. I’ve been looking for a
    plug-in like this for quite some time and was hoping maybe you would have some experience with something like
    this. Please let me know if you run into anything.
    I truly enjoy reading your blog and I look forward to your new updates.

  23. Hi! Quick question that’s totally off topic. Do you know how to make
    your site mobile friendly? My website looks weird when browsing from my apple iphone.
    I’m trying to find a theme or plugin that might be able to fix this issue.
    If you have any suggestions, please share. Cheers!

  24. Wonderful post however , I was wanting to know
    if you could write a litte more on this subject?

    I’d be very grateful if you could elaborate a little bit further.
    Many thanks!

  25. Excellent way of explaining, and fastidious post to take information on the topic of my presentation subject matter, which i am going to deliver in academy.

  26. Wonderful goods from you, man. I’ve understand your stuff previous to and you are just too great.
    I really like what you’ve acquired here, really like what you are saying and the way in which you say it.
    You make it enjoyable and you still care for to keep it wise.
    I can not wait to read much more from you. This is actually a great web site.

  27. I am regular reader, how are you everybody?

    This piece of writing posted at this site is actually fastidious.

  28. Pretty component to content. I just stumbled upon your
    web site and in accession capital to assert that I get actually enjoyed account your weblog posts.
    Any way I will be subscribing for your feeds and even I success you
    get admission to consistently rapidly.

  29. Greetings! Very helpful advice in this particular post!

    It is the little changes that will make the greatest changes.
    Thanks for sharing!

  30. Pretty section of content. I just stumbled upon your site and in accession capital to assert that I get actually
    enjoyed account your blog posts. Anyway I’ll be subscribing to your feeds and even I achievement you access consistently quickly.

  31. Thanks on your marvelous posting! I truly enjoyed reading it, you will be a great author.I will be sure
    to bookmark your blog and will often come back down the road.
    I want to encourage you to ultimately continue
    your great work, have a nice weekend!

  32. Fantastic items from you, man. I have consider your
    stuff previous to and you’re just too magnificent.
    I actually like what you have obtained here, really like what you’re saying and the best way in which you say it.

    You’re making it entertaining and you still care for to keep it sensible.
    I cant wait to read much more from you. That is actually a wonderful web site.

  33. You really make it appear so easy together with your presentation but I find this topic
    to be really something that I believe I’d never understand.
    It seems too complex and very large for me. I am having a
    look ahead on your subsequent put up, I will
    attempt to get the grasp of it!

  34. An interesting discussion is worth comment.
    I believe that you need to publish more on this topic, it might not be a taboo
    subject but generally folks don’t talk about such issues.
    To the next! All the best!!

  35. Nice blog! Is your theme custom made or did you download it from somewhere?
    A theme like yours with a few simple adjustements would really make
    my blog shine. Please let me know where you got your design. Thanks a lot

  36. I’m not that much of a online reader to be honest but your sites really nice, keep it up!
    I’ll go ahead and bookmark your website to come back down the road.
    Cheers

  37. Simply wish to say your article is as astounding.
    The clarity in your post is simply cool and i can assume you are an expert on this subject.
    Fine with your permission allow me to grab your
    feed to keep updated with forthcoming post. Thanks a million and please carry on the enjoyable
    work.

  38. Hi, i think that i saw you visited my weblog
    thus i came to “return the favor”.I am trying
    to find things to enhance my web site!I suppose its
    ok to use a few of your ideas!!

  39. Its like you read my mind! You appear to know
    a lot about this, like you wrote the book in it or something.
    I think that you can do with a few pics to drive the message home
    a little bit, but other than that, this is excellent blog.
    A great read. I will definitely be back.

  40. Ahaa, its pleasant discussion about this article here at this web site,
    I have read all that, so at this time me also commenting here.

  41. Hola! I’ve been reading your website for some time now and finally got the courage to go ahead and give you a shout out from Houston Tx!
    Just wanted to say keep up the great work!

  42. My coder is trying to convince me to move to .net from PHP.
    I have always disliked the idea because of the
    expenses. But he’s tryiong none the less. I’ve been using Movable-type on a number
    of websites for about a year and am worried about switching to
    another platform. I have heard excellent things about blogengine.net.
    Is there a way I can transfer all my wordpress posts into it?
    Any kind of help would be really appreciated!

  43. Ӏ’m curіous to find out what blog platform ʏou’re utilizing?
    І’m eхperiencing some minor security problems with
    my latest site and I would like to find something more risk-free.
    Do you have any suggestions?

  44. 좋은 정보 항상 감사합니다. 저도 똑같이 보답해주고 싶은데요 혹시 좋은
    투자 정보 이렇한 좋은 정보를 제가 나눠드리겠습니다.
    저를 따라와주세요!

Leave a Reply

Your email address will not be published. Required fields are marked *