> For the complete documentation index, see [llms.txt](https://guide.tisagroup.ch/umpire/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guide.tisagroup.ch/umpire/website-configurator/pages/creating-a-page.md).

# Creating a Page

## NEW FORM

***

To create new form:

{% stepper %}
{% step %}
Open a Template

<img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FhGWg4DMrR6cmauxeOFZL%2Fimage.png?alt=media&amp;token=e00f82bb-3ecf-4efc-905b-385c7809adc1" alt="" data-size="original">
{% endstep %}

{% step %}
Click on New Form Button

<img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FPpSnpKtn1EG3pTw1FB2c%2Fimage.png?alt=media&amp;token=69e311d7-f460-4f38-8c75-df1198aaa46b" alt="" data-size="original">

{% endstep %}
{% endstepper %}

New Form will Open containing:

* Page Name
* Components menu
* Publication Options
* Work Field
* Close Page Button - will redirect you to your previous screen

<figure><img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FnUxE2GSHQ34yhwMnamtT%2Fimage.png?alt=media&amp;token=1004d037-4b16-4b2b-96e0-002d66eb80bb" alt=""><figcaption></figcaption></figure>

## PROVIDING DATA

***

### PAGE DETAILS

Provide Page name

<figure><img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FEUJLMnjeutlPMrzuXoyk%2Fimage.png?alt=media&amp;token=1e525ab2-d9fe-4036-a4b1-dc0d72048679" alt=""><figcaption></figcaption></figure>

Open Component Section

<figure><img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2Fr1CPIatPoyaWo220jlZy%2Fimage.png?alt=media&amp;token=00957d56-1ad4-4226-997c-a770c21430d8" alt=""><figcaption></figcaption></figure>

###

## ADDING IMAGES

To add the profile picture, click on the **file from library** button. The Media Library panel will appear. &#x20;

<figure><img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FhuNfjfw4EQTDykMFQskG%2Fimage.png?alt=media&amp;token=0c045ed6-e2b7-4a0f-9ade-c4bcb38b7af7" alt=""><figcaption></figcaption></figure>

If you do not have files in media library you can also add images directly from your computer. To do this you need to:

{% stepper %}
{% step %}
Open library by pressing File from library&#x20;

<img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FUnGBE4RjDULze8kykJcG%2Fimage.png?alt=media&amp;token=b2e2eceb-9440-4b46-94de-b14942de1f79" alt="" data-size="original">
{% endstep %}

{% step %}
Press Add files

<img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FineJxWrJZeTmNCxYRYh1%2Fimage.png?alt=media&amp;token=3872f2f6-0568-4818-917e-3f1c16edaed4" alt="" data-size="original">
{% endstep %}

{% step %}
Press add files from disk or drag them directly onto the grey field.

<img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FDhjRBHGUlVZ6zEInIR9I%2Fimage.png?alt=media&amp;token=e22c30b9-352d-4352-9309-6dbec1548e05" alt="" data-size="original">
{% endstep %}

{% step %}
A toast message will appear informing if the upload was successful.

<img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FfIxKE7b3gpkOPoJABK0S%2Fimage.png?alt=media&amp;token=1e42af99-a3cb-47c0-9462-c74c85059e1c" alt="" data-size="original">
{% endstep %}

{% step %}
Your file is now in the library.  Press close to go back to the form.

<img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FbPYddDSkhegx2c18jfZE%2Fimage.png?alt=media&amp;token=c63e6207-5188-4ffe-abbb-e885ff499ece" alt="" data-size="original">
{% endstep %}

{% step %}
Select the image. And press **add selected** button

<img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FpiYIQdOTeUlnpGELHkrc%2Fimage.png?alt=media&amp;token=a4cfb96f-e544-43f8-810f-8735f5adabd4" alt="" data-size="original">
{% endstep %}
{% endstepper %}

If you have an image already uploaded go to step 6.&#x20;

## ADDING COMPONENTS

Add components according to your needs. Component list corresponds to components chosen in template form.

&#x20;Components will be displayed in order you have added them.

You can change the order by holding and dragging

You can delete the component

**Components** to choose from are as follows:

* Advertisment
* Events
* Iframe
* News
* Quiz
* Squad
* Club
* Group
* Multimedia
* Quiz ranking
* Survey
* Club list
* Main Hero
* Match
* Round
* Video
* Statistics
* Thematic Hero
* Matchlist
* Product List
* Schedule

## PUBLICATION OPTIONS

Publication options allow you to decide if and when the **survey** will be visible on your website.

**To save** draft select the **save draft** button located below status

<figure><img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2F3RcRi6lCViQKBndCxPjJ%2Fimage.png?alt=media&amp;token=1f4141ce-6e90-4d86-b3c7-86e9435bf4b2" alt=""><figcaption></figcaption></figure>

{% hint style="info" %} <mark style="color:blue;">Saving will only be possible if the form is filled correctly</mark>
{% endhint %}

**To publish** now select the now option

<figure><img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FskmHaMSeXh7PWPSLiBOu%2Fimage.png?alt=media&amp;token=1fa0710e-45d9-4d3a-b5d1-7a00f7686cbc" alt=""><figcaption></figcaption></figure>

Then press on the **publish now** button.

<figure><img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FkVTyN3uSZyG5aQTxdqyS%2Fimage.png?alt=media&amp;token=b04b2c89-45ea-48f1-9980-096e7a236d96" alt=""><figcaption></figcaption></figure>

**To schedule** publication:

{% stepper %}
{% step %}
&#x20;Select the plan option

<img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2F5N3DiYQDTdMv7YOBXfjh%2Fimage.png?alt=media&amp;token=7c1423ff-d3ad-47e5-a73e-451beb48055a" alt="" data-size="original">
{% endstep %}

{% step %}
select the date and time

<img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FxDsNKv7u24YtX1x3Dz1w%2Fimage.png?alt=media&amp;token=d919e13f-92f7-4b88-98a7-b871e1cac7e5" alt="" data-size="original">
{% endstep %}

{% step %}
Click on the schedule publication button

<img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FQHw7WPAbRslazENfBNO2%2Fimage.png?alt=media&amp;token=1dababd6-afbf-4575-95e9-9d9b7d2669df" alt="" data-size="original">
{% endstep %}
{% endstepper %}

{% hint style="info" %} <mark style="color:blue;">To reschedule save the content as a draft. Plan button will reappear once the content is in draft status.</mark>
{% endhint %}

<figure><img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FDOTk5adg5K9v2ICpbAaB%2Fimage.png?alt=media&amp;token=58c48882-5912-48fa-aac4-fc8105cd8828" alt=""><figcaption></figcaption></figure>

**To unpublish** select **save as a draft** button when an event is already published.

**To check** the publication **status** see the status field above save draft button.&#x20;

Status field will display:

* **Draft status** - the content will not be visible

<figure><img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FZkNVUBtw6mHdXkkXIZV6%2Fimage.png?alt=media&amp;token=fa56e3e8-8627-42d7-9cd2-5df8742bcf4c" alt=""><figcaption></figcaption></figure>

* **Published status** - the content is visible to visitors. Date and time of publication will be displayed next to status.

<figure><img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2F9Ew5CkWgCOqarUhU693B%2Fimage.png?alt=media&amp;token=678dc9a1-1c87-42af-b74d-ab112544b664" alt=""><figcaption></figcaption></figure>

* **Scheduled for publication** - when you have selected plan option the future date of the publication will be displayed next to the status.

<figure><img src="https://1411196885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmHs2bm4eS2ZOna6wYHPi%2Fuploads%2FS0SbfEXJ5j4nn9lh551r%2Fimage.png?alt=media&amp;token=693be82b-2ff8-48ae-a7cb-5d1a1de9322d" alt=""><figcaption></figcaption></figure>

## MANAGING THE PAGE

***

Pages can now be placed on your website.  After the page is **published** you can now further edit the components.
