Website settings

You can define the color and design settings for your website, upload your custom fonts, define a different domain or URL for your website, integrate tracking codes and deactivate Google indexing.

Website theme

To open the “Website settings”, click on the gear wheel at the top right of the website editor. Now open the “Website theme” tab to open the color and design settings.

The “Website theme” tab is divided into the areas “Main colors”, “Cards”, "Contrasts Themes" 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 color of the main text, 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 in the 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.

Contrasts:

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 frames:

• You can use the slider under “Lines and borders” 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.

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 "Smartphone Grid", similar to the desktop and tablet version:

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

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.).
• Heading 3 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”.

In each description field in the evenito back office and also on the event website, for example, you can select headings to match the settings stored here. The font size dropdown shows exactly which size corresponds to which heading from these settings, for example.

For the font weight, you can choose between fine, 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

Use the "Domain" tab in the Website-Setting to adjust the name and/or the domain of your event website.

In the text field under “Name”, you can customize the website name that is displayed in the browser tab. Confirm your changes with “Save & close”.

In the “URL” and “Domain” fields, you can change the URL of your website and select the domain you would like to use. If you have already published your website and would like to make changes to the URL later, first withdraw the publication of the website so that the previous URL goes offline and is no longer accessible.

By default, the URL of the website is made up of two components.

• The first component "URL" is event-specific, in this example "eventwebsite". If the domain was registered with a wildcard (*), you can change this part of the URL yourself. It does not require any further registration by your IT.
  If you only have a specific domain without a wildcard, the part under "URL" can also be left blank.
• The second module "Domain" contains the general subdomain. By default, the website runs via the evenito domain (evenito.site). If your domain has already been stored in the course of the implementation, you can select it in the dropdown.

Once you have adjusted the URL, the newly defined event URL will be displayed next to the website icon. Save everything and publish the Website once again so that all adjustments can be displayed.

If you have already published your website, the publication duration you have set for the website will be displayed here.

Set the default tag and set up the favicon

To set the default tag, open the “Website settings”. To do this, click on the gear wheel at the top right of the website editor and go to the “Domain” tab. On the right in the “Settings” field there is a toggle for activating the “Default website”.

The default tag is crucial for the correct use of the placeholder “personal registration link” [[event.register]]. If this placeholder is used in your messages, it takes the participant to the website on which the default tag is set. When using the placeholder, the standard tag must be stored so that the link to the event website works.

If you have set up several websites on which a registration form is used, you need to define a “main” page and add the standard tag to it.

To store your own favicon, which will be displayed in the browser tab, please click on the pencil symbol next to “Favicon” on the right-hand side in the “Settings” area. You can now upload and store the desired favicon via your file manager. Please also pay attention to the recommended image sizes.

If you do not set up your own favicon here, this symbol will be displayed in the browser tab next to your stored website name.

Confirm your changes with “Save & close”. To apply the changes, publish your website again.

SEO and Trackers

(De)activate Google indexing

If you want to ensure that your event website cannot be found on Google, you can go to the "SEO and tracker" tab in the website setting. Activate the toggle in the “Search engines” section here.

Define thumbnail and display text (SEO)

To add the relevant content, click on the “SEO and Tracker” tab in the “Website settings”. 
On the left-hand side, in the “SEO” section, you now have the option of adding the following content:

• Image: Thumbnail to be displayed in your shared post
• Name: For example, the name of the event
• Description

Afterwards click on “Save & close” to apply the settings.

If you now share your URL to the event website on LinkedIn, for example, the content you have defined will be displayed.

Trackers code

To track the movements on your event website, you have the option of storing tracking codes. In the “Website settings”. In the next step, select the “SEO and Trackers” tab.

On the right-hand side in the “Trackers code” section, you have three options for hosting tracking codes.

• Header code
• Body code
• Footer code

Proceed as described below:

1. Open your preferred tracking tool (e.g. Google Analytics).
2. Find the tracking code to be inserted into the website and copy it.
3. Switch to the website settings in evenito, open the “SEO and Trackers” tab and paste the copied code in the desired location (code header, code body or code footer).
4. Click on “Save & close” and then publish the website again.
5. Open the event website and check in your tracking tool whether the tracker is working.

In addition to storing tracking codes, it is also possible to store other free codes. Another application example would be, for example, the integration of your own cookie manager.