# Element Knowledge and Documentation

<link href="https://fonts.googleapis.com/css?family=Inter" rel="stylesheet">
<style>
body, button, input, select, label, textarea {
  font-family: 'Inter', sans-serif;
}
.CodeMirror, pre, #markdown-editor-input, .editor-toolbar, .code-base {
  font-family: monospace;
}
</style>

<style>
        .break-text,
        #sidebar,
        #content .button,
        .tri-layout-right,
        .grid.third.gap-xxl,
        .comments-container,
        #main-content > .mb-m,
        .tri-layout-mobile-tabs
        {
            display: none;
        }

        .grid-card {
           display: flex;
           flex-direction: column;
           min-height: 100%;
           margin: 4px; 
        }
  
        .grid-card p{
           font-size: 0.9em  
        }

        .bg-book
        {
           background-color: transparent;
           display: flex;
           flex-direction: column;
           min-height: 100%;
        }
        .search-box input
        {
           width: 100%; 
        }
        .search-box 
        {
          width: 100%;  
        }
        h4 {
          margin-top: 0em;
        }

    	.bubble {
    		display: inline-block;
    		background-color: #0dbd8b;
    		border: 1px solid #ccc;
    		border-radius: 133px;
    		padding: 1px 5px;
    		max-width: 300px;
    		word-wrap: break-word;
    		font-family: Arial, sans-serif;
    		color: #fff;
    		margin: 0px;
    		text-align: center;
            font-size: 10px;
    	}
 
    </style>

<style>
.grid.two {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px; /* adjust spacing as needed */
}
.less-padding {
  padding: 18px;
}
</style>

<center>

### <font color="#0dbd8b"><b>Element</b></font> **Product Documentation**<font color="#0dbd8b"><b>.</b></font>

Select your product from the below to visit our dedicated documentation

</center>

<center>
    <div class="grid two">
        <div class="bg-book">
            <div class="grid-card">
                <div class="less-padding">
                    <a href="https://ems-docs.element.io/books/element-server-suite-pro">
                        <img src="https://ems-docs.element.io/uploads/images/cover_book/2025-05/screenshot-2025-05-28-122403.png" />
                    <br />
                    <h4>
                        <font color="#0dbd8b"><b>Element Server Suite Pro<br/><sup style="background-color: #0dbd8b; border-radius: 32px; color: #fff; padding: 0px 10px 2px 10px; text-align: center;">Helm</sup></b></font>
                    </h4>
                    </a>
                    <p class="text-muted">Documentation supporting ESS Pro based on <a href="https://github.com/element-hq/ess-helm">ess-helm</a>.</p>
                </div>
            </div>
        </div>
        <div class="bg-book">
            <div class="grid-card">
                <div class="less-padding">
                    <a href="https://ems-docs.element.io/books/element-server-suite-classic-documentation-lts-2504">
                        <img src="https://ems-docs.element.io/uploads/images/cover_book/2025-06/ess-25-03-blog.png" />
                    <br />
                    <h4>
                        <font color="#0dbd8b"><b>Element Server Suite Classic<br/><sup style="background-color: #0dbd8b; border-radius: 32px; color: #fff; padding: 0px 10px 2px 10px; text-align: center;">Installer</sup></b></font>
                    </h4>
                    </a>
                    <p class="text-muted">Documentation supporting the Classic installer-based ESS.</p>
                </div>
            </div>
        </div>
        <div class="bg-book">
            <div class="grid-card">
                <div class="less-padding">
                    <a href="https://ems-docs.element.io/books/element-cloud-documentation">
                        <img src="https://ems-docs.element.io/uploads/images/cover_book/2023-12/upgrade-ems-min.png" />
                    <br />
                    <h4>
                        <font color="#0dbd8b"><b>Element Matrix Services<br/><sup style="background-color: #0dbd8b; border-radius: 32px; color: #fff; padding: 0px 10px 2px 10px; text-align: center;">Cloud</sup></b></font>
                    </h4>
                    </a>
                    <p class="text-muted">Documentation supporting our managed cloud offering.</p>
                </div>
            </div>
        </div>
        <div class="bg-book">
            <div class="grid-card">
                <div class="less-padding">
                    <a href="https://ems-docs.element.io/books/element-support">
                        <img src="https://ems-docs.element.io/uploads/images/cover_book/2023-08/support-banner.jpg" />
                    <br />
                    <h4>
                        <font color="#0dbd8b"><b>End-User Support<br/><sup style="background-color: #0dbd8b; border-radius: 32px; color: #fff; padding: 0px 10px 2px 10px; text-align: center;">Element / Matrix</sup></b></font>
                    </h4>
                    </a>
                    <p class="text-muted">Documentation supporting Element clients and Matrix.</p>
                </div>
            </div>
        </div>
    </div>
