> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tryarchitect.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Creating Personalized ABM Pages

> Bulk-create a personalized page for every prospect in your list, from upload to published links.

<div className="not-prose w-full">
  <div className="mx-auto max-w-6xl px-4 sm:px-6 lg:px-8 py-6 md:py-8">
    <div className="relative">
      <div className="relative z-10 space-y-16 md:space-y-24">
        <div className="flex flex-col md:flex-row gap-8 md:gap-12 lg:gap-16 items-center">
          <div className="flex-1 w-full">
            <div className="flex items-center gap-3 mb-4">
              <span className="inline-flex shrink-0 items-center justify-center w-10 h-10 rounded-full font-bold text-lg" style={{ background: '#59D38C', color: '#ffffff' }}>
                1
              </span>

              <h2 className="text-2xl md:text-3xl font-bold tracking-tight">Upload your Prospects</h2>
            </div>

            <p className="text-base md:text-lg text-gray-500 mb-4 leading-relaxed">
              Add your prospects to the platform so the agent knows who to personalize pages for. You can upload them individually or in bulk via CSV.
            </p>
          </div>

          <div className="flex-1 w-full">
            <div className="rounded-xl overflow-hidden border border-gray-200 bg-gray-50">
              <div className="p-4">
                <p className="text-xs font-medium text-gray-600 mb-3">prospects.csv</p>

                <div className="overflow-hidden rounded-lg border border-gray-200 bg-white">
                  <table className="w-full text-left text-sm">
                    <thead className="bg-gray-50">
                      <tr className="text-xs text-gray-600">
                        <th className="px-3 py-2 font-medium">Name</th>
                        <th className="px-3 py-2 font-medium">Email</th>
                        <th className="px-3 py-2 font-medium">Phone</th>
                      </tr>
                    </thead>

                    <tbody>
                      <tr className="border-t border-gray-100">
                        <td className="px-3 py-2 text-gray-900">Jane Smith</td>
                        <td className="px-3 py-2 text-gray-700">[jane@acmecorp.com](mailto:jane@acmecorp.com)</td>
                        <td className="px-3 py-2 text-gray-700">+15551234567</td>
                      </tr>

                      <tr className="border-t border-gray-100">
                        <td className="px-3 py-2 text-gray-900">Tom Chen</td>
                        <td className="px-3 py-2 text-gray-700">[tom@northwind.com](mailto:tom@northwind.com)</td>
                        <td className="px-3 py-2 text-gray-700">+15559876543</td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div className="flex flex-col md:flex-row-reverse gap-8 md:gap-12 lg:gap-16 items-center">
          <div className="flex-1 w-full">
            <div className="flex items-center gap-3 mb-4">
              <span className="inline-flex shrink-0 items-center justify-center w-10 h-10 rounded-full font-bold text-lg" style={{ background: '#59D38C', color: '#ffffff' }}>
                2
              </span>

              <h2 className="text-2xl md:text-3xl font-bold tracking-tight">Create a Group and set the CTA</h2>
            </div>

            <p className="text-base md:text-lg text-gray-500 mb-4 leading-relaxed">
              Create a new Page for the campaign, then set the final destination — a URL or form — where you want prospects to convert.
            </p>

            <div className="bg-gray-50 border border-gray-200 p-4 mt-4">
              <p className="text-sm font-medium mb-1">Tip</p>

              <p className="text-sm text-gray-600">
                Use one Page per campaign so you can keep the CTA consistent across all pages.
              </p>
            </div>
          </div>

          <div className="flex-1 w-full">
            <div className="rounded-xl overflow-hidden border border-gray-200 bg-gray-50">
              <img alt="Page setup and call-to-action settings" loading="lazy" decoding="async" className="w-full h-auto" src="https://mintcdn.com/architect-d889a35e/2fk-dUKTarOSj_MH/overview/images/Screenshot_2026-02-01_at_17.20.06.png?fit=max&auto=format&n=2fk-dUKTarOSj_MH&q=85&s=8c22a8598acd8bb36e9c4c43deb5d3f3" width="1148" height="896" data-path="overview/images/Screenshot_2026-02-01_at_17.20.06.png" />
            </div>
          </div>
        </div>

        <div className="flex flex-col md:flex-row gap-8 md:gap-12 lg:gap-16 items-center">
          <div className="flex-1 w-full">
            <div className="flex items-center gap-3 mb-4">
              <span className="inline-flex shrink-0 items-center justify-center w-10 h-10 rounded-full font-bold text-lg" style={{ background: '#59D38C', color: '#ffffff' }}>
                3
              </span>

              <h2 className="text-2xl md:text-3xl font-bold tracking-tight">Bulk create pages from the People tab</h2>
            </div>

            <p className="text-base md:text-lg text-gray-500 mb-4 leading-relaxed">
              Go to the People tab and bulk create pages for each prospect. The agent will enrich every profile and generate a personalized page for every person in your list.
            </p>
          </div>

          <div className="flex-1 w-full">
            <div className="rounded-xl overflow-hidden border border-gray-200 bg-gray-50">
              <img alt="Bulk create pages for prospects" loading="lazy" decoding="async" className="w-full h-auto" src="https://mintcdn.com/architect-d889a35e/2fk-dUKTarOSj_MH/overview/images/edit-agent.png?fit=max&auto=format&n=2fk-dUKTarOSj_MH&q=85&s=12fee26534def21b0a5890fd7a3a1116" width="2612" height="1586" data-path="overview/images/edit-agent.png" />
            </div>
          </div>
        </div>

        <div className="flex flex-col md:flex-row-reverse gap-8 md:gap-12 lg:gap-16 items-center rounded-2xl p-4" style={{ border: '1px solid #59D38C', background: 'rgba(89,211,140,0.06)', boxShadow: '0 0 0 1px rgba(89,211,140,0.2), 0 0 58px rgba(89,211,140,0.32)' }}>
          <div className="flex-1 w-full">
            <div className="flex items-center gap-3 mb-4">
              <span className="inline-flex shrink-0 items-center justify-center w-10 h-10 rounded-full font-bold text-lg" style={{ background: '#59D38C', color: '#ffffff' }}>
                4
              </span>

              <h2 className="text-2xl md:text-3xl font-bold tracking-tight">Publish and export</h2>
            </div>

            <p className="text-base md:text-lg text-gray-500 mb-4 leading-relaxed">
              Publish the pages, export the list of live links, and share it with your team.
            </p>
          </div>

          <div className="flex-1 w-full">
            <div className="rounded-xl overflow-hidden border border-gray-200 bg-gray-50">
              <div className="p-6">
                <div className="flex items-center gap-3">
                  <div className="inline-flex items-center justify-center rounded-full px-3 py-1 text-sm font-semibold" style={{color: '#59D38C', background: 'rgba(89,211,140,0.16)', border: '1px solid rgba(89,211,140,0.32)'}}>
                    Done
                  </div>

                  <button type="button" className="inline-flex items-center justify-center rounded-lg px-4 py-2 text-sm font-semibold text-white shadow-sm" style={{background: '#59D38C'}}>
                    Publish
                  </button>
                </div>

                <p className="text-sm text-gray-600 mt-4">
                  Export the list of published links and share it with your team.
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


## Related topics

- [Different use cases](/docs/overview/creating-first-pages/different-use-cases.md)
- [How to set the CTA](/docs/overview/for-abm/how-to-set-the-cta.md)
- [Changelog](/docs/changelog.md)
- [What is Architect?](/docs/index.md)
- [Different page components](/docs/overview/creating-first-pages/different-page-components.md)
