# Website This product allows you to build an event website. Once activated, you will see the menu depicted below: ![](/files/-MTfG4yZN37CSmEcEVVf) ### **Dashboard** The Dashboard contains your website URL. ![](/files/-MU861yCzbsW2ioi-5ZY) It is also where you will publish your website once it is ready. A published website becomes available on the public domain. Conversely, unpublishing a website would throw a ***Website not published error*** if anyone tries to access the URL. ![](/files/-MUt8EjZG0Ny6_FzPwWD) If you have pursued a specific type of Google Analytics integration, these analytics will also show up on the dashboard. To activate this option, you may ask your Project Manager or refer to the Miscellaneous articles within this Knowledge Base. ![](/files/-MTfH7YHus8I33q2rC02) ### **Website URL** When you create an event within your platform, you will be asked to define the event website URL. In order to modify that URL, you must make the change within the section below. By default, your website URL will follow your platform URL. You are only allowed to customise the text after the last forward slash. ![](/files/-MTfHzvfrtmEoreppF74) If you would want to use your own domain, secure this domain first from any registrar (e.g., GoDaddy) and ask your Project Manager for instructions. You would need to set up the DNS records related to the said domain in order to make the switch: ![](/files/-MU8tpEm1NSEHTv5TqmM) ### **Website Visibility** The website is set up as public by default, but you can change its visibility to private if needed. If you define the website's visibility as public, any user will be able to see its content. ![](/files/-MUwT6G3BvgwRDFZ_FvX) If you define it as private, you can choose between allowing access to only approved attendees or by visitors entering a password. If you choose the latter, you can edit the text that is shown within the "enter password" page. ![](/files/-MXDSLdTWW_Ns-v5DTpr) ![](/files/-MXDSPh6uQ1gq93l_eOl) ### **Pages & Content** This is the principal tab within the menu since this is essentially where you are going to build your website.You will find the EventsCase web builder within this section. #### **Creating a Page** If you want to create a new page, click on ***Add new page***. {% hint style="info" %} You may rename a page by clicking on ***Rename***. The page name is automatically incorporated onto the URL of that specific page. {% endhint %} There are also additional options such as setting up the SEO parameters of a specific page, duplicating the page and setting the page as the homepage of the entire website. ![](/files/-MU86KUROMc0LevOlqIi) Any existing page can be visualised using the ***Preview mode***. You also have the option to view a page according to the different screen sizes: mobile, tablet (landscape and portrait), laptop and monitor. ![](/files/-MU8zWJLut2a-Qr9Qo6t) In terms of editing a page, you would need to toggle the ***Edition mode***. ![](/files/-MTfV_ZGDd4S7Sbriq_y) {% hint style="info" %} All pages are divided in three sections: Header, Body (Page) and Footer. Any module that you add within the header and footer sections will be visible within all pages of the website. Conversely, any module you add within the body (page) section, will only be visible within that specific page. {% endhint %} #### **Managing modules** * ***Adding a module*** In order to add a new module onto the page, hover your mouse near the border of an existing module and click on ***Add page*** module above or ***Add page module below***. ![](/files/-MU9-hPUV-0pfAlcIMZs) There are different types of modules that you can add to a page. 1\. **Static vs Dynamic Modules*****:*** a static module has independent content that you will have to add/upload within the module itself. A dynamic module draws data automatically from the ***CONTENT*** menu, the ***Basic Configuration*** section, or other areas of the event. 2\. **Categories of modules under Ready Designs*****:*** when looking for a specific module, you may use the different classifications found under ***Ready Designs***. For example, clicking on the ***Agenda*** tab will show all agenda modules available to you. 3\. **Advanced modules for virtual events*****:*** clicking on ***Advanced*** will show you some website modules that are tailored for virtual events. The ***LIVE INTERACTION*** module has two sections: one for livestreaming and another section for chats, Q\&A, and live polling. In terms of livestreaming video content, we have the following modules: ***YOUTUBE 2.0, VIMEO, VANCAST 2.0*** and ***EVENTSCASE STREAMING*** ***(RTMP)***. {% hint style="info" %} The ***EVENTSCASE STREAMING (RTMP)*** module allows you to directly livestream to EventsCase using the RTMP protocol from any video production software without the need for more conventional streaming platforms like YouTube and Vimeo. {% endhint %} For videoconferencing via Zoom Meetings/Webinar, we also offer the ***ZOOM 2.0*** module. Lastly, you may also incorporate Slido onto your website using the ***SLIDO 2.0*** module. If you want to encourage networking during a virtual event, the ***ATTENDEES*** module is the ideal option. It shows the entire attendee list which can be narrowed down based on the networking group attendees have chosen upon registration or based on the networking group you manually assigned to them as the event organiser. {% hint style="info" %} To look for a module manually, go to the ***Event Data*** tab when adding a new module and use Ctrl/Command + F in order to search for a module by its name. {% endhint %} * ***Deleting a module*** Deleting a module is quite easy. Whilst still editing a page, click on the trash bin icon for a specific module and confirm. ![](/files/-MU9-m1GMdN7MDU31dKA) {% hint style="warning" %} Please note that once a module is deleted, all manually-entered data and design configurations can no longer be restored even if you add back the same module again. {% endhint %} * ***Editing a module*** To edit a module, click on the pencil icon. All modules will have three general sections: 1\. Basic Configuration All modules share the same ***Basic configuration*** page where you can manage visualization preferences such as who can see the module and when: ![](/files/-MU8IBojH3E8MOEL_2pj) 2\. Content Tab Every module has one or more tabs related to its specific contents. If it's a dynamic module, the contents will be drawn straight from the **CONTENT** menu (Speakers, Agenda, Sponsors, etc.), the ***Basic configuration*** section, or other areas of the event. If it's a static module, you will need to manually add/upload contents yourself. For example, the ***Header Slider*** module would require you to add slides manually via the ***Slides*** tab. ![](/files/-MVRZQt3AU1ZRXOKmrje) 3\. Design In some modules, you will find one or more tabs related to the Design where you are able to change colours and other aesthetic elements of the module. Find an example below: ![](/files/-MUx2BLYvWk7_8uLW-UI) {% hint style="info" %} Remember to save your progress when making changes within any tab of the module! {% endhint %} * ***Moving a module*** Moving modules within a page is very easy. You just need to click on the up and down arrows to reposition its order within the page. ![](/files/-MU9-xQfyLRSgnil4O8_) #### Previewing a Page The ***Live preview*** button will open a specific page in your browser so you may visualise it in its final form. It will also give you the URL of that specific page in case you want to share it or link it in a button or shortcut in your website: ![](/files/-MU9007N9Yiu05XcBzCv) {% hint style="info" %} To extract the public URL of a specific page, remove this part from the URL when you're previewing it: ***?web\_editor=1*** {% endhint %} ### **Menu / Sitemap** Now that you have already created the different pages of your website, it is now time to create your site's main navigation menu. This section will allow you to choose the principal links that will be shown on the topbar of your website. You may add links to internal pages (the pages you have created via the web builder) or links to external pages (any other external website link). * ***Add a link to an internal page*** You can select an internal page as the destination for that link. Click on ***Internal page*** where you will be able to choose between all the pages you have created using the web builder. After selecting a page, you can select which specific area of the page you'd like the link to load from (top of the page or a specific module on the page). Type in the link name as the last step and ***Save***. ![](/files/-MVRY1GElEAD_qgoKlgH) * ***Add a link to an external page*** You can also select an ***External page*** as the destination for the link by typing the URL of the desired page. This option will open the link in a new tab. Type in the link name as the last step and ***Save***. ![](/files/-MVRYeNZTyb8QNPv-YeG) ### **Branding / Colours** This section pertains to the overall branding and colour configurations of your website. These are some of the things that you can configure within this tab: 1\. Changing event logo to appear on topbar ![](/files/-MVRa8XenNtaNUOjMgnH) {% hint style="info" %} You may hide the default topbar and replace it with any other topbar module which you will have to add within the header section. {% endhint %} 2\. Uploading a favicon ![](/files/-MVRb8QKJmLfiInEpxL3) 3\. Choosing colours for various aspects of the website You may simply read through the different options here since most of them are self-explanatory. Colours can be selected manually or you can type the code. ![](/files/-MVRcQy3_JXQZSovBRPo) 4\. Implementing a Google font for titles and for the entire website ![](/files/-MVRhGqbPMlmI-dp44JU) 5\. Modifying the default loading icon (GIF image) ![](/files/-MVRhnAPaOyYzbrq132v) ### **Font families** The easiest way for you to change fonts within the website is by using Google Fonts. Once you have determined the Google font, copy the URL and add it within the ***Font families*** section. You can add as many as you want and you will be able to select them within ***Branding/Colours*** > Website and Titles**.** The format of the URL should be the following: fonts.google.com/specimen/xxxxxx ![](/files/-MVRgE87eYWgFDhFVxyh) {% hint style="info" %} If you have custom fonts, please contact your Project Manager. Fees may apply to install font files. {% endhint %} ### **Add buttons to topbar** You may add extra buttons on the topbar. These are independent from the main navigation menu and will appear on the right side of the topbar beside ***MY ACCOUNT***. To add buttons, simply fill out the following fields and click on ***Save***. ![](/files/-MTjsOipvTIQ2iCgx2ws) If you are using EventsCase for registrations, you may also activate a default "Register" button. ![](/files/-MVRlaTyL8b2HnLjOuKV) ### **Google Analytics** You can track basic website analytics by providing the UA tracking code from Google Analytics within this section. Note that the analytics will not appear on the Dashboard through this method. You will have to manually monitor them within Google Analytics. ![](/files/-MTjsiykuXfq_PMDw5uX) If you want analytics to appear directly on the ***Dashboard***, please contact your Project Manager for instructions or refer to the ***Miscellaneous*** section of this Knowledge Base. ### FAQs To see Website FAQs, click here: {% content-ref url="/pages/-MT\_EOHk6qHVIx3LfoY-" %} [Website](/faqs/master-classes/website.md) {% endcontent-ref %} --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.eventscase.com/event-control-panel/product-manuals/website.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.