# Build the tracking page

> STEP 2-4

Create the page where shoppers check their delivery status. There are **two ways** to build it; choose one.

## Comparing the two options

|                  | Use the default theme                                                              | Use a Headless tracking page                                                                                                      |
| ---------------- | ----------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------- |
| Overview         | Use a theme provided by Recustomer with the tracking feature built in               | Embed the tracking feature into any page on your own site                                                                            |
| Work required    | You can publish it just by uploading images in the admin dashboard                  | You need to build one tracking page on your own site (site-building knowledge is required)                                           |
| Design freedom   | The layout is fixed. Set the logo, images, and colors from the admin dashboard      | You can design the whole page freely, including dynamic product recommendations powered by external recommendation apps              |

## Use the default theme

1. Go to Settings > Shopper portal > Tracking page

2. Choose "Use the default theme" and click "**Edit theme**"

   ![The tracking page settings screen. Click the Edit theme button under Use the default theme.](images/02d_tracking-page-setting.png)

3. Upload your brand image, brand logo, banner images, and recommended products as needed

   > **注意: Banner images and recommended products are not updated automatically**
   >
   > To change what is shown, you need to upload the new content manually from this screen each time.
   > If you publish time-limited content such as sale announcements, watch the timing of replacing and removing it.

## Use a Headless tracking page

1. Go to Settings > Shopper portal > Tracking page

2. Choose "**Use a Headless tracking page**"

   ![The tracking page settings screen. Choosing Use a Headless tracking page reveals fields for the URL, brand logo, and brand name.](images/02d_headless-setting.png)

3. In "Headless tracking page URL", enter the URL of the page where the tracking block will be embedded

4. Set the brand logo and brand name, then click "**Save**" at the top right

5. "Steps to embed the tracking block into your Headless tracking page" appears; embed the displayed code into your site

   ![The settings screen after saving. The embedding steps show two pieces of code: a div tag to paste inside the body tag and a script tag to paste after the body tag.](images/02d_headless-embed-code.png)

6. Confirm that the tracking block is shown on the page you specified in step 3

   ![The tracking block shown on the site. Below the Check delivery status heading are input fields for the order number and postal code or tracking number, and a Check delivery status button.](images/02d_headless-tracking-block.png)