</center>
            
<!-- End Search Box -->

<!-- <br />
<center>
	<div class="bubble">LTS 24.10</div>
	<div class="bubble">LTS 24.04</div>
	<div class="bubble">LTS 23.10</div>
</center> -->

<center>

### **Featured Docs**<font color="#0dbd8b"><b>.</b></font>

</center>

#### **Element Server Suite Pro**<font color="#0dbd8b"><b>.</b></font><sup style="background-color: #0dbd8b; border-radius: 32px; color: #fff; padding: 0px 10px 2px 10px; text-align: center;">Helm</sup>

<center>
    <div class="grid third">
        <div class="bg-book">
            <div class="grid-card">
                <div class="grid-card-content">
                    <a href="https://ems-docs.element.io/books/element-server-suite-pro/page/overview-of-ess-pro">
                        <img src="https://ems-docs.element.io/uploads/images/cover_book/2025-05/screenshot-2025-05-28-122403.png" />
                    <br />
                    <h4>
                        <font color="#0dbd8b"><b>Overview of ESS Pro</b></font>
                    </h4>
                    </a>
                    <p class="text-muted">See the details of our latest enterprise-grade secure communications platform.</p>
                </div>
            </div>
        </div>
        <div class="bg-book">
            <div class="grid-card">
                <div class="grid-card-content">
                    <a href="https://ems-docs.element.io/books/element-server-suite-pro/page/setting-up-ess-pro-helm-chart">
                        <img src="https://ems-docs.element.io/uploads/images/gallery/2025-05/image-1748434735450.png" />
                    <br />
                    <h4>
                        <font color="#0dbd8b"><b>Setting up ESS Pro Helm Chart
</b></font>
                    </h4>
                    </a>
                    <p class="text-muted">Start deploying Element Server Suite Pro with our guide to setting up the helm chart.</p>
                </div>
            </div>
        </div>
        <div class="bg-book">
            <div class="grid-card">
                <div class="grid-card-content">
                    <a href="https://ems-docs.element.io/books/element-server-suite-pro/chapter/configuring-components">
                        <img src="https://ems-docs.element.io/uploads/images/gallery/2025-05/image-1748434854034.png" />
                    <br />
                    <h4>
                        <font color="#0dbd8b"><b>Configuring Components</b></font>
                    </h4>
                    </a>
                    <p class="text-muted">Find out how to configure each component of Element Server Suite Pro.</p>
                </div>
            </div>
        </div>
    </div>
</center>

<br/>
<br/>

#### **Element Server Suite Classic**<font color="#0dbd8b"><b>.</b></font><sup style="background-color: #0dbd8b; border-radius: 32px; color: #fff; padding: 0px 10px 2px 10px; text-align: center;">Installer</sup>

<center>
    <div class="grid third">
        <div class="bg-book">
            <div class="grid-card">
                <div class="grid-card-content">
                    <a href="https://ems-docs.element.io/books/element-server-suite-classic-documentation-lts-2504/page/introduction-to-element-server-suite">
                        <img src="https://ems-docs.element.io/uploads/images/cover_book/2025-06/ess-25-03-blog.png" />
                    <br />
                    <h4>
                        <font color="#0dbd8b"><b>What is Element Server Suite?</b></font>
                    </h4>
                    </a>
                    <p class="text-muted">Element Server Suite provides an enterprise-grade secure communications platform that you can deploy into your environment.</p>
                </div>
            </div>
        </div>
        <div class="bg-book">
            <div class="grid-card">
                <div class="grid-card-content">
                    <a href="https://ems-docs.element.io/books/element-server-suite-classic-documentation-lts-2504/page/requirements-and-recommendations">
                        <img src="https://ems-docs.element.io/uploads/images/gallery/2024-11/image-1730889853185.png" />
                    <br />
                    <h4>
                        <font color="#0dbd8b"><b>Requirements and Recommendations</b></font>
                    </h4>
                    </a>
                    <p class="text-muted">Find out what you need to start deploying Element Server Suite and our recommendations for a successful deployment.</p>
                </div>
            </div>
        </div>
        <div class="bg-book">
            <div class="grid-card">
                <div class="grid-card-content">
                    <a href="https://ems-docs.element.io/books/element-server-suite-classic-documentation-lts-2504/page/installing-element-server-suite">
                        <img src="https://ems-docs.element.io/uploads/images/gallery/2024-11/image-1730890290438.png" />
                    <br />
                    <h4>
                        <font color="#0dbd8b"><b>Installing Element Server Suite</b></font>
                    </h4>
                    </a>
                    <p class="text-muted">Ready to install?<br />Follow our detailed installation guide that takes you through each section of the installer.</p>
                </div>
            </div>
        </div>
    </div>
