Services#

To add services to our website, follow these steps:

Step 1: Navigate to the Services Section#

  1. Go to the main panel and select Pages:

tre_1.png

  1. Select the Pages section:

tre_2.png

  1. Open the Services page:

tre_3.png

  1. Create a subpage for the new service:

tre_4.png

Step 2: Add Content#

  1. Copy the information about the service from existing materials (e.g., templates):

tre_5.png

  1. Paste the service title — a link to the new page will be generated automatically.

  2. Save the page as a draft or publish it immediately, depending on your choice:

tre_6.png

Step 3: Set the Page Type#

Important! Before adding content, set the page type.
For services, select Services as the page type:

tre_7.png

Step 4: Fill in the Content#

  1. Add basic information about the service (e.g., from templates):

tre_8.png
tre_9.png

  1. In addition to the main content, you can add various blocks to enhance the page. Below are the available block types:

Block: Video#

  1. Click « Add block »:

tre_10.png

  1. Select the Video block:

tre_11.png

  1. Fill in the required fields and add a YouTube link.

tre_12.png

Block: Service Description#

This block is designed for adding and formatting text. You can adjust the font, size, boldness, italics, etc.

tre_14.png

Block: Price and Time#

This widget is used to display the price and duration of the service.

tre_15.png

Block: Accordion#

This block is ideal for creating a FAQ section.

  1. Add multiple sub-blocks and fill in the fields with relevant information.

tre_16.png
tre_17.png

  1. Clicking « + » will reveal the answer.

tre_18.png

Block: Before and After#

This block is used for displaying comparison photos (« Before » and « After »).

  1. Upload images to the respective slots.

  2. Drag the slider left to right to see the comparison.

tre_19.png
tre_20.png

Block: Feedback#

This block is used for creating a contact form.

  1. Fill in all the required fields for the form.

tre_21.png

  1. The form is ready for use.

tre_22.png

Page Configuration#

Using the blocks listed above, you can configure service pages in various ways to suit your needs.