Skip to main content
Module 3 of 12 · Build your own website · Lesson 7 of 15

Step 5: Add your services or products

List up to 20 services or products, each with a name, a price, one line and a photo, and put them in order.

6 minBeginnerFor: Business owner building a websiteLast checked
Video tutorial coming soon

The written steps below are complete. The Video script tab shows exactly what the video will cover.

This step is the heart of your website. A business website calls it Your services; a shop calls it Your products. A name and a price for each one is enough to start. Add photos as you get them.

By the end you can

  • Add services or products with prices
  • Add a photo to each one
  • Reorder and remove items

Screens used

  • Editor, step 5: Your services / Your products

Steps

  1. 1

    Add your first item

    On: Editor, step 5

    Tap + Add. A new box appears with three fields.

    You should see: An empty item numbered #1.

  2. 2

    Fill in the name, price and one line

    On: Editor, step 5

    Type the Name. In the price box type the price the way you say it, for example "₹499" or "From ₹1,200". In One line add a short description.

    You should see: The item shows as a card on the website with its name and price.

  3. 3

    Add a photo

    On: Editor, step 5

    Tap the camera square on the left of the item and choose a photo.

    You should see: The photo shows in the square and on the card in the preview.

  4. 4

    Add the rest

    On: Editor, step 5

    Tap + Add for each further service or product. You can have up to 20.

    You should see: Each item appears as its own card.

  5. 5

    Put them in order

    On: Editor, step 5

    Use the ↑ and ↓ buttons on an item to move it up or down. Put your best sellers first. Remove deletes an item.

    You should see: The cards in the preview change order.

Tips

  • With no items yet you can tap Use sample text (edit later) to get a starting list for your type of business, then rename each one.
  • In a shop, a product needs a price to get its own page with an Add to cart button. A product without a price shows an Ask on WhatsApp button instead.
  • If you would rather not show prices, you can hide them all at once in step 9.

Troubleshooting

The + Add button has gone.
You have reached 20 items. Remove one to add another.
Finished this lesson?

Mark it complete to keep your place in the course.