Mini Program

You might say

I want customers to book inside WeChat without installing another app.

A lightweight app that runs inside a host app such as WeChatA shop can share a booking mini program in a chat, letting customers choose a time inside WeChat. A browser booking page may look the same; its runtime and available capabilities differ.

Know first

Frontend

Mini App

Where can the same booking screen run?

WeChat chatTeaching example

Let’s try pottery this weekend. Pick a time in this booking mini program.

This card opens a mini program. QR codes and chat cards can also open websites, so the entry shape alone does not determine the runtime.

What does the host app provide?

An environment for the app: The host loads the mini program code and provides navigation, components, and supported device capabilities.

Its own development rules: A native WeChat mini program uses WXML for structure, WXSS for styles, and JavaScript for behavior. Other platforms have their own conventions.

Quick checkChoose the best answer

Two booking screens look alike. One opens as a WeChat mini program, the other by a browser URL. What distinguishes them?

The environment that loads and runs the screenWhether both screens have a booking buttonWhether customers entered through a QR code

Send this to the AI Agent in your project

Build this booking feature as a WeChat mini program, keeping time selection and booking history. Explain which website code needs adaptation before implementing. Open it in WeChat Developer Tools and verify entry, navigation, and booking persistence on a device.

Learn next

1Frontend→2WXML→3WXSS→

Recommended tool

Web fine-tuning tool · Selector Pro

Select page elements for precise AI edits

Click a button, text, or card, note the change, then copy its exact location to AI.

Open Selector Pro website