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

# SuperOffice Docs

export const RecentPages = ({items}) => {
  if (!items || items.length === 0) {
    return null;
  }
  return <div className="recent-pages-list">
      {items.map(item => <a key={item.path} href={item.path} className="recent-pages-item">
          <span className="recent-pages-title">{item.title}</span>
          <span className="recent-pages-since">{item.since}</span>
        </a>)}
    </div>;
};

<div id="home-hero" className="relative w-full flex items-center justify-center">
  <div id="home-hero-bg" className="absolute inset-0 h-full bg-cover bg-center" />

  <div id="home-hero-content">
    <div className="text-5xl text-white font-bold w-full leading-[1.2] tracking-tight">
      docs.superoffice.com
    </div>

    <p className="text-lg text-white">
      The official documentation site for the SuperOffice Platform - the leading CRM & Customer Service available.
    </p>
  </div>
</div>

<div id="home-content">
  <Columns cols={4}>
    <Card title="User guides" href="/en/learn" icon="graduation-cap">
      Product knowledge-base to learn concepts, features and solve issues.
    </Card>

    <Card title="Sale" href="/en/sale" icon="dollar-sign">
      Manage your sales pipeline from lead to closed deal.
    </Card>

    <Card title="Marketing" href="/en/marketing" icon="bullseye">
      Create mailings, forms, and marketing flows that convert.
    </Card>

    <Card title="Request management" href="/en/request" icon="ticket">
      Track and resolve customer requests efficiently.
    </Card>

    <Card title="Email" href="/en/email" icon="at">
      Great customer relations start with great communication.
    </Card>

    <Card title="Document" href="/en/document" icon="file-lines">
      Store and organize documents alongside your customer data.
    </Card>

    <Card title="WebTools" href="/integrations/webtools" icon="globe">
      Connect your website forms and pages to SuperOffice.
    </Card>

    <Card title="Settings and maintenance" href="/en/admin" icon="gear">
      Configure and maintain your SuperOffice installation.
    </Card>

    <Card title="Customization" href="/en/customization" icon="sliders">
      Tailor SuperOffice to fit how your organization works.
    </Card>

    <Card title="Automation" href="/en/automation/overview" icon="microchip">
      Automate workflows with CRMScript, triggers, and webhooks.
    </Card>

    <Card title="Database Mirroring" href="/en/online/mirroring/overview" icon="database">
      Keep your on-premise database in sync with the cloud.
    </Card>

    <Card title="Developer portal" href="/en/developer-portal/about" icon="laptop">
      Learn how to create online applications.
    </Card>
  </Columns>

  <div id="home-hugo-banner">
    <img src="https://mintcdn.com/superofficeas/u5WBG0f0YqTmD999/media/loc/en/home/hugo-fall-leaves.jpg?fit=max&auto=format&n=u5WBG0f0YqTmD999&q=85&s=d93832408a54f20622ff16f6064b1d69" alt="Hugo, the SuperOffice mascot, standing among autumn leaves" width="1400" height="1400" data-path="media/loc/en/home/hugo-fall-leaves.jpg" />
  </div>

  <div className="my-12">
    <h2 className="text-4xl font-bold">What type of user are you?</h2>
  </div>

  <div id="home-user-types">
    <Columns cols={3}>
      <Card title="SuperUser" href="/en/admin" cta="LEARN MORE">
        <img src="https://mintcdn.com/superofficeas/u5WBG0f0YqTmD999/media/loc/en/home/hugo-superuser.png?fit=max&auto=format&n=u5WBG0f0YqTmD999&q=85&s=07821d60a38e43640e6c65bb739b2606" className="home-user-type-hugo" alt="Hugo wearing a medal, representing the SuperUser role" width="600" height="600" data-path="media/loc/en/home/hugo-superuser.png" />

        A person who has system administrative privilege's and special functional and data access rights for managing how SuperOffice behaves. The friend you need to tweak the system!
      </Card>

      <Card title="Consultant" href="/en/automation/overview" cta="LEARN MORE">
        <img src="https://mintcdn.com/superofficeas/u5WBG0f0YqTmD999/media/loc/en/home/hugo-consultant.png?fit=max&auto=format&n=u5WBG0f0YqTmD999&q=85&s=cc513ab37ac9bbc738a02fa60cdcf312" className="home-user-type-hugo" alt="Hugo holding a cup of coffee, representing the Consultant role" width="500" height="500" data-path="media/loc/en/home/hugo-consultant.png" />

        A person who works with companies to improve their use of SuperOffice to achieve business goals.
        An expert in all technical aspects of SuperOffice—hired to provide advice, solve problems, and increase efficiency.
      </Card>

      <Card title="Developer" href="/en/api/overview" cta="LEARN MORE">
        <img src="https://mintcdn.com/superofficeas/u5WBG0f0YqTmD999/media/loc/en/home/hugo-developer.png?fit=max&auto=format&n=u5WBG0f0YqTmD999&q=85&s=0d2472b05053c8580c176a6cb99837bd" className="home-user-type-hugo" alt="Hugo holding a tablet, representing the Developer role" width="600" height="600" data-path="media/loc/en/home/hugo-developer.png" />

        A software engineer responsible for implementing application or integration requirements,
        or providing consultancy on how integrations should be built using current industry trends.
      </Card>
    </Columns>
  </div>

  <div id="home-whats-new" className="my-12">
    <Columns cols={2}>
      <Card title="New content">
        <RecentPages
          items={[
{ path: "/release-notes/12", title: "What's new in SuperOffice 12", since: "07.09.2026", pinned: true },
{ path: "/en/marketing", title: "Marketing landing page", since: "08.24.2026" },
{ path: "/en/automation/webhook", title: "Webhooks administration", since: "06.15.2026" },
{ path: "/en/marketing/forms/admin/form-field-restrictions", title: "Form field restrictions", since: "06.15.2026" },
{ path: "/en/request/admin/relation-rules", title: "Relation rules", since: "06.15.2026" },
{ path: "/en/request/learn/request-relations", title: "Request relations", since: "06.15.2026" },
]}
        />
      </Card>

      <div id="home-team-photo">
        <img src="https://mintcdn.com/superofficeas/u5WBG0f0YqTmD999/media/loc/en/home/team-photo.jpg?fit=max&auto=format&n=u5WBG0f0YqTmD999&q=85&s=82194dab2e7cb1c1df161b2fa5a39128" alt="" width="480" height="480" data-path="media/loc/en/home/team-photo.jpg" />
      </div>
    </Columns>
  </div>
