Website settings

To open the "Website settings", click on the gear icon in the top right corner of the website editor.

Website theme

The “Website theme” tab is divided into the areas “Main Colors”, “Cards”, "Contrasts theme" and “Lines and borders”, in which the following properties can be adjusted with HEX codes. You can check your adjustments in the preview on the right-hand side.

Main Colors

• The buttons are displayed in the primary color.
• The secondary color is only used for the headings of the individual modules, such as Schedule, Location, Registration, etc.
• The main background color refers to the individual modules - without boxes or set contrasts.
• You can also define the main text color, which refers to the continuous text.

Cards

• The “background around the cards” refers to those widgets that display the content in additional boxes. These include, for example, the “Registration” and “Schedule” modules (layout 1 & 2).
• The color scheme for the “Background inside cards” can also be defined individually.
• If you activate the “Flat Cards” toggle, the box is displayed without a border (“shadow”). The border makes the box stand out visually.

Contrast theme

To apply the contrasts on the website, please activate the toggle first. In the area that now opens, you can make the following settings:

• Using the “Contrast background color” field, you can define the contrast for all those modules in which the “Contrasts” toggle has been activated. You can find more information in the desired blocks. By default, this applies in particular to the header (layout 2) and the footer.
• You can define the corresponding color in the “Contrast text color” field so that the font of the respective widgets to which the “Contrast background” has been applied is also easy to read.

Lines and borders

• You can use the slider under “Button border radius” to set how rounded the corners of your buttons should be displayed. If the slider is all the way to the left, the buttons are square; the further the slider is moved to the right, the more rounded the buttons are displayed.
• The slider under “Line thickness” allows you to make the frame line of your button thicker. The setting also affects, for example, the separator line in the registration form or the lines of the program.

Website Grid 

The “Website Grid” tab allows you to change the spacing, for example outside or within the individual modules as well as between them. You can differentiate between horizontal and vertical alignment.

For the "Desktop & Tablet Grid", values between 0 and 12 are available on the scale. 0 suggests the smallest spacing, while 12 represents the largest spacing. 

• Outer margin: The two switches under “Horizontal” define how large the outer distance of the blocks should be, i.e. from the edge of the website to the block. Under “Vertical”, you define the outer distance between the individual blocks at the top or bottom.
• Inner margin: Use the slider under “Horizontal” to define the distance between the content (e.g. text, images or videos) to the left and right of the module edge. Use the switch under “Vertical” to adjust the spacing within the blocks upwards and downwards.
• Padding between widgets: This slider allows you to set how large the space between the individual blocks on your website should be. Unlike the outer margin (“Vertical”), the spacing is not applied to the navigation, header or footer blocks.
• Content width: Define the width of your website; three pixel sizes (960px, 1280px and 1920px) are available for this. With the “Not limited” option, the width of the website is not limited. By default, the width is defined as 1280px.

The following setting options are available for the "Mobile Grid", similar to the desktop and tablet version:

• Outer margin (horizontal & vertical)
• Padding between widgets

You can check your adjustments in the preview on the right-hand side. To see how the spacing looks in the mobile version, switch to the mobile view using the smartphone icons in the preview area on the far right.

Click on the "Reset to default" button to reset the settings you have made. 

Website Typography

Open the “Website Typography” tab in the "Website settings" to define the font weight, size and line height and to add custom fonts for your website.

• Heading 1 refers to the event name in the header module.
• Heading 2 influences the headings of the individual modules (e.g. “Free text”, "Speakers", “Location” etc.).
• Subheading refers, for example, to the address of the location or the first and last names of the speakers.
• Body text refers to any text in the free text or description fields, such as the speaker titles and descriptions or the directions under “Location”.

For the font weight, you can choose between thin, normal, bold and extra-bold in the dropdown for your headings (1-3) and body text.

You can also define the font size via the dropdown. The unit is pt, i.e. point font. You also have the option of defining the font size manually using the pencil symbol.

You can use the line height to define the spacing between the individual lines. You can also define this spacing in the dropdown.

Domain & SEO

In the "Domain & SEO" tab, you can customize the name and domain of your website, configure privacy settings, define SEO-content, and store your tracking codes. 

Settings

In the "Settings" card, you will find a preview of your browser tab at the top. Below, the following configuration options are available:

• Tab preview & Name: At the very top, you see the preview of your browser tab. You can directly adjust the website name displayed in it using the corresponding text field.
• Add/replace Favicon: Click on the pen icon at "Favicon" to upload your own icon via the file manager. Please pay attention to the recommended image sizes. If you do not store your own favicon, the standard icon will be displayed in the browser tab next to your website name.
• Activate default website: Use the toggle to activate the default tag for this event website.
  The default tag is crucial for the correct functionality of the "personal registration link" placeholder [[event.register]]. If this placeholder is used in your messages, it automatically leads participants to the website on which this toggle is active. If you have set up multiple websites using a registration form, you need to define one "main" page and assign the default tag to it.
• Publication period: Here you can view the currently set timeframe for publication.
  Note: This timeframe cannot be edited directly here. If you wish to adjust it, you can do so by republishing the website.

Website URL

In the "Subdomain" and "Domain" fields, you can adjust the URL of your website and select the domain you wish to use from the dropdown menu.

The website URL consists of two parts by default:

1. The first part, "Subdomain", is event-specific (in this example, "event.website"). If the domain was registered with a wildcard (*), you can change this part of the URL yourself without further registration by your IT department. If you only have a specific domain without a wildcard, the "Subdomain" field remains empty.
2. The second part, "Domain", contains the general sub-domain. If more than one domain was added during setup, you can select the desired domain for your website from the dropdown menu. (Further information on domain verification can be found in the respective article).

Below these two fields, your URL is also displayed once in full. 

Privacy

To ensure that your event website is not discoverable on Google, you can activate the toggle "Prevent Google from indexing this website" in the "Visibility in search engines" section.

SEO

On the right side of the website settings, the "SEO" section allows you to store the following content:

• Image: Thumbnail to be displayed in your shared post.
• Name: For example, the name of the event.
• Description: A short preview text for the event.

Trackers code

To track movement on your event website, you can store tracking codes. On the right side under "Trackers code", three options are available to host tracking codes:

• Header code
• Body code
• Footer code

Proceed as follows:

1. Open your preferred tracking tool (e.g. Google Analytics).
2. Locate the tracking code to be inserted into the website and copy it.
3. Switch to the Website Settings in evenito, open the "Domain & SEO" tab, and paste the copied code into the desired position (Header code, Body code, or Footer code).
4. Click "Save & close" and republish the website afterward.
5. Open the event website and verify in your tracking tool whether the tracker is functioning correctly.

In addition to storing tracking codes, you can also embed other free codes. Another application example would be integrating your own cookie manager.