---
title: Editing HTML layouts
slug: campaign/docs/editing-html-layouts
docTags: 
createdAt: 2026-07-20T15:45:07.621Z
---

The product paragraph with the content interface provides a default layout for formatting offer text and images.

:::hint{type="info"}
**Note**

To receive an alternate layout customized to your products and services, contact [customer support](docId\:ZWe1T3UPz3JW6_4mc76qV).
:::

## Standard layout

You can change the order of components in your product offer in the default layout. For example, you can determine whether the current price should be shown first followed by the old one, or whether the product manufacturer should appear before the product category.

To change the order of product offer components in a default layout, perform the following steps:

1. In the Template Kit, click **Settings**. The settings window opens on the right.
2. Click the **Products** tab.
3. In the **Order** area, determine the order of product offer components by selecting from drop-down lists.

   ![Image: Product tab, Order area](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/c3XMsWQXhbQ7JWplrZNiM-20260720-145320.png "Image: Product tab, Order area")

### Standard layout example

![Image: Standard layout](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/PiS4L4_AjLU6EUeWFqaqO-20260720-145321.png "Image: Standard layout")

## Alternate Layout

If [customer support](docId\:ZWe1T3UPz3JW6_4mc76qV) sets up an alternate layout, product offers are formatted according to its specifications. You cannot change the order of components in an alternate layout. To change an alternate layout, contact [customer support](docId\:ZWe1T3UPz3JW6_4mc76qV).

:::hint{type="info"}
**Tip**

If an alternate layout is set up, you cannot access the default layout.
:::

### Alternate layout example

![Image: Alternate layout](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/3frXsdKfFfoHJaMVpNLLu-20260720-145321.png "Image: Alternate layout")