</center>

<br/>
<br/>

#### **Element Matrix Services**<font color="#0dbd8b"><b>.</b></font><sup style="background-color: #0dbd8b; border-radius: 32px; color: #fff; padding: 0px 10px 2px 10px; text-align: center;">Cloud</sup>

<center>
    <div class="grid third">
        <div class="bg-book">
            <div class="grid-card">
                <div class="grid-card-content">
                    <a href="https://ems-docs.element.io/books/element-cloud-documentation/page/how-to-get-an-ems-server">
                        <img src="https://ems-docs.element.io/uploads/images/cover_book/2023-12/upgrade-ems-min.png" />
                    <br />
                    <h4>
                        <font color="#0dbd8b"><b>How to get an EMS Homeserver?</b></font>
                    </h4>
                    </a>
                    <p class="text-muted">Get started with your own fully managed deployment of Element Server Suite on the EMS Cloud.</p>
                </div>
            </div>
        </div>
        <div class="bg-book">
            <div class="grid-card">
                <div class="grid-card-content">
                    <a href="https://ems-docs.element.io/link/6#bkmrk-element-matrix-servi">
                        <img src="https://ems-docs.element.io/uploads/images/gallery/2024-11/image-1730893017405.png" />
                    <br />
                    <h4>
                        <font color="#0dbd8b"><b>Frequently Asked Questions</b></font>
                    </h4>
                    </a>
                    <p class="text-muted">Find helpful answers to the questions customers frequently ask about Element Matrix Services.</p>
                </div>
            </div>
        </div>
        <div class="bg-book">
            <div class="grid-card">
                <div class="grid-card-content">
                    <a href="https://ems-docs.element.io/books/element-cloud-documentation/chapter/integrations">
                        <img src="https://ems-docs.element.io/uploads/images/gallery/2024-11/image-1730893447756-3-1-7-1-1-1.png" />
                    <br />
                    <h4>
                        <font color="#0dbd8b"><b>Integrations Documentation</b></font>
                    </h4>
                    </a>
                    <p class="text-muted">Want to expand your homeserver with Integrations, check out the Integrations documentation.</p>
                </div>
            </div>
        </div>
    </div>
</center>
<br/>
<br/>

#### **End User Guides**<font color="#0dbd8b"><b>.</b></font>

<center>
    <div class="grid third">
        <div class="bg-book">
            <div class="grid-card">
                <div class="grid-card-content">
                    <a href="https://ems-docs.element.io/books/element-support">
                        <img src="https://ems-docs.element.io/uploads/images/gallery/2024-11/image-1730893827964.png" />
                    <br />
                    <h4>
                        <font color="#0dbd8b"><b>Element<br />Support</b></font>
                    </h4>
                    </a>
                    <p class="text-muted">Platform-agnostic (ESS / EMS) documentation for Matrix, the Element clients as well as  troubleshooting information.</p>
                </div>
            </div>
        </div>
        <div class="bg-book">
            <div class="grid-card">
                <div class="grid-card-content">
                    <a href="https://ems-docs.element.io/books/element-support/chapter/quick-start-guide">
                        <img src="https://ems-docs.element.io/uploads/images/gallery/2024-11/image-1730894481205.png" />
                    <br />
                    <h4>
                        <font color="#0dbd8b"><b>End User<br />Guide</b></font>
                    </h4>
                    </a>
                    <p class="text-muted">A quick start end user guide for how to use our Element Web Matrix client. Covering registration, verification, messaging and more.</p>
                </div>
            </div>
        </div>
        <div class="bg-book">
            <div class="grid-card">
                <div class="grid-card-content">
                    <a href="https://ems-docs.element.io/books/element-support/page/understanding-your-element-accounts">
                        <img src="https://ems-docs.element.io/uploads/images/gallery/2024-11/image-1730895155431.png" />
                    <br />
                    <h4>
                        <font color="#0dbd8b"><b>Your Element Accounts</b></font>
                    </h4>
                    </a>
                    <p class="text-muted">Learn more about the differences between your EMS Account and your Matrix Account(s) to understand what each is used for.</p>
                </div>
            </div>
        </div>
    </div>
</center>