Ordering

<main data-personalize="body-order">
  <section id="overview">…</section>
  <aside class="sponsor">…</aside>
  <section id="proof">…</section>
  <section id="details">…</section>
</main>

{
  "id": "body-order",
  "selector": "[data-personalize='body-order']",
  "description": "Order the supporting sections while preserving the sponsor slot",
  "mode": "order",
  "order": {
    "items": [
      { "id": "overview", "selector": "#overview" },
      { "id": "proof", "selector": "#proof" },
      { "id": "details", "selector": "#details" }
    ]
  },
  "defaultVariant": "original",
  "variants": [
    {
      "id": "original", "description": "Original sequence",
      "hypothesis": "Broad introduction first", "audiences": [],
      "value": "[\"overview\",\"proof\",\"details\"]"
    },
    {
      "id": "proof-first", "description": "Customer proof first",
      "hypothesis": "Visitors evaluating the product benefit from evidence first",
      "audiences": [], "value": "[\"proof\",\"overview\",\"details\"]"
    }
  ]
}