# Invest Page Builder

Each offering has a public-facing investor landing page that you can fully customize. The Landing Page Builder is located on the **Invest Page** tab of an offering’s detail page in the admin interface. Use this interface to configure which sections appear, add or edit content, apply your brand styling, and then click **Save Invest Page** to publish your changes.

## Section Management

At the top of the Invest Page tab, you’ll see a list of available sections. You can:

1. Enable or disable sections by toggling the checkbox next to each section name.
2. Reorder sections by dragging the “handle” icon on the left up or down.
3. Configure section-specific settings (where applicable) using the gear icon next to each section.

The full list of available sections includes:

* Key Stats
* Token Details
* About (project description)
* Documents (offering documents)
* Links (external resources)
* Tokenomics (allocation breakdown or discounts)
* Token Lifecycle (vesting schedules, distribution options, trading channels)
* Bond Details (coupon schedules, maturity dates, etc.)
* Rich Text (custom HTML content)
* FAQ (frequently asked questions)
* Video (embed a video by URL)
* Team Members
* Roadmap

Sections such as Tokenomics, Token Lifecycle, Bond Details, Rich Text, FAQ, and Video are disabled by default; enable them as needed. When you have finished configuring sections, click **Save Invest Page** at the top or bottom of the tab. Your changes are published immediately.

## Project Description

Add a text description of your project or offering. This appears prominently under the **About this Offering** heading. Use this field to:

* Support plain text with line breaks.
* Explain what the token represents, the purpose of the offering, and why investors should participate.
* Keep it clear, concise, and compelling.

After editing, click **Save Invest Page** to apply your updates.

## Links

Add clickable pills linking to external resources related to your project. Common examples:

* Company website
* Litepaper or whitepaper
* Twitter / X profile
* LinkedIn page
* Telegram group

1. Click **Add Link**.
2. Enter a **label** and **URL**.
3. When finished, click **Save Invest Page** to publish the link.
4. To remove a link, click the delete icon next to it and then click **Save Invest Page**.

## Team Members

Showcase the people behind your project. For each team member, provide:

* **Name** — Full name of the team member.
* **Role** — Title or position (e.g., “CEO”, “CTO”).
* **Bio** — A short description of background or responsibilities.
* **Avatar URL** — Link to a profile photo (optional). If omitted, an initial is shown.
* **LinkedIn URL** — Link to the member’s LinkedIn profile (optional).

To manage team members:

1. Click **Add Member**.
2. Fill in the fields for each person.
3. When done, click **Save Invest Page**.
4. To remove a member, click the delete icon next to their entry and then **Save Invest Page**.

## Roadmap

Display project milestones as a vertical timeline. Each item includes:

* **Title** — Milestone description (e.g., “Token Launch”).
* **Date** — Planned or completed date (free text, e.g., “Q2 2026”).
* **Done** — Check the box for completed milestones.

Use **Add Item** to create new milestones or the delete icon to remove them. After making changes, click **Save Invest Page**. Completed items show a green checkmark; upcoming items appear in grey.

## Tokenomics

Provide a breakdown of token allocation, discounts, or tiered pricing:

* **Label** — Name of the entry (e.g., “Founding Round”).
* **Percentage** — Share of total supply or discount rate.

Click **Add Entry**, fill in the details, and then click **Save Invest Page**. Remove entries with the delete icon and save.

## Token Lifecycle

Configure how tokens vest, distribute, and trade:

* **Vesting** — Enable and define cliff dates, vesting intervals, and amounts.
* **Distribution** — Choose between airdrop or claim flow, set estimated claim dates and a claim URL.
* **Trading** — Enable DEX, CEX, or OTC channels; specify exchange names and proceeds percentages.

Enable the section, click the gear icon to open settings, adjust each sub-feature, and then click **Save Invest Page**.

## Bond Details

If your offering is a bond, provide:

* Coupon payment schedule
* Interest rate or yield
* Maturity date

Enable **Bond Details**, complete the fields in the settings pane, and click **Save Invest Page**.