</div>

<div id="custom-mode-footer">
  <div id="custom-mode-footer-inner">
    <a href="https://www.superoffice.com" id="custom-mode-footer-brand" aria-label="www.superoffice.com">
      <img src="https://mintcdn.com/superofficeas/BJqSjEsmM6pjqgwk/logo/light.svg?fit=max&auto=format&n=BJqSjEsmM6pjqgwk&q=85&s=06b92c182ed9bf9a926f8eb3bf79a166" className="cmf-logo-light" alt="SuperOffice" width="2036" height="373" data-path="logo/light.svg" />

      <img src="https://mintcdn.com/superofficeas/BJqSjEsmM6pjqgwk/logo/dark.svg?fit=max&auto=format&n=BJqSjEsmM6pjqgwk&q=85&s=919c143b2c999648b6fdc60d8de8ef95" className="cmf-logo-dark" alt="SuperOffice" width="2041" height="374" data-path="logo/dark.svg" />
    </a>

    <div id="custom-mode-footer-links">
      <div className="cmf-link-col">
        <a href="https://community.superoffice.com">Community</a>
        <a href="https://www.superoffice.com/company/privacy/">Privacy</a>
      </div>

      <div className="cmf-link-col">
        <a href="https://github.com/SuperOfficeDocs/feedback/issues/new?title=Feedback-@Source%3A%20%5Bdocs.superoffice.com%5D(https%3A%2F%2Fdocs.superoffice.com)">Site feedback</a>
        <a href="/contribute/">Contribute</a>
      </div>

      <div className="cmf-link-col">
        <a href="/en/onsite/">Onsite (version 11 and older)</a>
      </div>
    </div>

    <div id="custom-mode-footer-socials">
      <a href="https://www.youtube.com/user/SuperOfficeNetwork" aria-label="YouTube" className="cmf-social">
        <img src="https://mintcdn.com/superofficeas/4LfqBPc3-nRJjyM9/logo/social-youtube.svg?fit=max&auto=format&n=4LfqBPc3-nRJjyM9&q=85&s=0bc05f43ba7ae325b30578ac367f5d7a" alt="YouTube" width="32" height="32" data-path="logo/social-youtube.svg" />
      </a>

      <a href="https://www.facebook.com/SuperOfficeCRM" aria-label="Facebook" className="cmf-social">
        <img src="https://mintcdn.com/superofficeas/4LfqBPc3-nRJjyM9/logo/social-facebook.svg?fit=max&auto=format&n=4LfqBPc3-nRJjyM9&q=85&s=010e3b1a8abf33194e35b92114cc0a6b" alt="Facebook" width="32" height="32" data-path="logo/social-facebook.svg" />
      </a>

      <a href="https://www.instagram.com/superofficecrm" aria-label="Instagram" className="cmf-social">
        <img src="https://mintcdn.com/superofficeas/4LfqBPc3-nRJjyM9/logo/social-instagram.svg?fit=max&auto=format&n=4LfqBPc3-nRJjyM9&q=85&s=f2fde48a17a1e009e6790d2909b82d48" alt="Instagram" width="32" height="32" data-path="logo/social-instagram.svg" />
      </a>

      <a href="https://www.linkedin.com/company/superoffice-as" aria-label="LinkedIn" className="cmf-social">
        <img src="https://mintcdn.com/superofficeas/4LfqBPc3-nRJjyM9/logo/social-linkedin.svg?fit=max&auto=format&n=4LfqBPc3-nRJjyM9&q=85&s=7fb7f28f6670b5b346cbca4e9b96a0b5" alt="LinkedIn" width="32" height="32" data-path="logo/social-linkedin.svg" />
      </a>
    </div>
  </div>
</div>


## Related topics

- [Contribute to SuperOffice Docs](/contribute/overview.md)
- [Getting started with SuperOfficeDocs](/contribute/getting-started.md)
- [Reviews on SuperOfficeDocs](/contribute/review/index.md)
- [SuperOffice.WebApi.Data.DocTmplDirection](/en/api/reference/webapi/SuperOffice.WebApi.Data.DocTmplDirection.md)
- [SuperOffice.WebApi.Data.DocTmplType](/en/api/reference/webapi/SuperOffice.WebApi.Data.DocTmplType.md)
- [SuperOffice.WebApi.Data.DocTmplInvitationType](/en/api/reference/webapi/SuperOffice.WebApi.Data.DocTmplInvitationType.md)