# Add Services

**Service** section helps you describe the purpose, features, and benefits of each service you offer on your website. Providing clear and detailed service information builds trust and helps customers make informed decisions.

**WordPress Dashboard > Services > Add New Service**

<figure><img src="https://content.gitbook.com/content/B6OpsLt1gOBzVsjmKvXH/blobs/WF6XBhcD2ydttNMpdknQ/service-12.jpg" alt=""><figcaption></figcaption></figure>

Use this section to add and configure a new service item on your website.

***

#### **Service Settings**

<table><thead><tr><th width="211.77777099609375">Field</th><th>Description</th></tr></thead><tbody><tr><td><strong>Service Icon</strong></td><td>Upload or select an icon that visually represents the service.</td></tr></tbody></table>

***

#### **Edit with Elementor (Visual Editor)**

To visually design your service page using drag-and-drop:

* After saving the service as a **Draft** or **Publishing** it,
* Click the **“Edit with Elementor”** button at the top of the page.

<figure><img src="https://content.gitbook.com/content/B6OpsLt1gOBzVsjmKvXH/blobs/YbGGomkSS4NpreP6OIID/service-04.jpg" alt=""><figcaption></figcaption></figure>

* Use Elementor widgets to customize the layout, add images, text, icons, and more.
* Click **Update** once you are done designing the service page.

#### **Add Service (via Elementor Widget)**

While using Elementor, you may find a custom **“Add Service”** widget provided by the theme. This widget allows dynamic display of services.

<figure><img src="https://content.gitbook.com/content/B6OpsLt1gOBzVsjmKvXH/blobs/eyC2j6HkbyPW50zpAa5U/service-10.jpg" alt=""><figcaption></figcaption></figure>

#### **Widget Settings**

<figure><img src="https://content.gitbook.com/content/B6OpsLt1gOBzVsjmKvXH/blobs/Dvm3D1vlXjXWdgd52WWJ/Service-detailpage.png" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="210.6666259765625">Field</th><th>Description</th></tr></thead><tbody><tr><td><strong>Service Type</strong></td><td>Choose the style or layout type for the service (e.g., Type 1, Type 2 and etc ).</td></tr><tr><td><strong>Show Price</strong></td><td>Enable or disable price visibility in the layout.</td></tr><tr><td><strong>Button Text</strong></td><td>Customize the CTA button text (e.g., “Book Now”, “Learn More”).</td></tr></tbody></table>

***

#### **Service Listing Settings**

These settings control how services are queried and displayed on the front end:

<figure><img src="https://content.gitbook.com/content/B6OpsLt1gOBzVsjmKvXH/blobs/HgMpIwm5J1rvBm5QTVMM/Service-select.png" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="216.22222900390625">Field</th><th>Description</th></tr></thead><tbody><tr><td><strong>Query Services By</strong></td><td>Choose how to load services:<br>- <strong>From Category</strong><br>- <strong>By Specific IDs</strong><br>- <strong>All Services</strong></td></tr><tr><td><strong>Service Count</strong></td><td>Set the number of services to display (e.g., 3, 6, 9).</td></tr><tr><td><strong>Pagination</strong></td><td>Enable pagination to allow browsing through multiple pages of services.</td></tr></tbody></table>

#### **Saving the Service**

Once all the details are filled in:

* Review the information.
* Click the **"Publish"** or **"Update"** button to save your new service.