Build tour or service pages with your own fields

Chapters

Tap to jump

YOU WILL LEARN

Every tour has a price, a guide and a list of days. Instead of building each page by hand, you can give tours their own fields. Then one design shows them all, and a new tour is just a new item to fill in.

In the screenshots, Himalaya Sangha Journeys, a small travel company, sets up a page for its tours.

Describe one day

An itinerary is made of days, and each day has a title and a plan. That is a shape of your own, called a data type. Data types need the Pro plan.

1. In Site, open Data types (it is under More) and press + New type.
2. Call it Itinerary day.
3. Add one field for the day and one for the plan. In the video, Day is a Text field and Plan is a Paragraph.
4. Press Save type.

A page for each tour

1. In Site, press + Add page.
2. Choose Page for each item. It is one design that every tour uses, with each tour at its own address.
3. Choose Another list, press Continue, and name it Tour. Then press Create page.

The fields every tour has

Each tour already has a name, a cover picture and text. In Fields for each tour, add what else it needs.

1. Press + Add field and add Price and Guide. Both are Text.
2. Add Itinerary, and for its type choose the Itinerary day type you just made.
3. Tick Is a list, because a tour has as many days as it needs.
4. Press Save.

Fill in your first tour

1. Press Create the first tour, give it a name, and press Save. The tour opens.
2. Fill in the short description and the text.
3. Your own fields are below, under Tour details, each with an Edit button. Press Edit next to Price, type the price and save. Do the same for Guide.
4. Press Edit next to Itinerary and add each day with its plan. Use Add More for the next day, then press Save.

1. Press Publish, so the tour is ready for your site.

Show the fields on the page

The Tour page still needs its design.

1. Go back to the Tour list and press Design the page. The editor opens with your real tour in it.
2. To put the price beside the name, select the heading and press Edit.
3. The heading is not fixed text. It is a field, so it changes with each tour. Type @ where you want the price, and your tour's fields appear. Choose Price.

The heading now shows the tour's own price. Every tour will show its own, from the same design.

1. Publish the design, once: press Publish at the top right of the editor, then confirm.

See it as a visitor

Open the tour on your site. It is at its own address. Its name, its price and its text come from what you filled in.

For the days, the video added one more thing to this design beforehand: a list that repeats for each day. That is why each tour shows its own days. The video does not show how to add that list.

From here, a new tour is just a new item: fill in its fields and press Publish. The design takes care of the rest.

Was this tutorial helpful?

IN THIS TUTORIAL

Try it on your own store

14 days free · no credit card

PRODUCT

LEARN

SUPPORT

LEGAL