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

# Portal Overview

> How the fusionCore Portal is built on Salesforce Experience Cloud, the two-package model behind it, and where to start configuring it.

The Portal is the secure, self-service destination your members and customers use to manage their profiles, view and pay Orders, save payment methods, and renew subscriptions. It is built on a standard Salesforce **Experience Cloud** site: you create the site, then place fusionCore components onto its pages. fusionCore ships the components and the checkout engine — not the site container itself — so your Experience Cloud site and these components together make up the Portal.

## How Portal Is Packaged

The Portal is delivered as two packages that play different roles. Knowing which package a component comes from tells you whether you can configure it, edit it, or only customize a copy.

* **Portal (`FCORE_PORTAL`)** — the managed package. It ships the checkout engine and the payment-sensitive and other secure components (checkout, payment, wallet, and payment confirmation). Because it is managed and lives behind the `FCORE_PORTAL` namespace, you **configure** these components through their properties and supporting metadata, but you **cannot edit their code**.
* **Portal Components** — the unmanaged package. It has **no namespace** and uses the `FS_PORTAL_` (Apex) and `fs_portal_` (component) prefixes. It ships most of the customer-facing components — the profile sections, the benefits and subscription hubs, and the checkout display shell. Because the package has no namespace, you **can** edit these directly, and they are meant to be **customized** to fit your site.

The two packages work together: the unmanaged display components call into the managed `FCORE_PORTAL` checkout engine to do the secure work.

<Warning>
  **Clone before you customize.** Configuration-only changes are always safe and need no clone — adjusting a component's properties in Experience Builder or editing a field set changes behavior without touching code, and a package upgrade leaves them intact.

  **Code** changes are different. If you need to change the code of an unmanaged component or Apex class, first make a **clone** of it (a renamed copy), apply your changes to the clone, and point your Experience page at the copy. If you edit the shipped unmanaged component directly, the next package upgrade overwrites your changes. The managed `FCORE_PORTAL` components cannot be edited at all — you configure them through their properties instead.
</Warning>

## Setting Up the Portal

Setting up the Portal is a sequence: create the Experience Cloud site, decide who can reach it, build the pages, and place fusionCore components on those pages to handle checkout, profiles, subscriptions, and payments. If you are new to the Portal, start with **Setting Up a Portal Site**, then enable your users before building out individual pages.

<CardGroup cols={2}>
  <Card title="Setting Up a Portal Site" icon="globe" href="/end-user-guides/portal/setting-up-a-portal-site" arrow="true">
    Create the Salesforce Experience Cloud site that hosts your fusionCore components.
  </Card>

  <Card title="Enabling Guest Portal Users" icon="user" href="/end-user-guides/portal/enabling-guest-portal-users" arrow="true">
    Let unauthenticated visitors reach the pages you choose, and control what they can see.
  </Card>

  <Card title="Enabling Authenticated Portal Users" icon="user-check" href="/end-user-guides/portal/enabling-authenticated-portal-users" arrow="true">
    Give your members logins so they can manage their own records on the Portal.
  </Card>

  <Card title="Creating Portal Site Pages" icon="file-lines" href="/end-user-guides/portal/creating-portal-site-pages" arrow="true">
    Build Experience Builder pages and place fusionCore components onto them.
  </Card>
</CardGroup>

## Portal Components and Pages

<CardGroup cols={2}>
  <Card title="Checkout (LWC)" icon="cart-shopping" href="/end-user-guides/portal/checkout-lwc/index" arrow="true">
    Set up the checkout page that takes payment against an Order or installment.
  </Card>

  <Card title="My Profile" icon="id-card" href="/end-user-guides/portal/my-profile" arrow="true">
    Let portal users view and edit their own Account and Contact information through profile sections.
  </Card>

  <Card title="Portal Order Page (Roster Settings)" icon="list-check" href="/end-user-guides/portal/portal-order-page-roster-settings/roster-settings" arrow="true">
    Configure the Order page and the roster settings that drive it.
  </Card>

  <Card title="Subscription Hub" icon="rotate" href="/end-user-guides/portal/subscription-hub/index" arrow="true">
    Give members a hub to view, manage, renew, and cancel their subscriptions and allocate benefits.
  </Card>

  <Card title="Wallet Item Page" icon="credit-card" href="/end-user-guides/portal/wallet-item-page" arrow="true">
    Place the wallet component so portal users can add and manage saved payment methods.
  </Card>
</CardGroup>