## Rich Text

Add a custom HTML or rich-text block anywhere on the page:

1. Enable **Rich Text** and click the gear icon.
2. Enter a **Title**.
3. Paste your **Content** (rich text or HTML).
4. Click **Save Invest Page** to display a styled content block on the landing page.

## FAQ

Answer common investor questions:

* **Question** — The question you wish to answer.
* **Answer** — The corresponding response.

Enable **FAQ**, click **Add FAQ Item** to add entries, fill in the fields, and then click **Save Invest Page**. Remove items with the delete icon and save.

## Video

Embed a video to highlight your project:

* **URL** — Link to the video (e.g., YouTube or Vimeo).
* **Title** — Display title for the video section.

Enable **Video**, click the gear icon, enter the details, and click **Save Invest Page** to show an embedded player.

## Branding

Customize the visual style of your landing page under **Branding**:

* **Logo** — Upload an image file. Appears in the navigation bar and hero section.
* **Primary Color** — Main brand color for gradients, buttons, and accents (hex code).
* **Secondary Color** — Complementary accent color (hex code).
* **Font** — Google Font name (default is “Inter”).
* **Theme** — Light or dark mode for backgrounds and text.
* **Hero Gradient End** — Hex color for the end of the hero gradient.
* **Card Background Color** — Background color for stats, document links, and cards.
* **Accent Text Color** — Color for section headers and highlights.
* **Hero Font Color** — Color for text in the hero section.
* **CTA Font Color** — Color for button text across the page.
* **Hero Media** — Choose **Image** or **Video**, then enter the media URL.
* **Favicon URL** — Link to a favicon for display in browser tabs.

Adjust values in the branding pane and click **Save Invest Page** to apply styling updates immediately.

## Saving Changes

After editing any section or style, use the **Save Invest Page** button at the top or bottom of the tab. Your updates go live on the investor-facing page as soon as you save.

## What Investors See

The landing page combines all enabled sections into a polished, conversion-optimized experience:

* A **hero section** with your offering name, token details, price per token, a live countdown timer, and progress bar.
* Custom **hero media** (image or video) and brand colors.
* An **Invest Now** call-to-action button with your chosen CTA text color.
* **Key stats** showing minimum and maximum investment, sale close date, and accepted payment methods (bank transfer, card via [Checkout.com](https://www.checkout.com), or stablecoin payments).
* **Project description**, links, and offering documents.
* Optional sections such as Tokenomics, Token Lifecycle, Bond Details, Rich Text, FAQ, Team Members, Video, and Roadmap.
* Support for **KYC checks** powered by [Sumsub](https://sumsub.com) or [Blockpass](https://www.blockpass.org) (configured in Settings).
* **Multi-chain wallet** support (EVM, Solana, and other networks).
* Investor **portfolio widget** for tracking holdings.
* Your **favicon** displayed in the browser tab.

## Embeddable Widgets

In addition to the landing page, you can embed Offering Manager widgets directly on your own website. Navigate to the **Embed Widgets** tab in the admin interface to get code snippets and direct links for:

* **Checkout Widget** — A full purchase flow for your offering.
* **Investment Card Widget** — A compact card with offering details and an Invest button.
* **Portfolio Widget** — Displays an investor’s holdings and activity.

Each widget snippet includes your subdomain, slug, and any custom brand settings (colors, fonts, theme, hero font, CTA font). Use the **Copy** button to copy the embed code or click **Open in new tab** to view the direct link. Paste the `<script src="https://om.bitbond.com/om-widget.js"></script>` snippet into your site to load the widget.

For more details on available data attributes and styling options, see the Embed Widgets section in the admin UI.

For details on the full investor experience, see [Investor Experience](https://docs.bitbond.com/asset-tokenization-suite/offering-manager/investor-experience).\
Consult the interactive public API documentation at <https://om.bitbond.com/api/docs.\\>
The Offering Manager homepage is <https://om.bitbond.com>.