November Webinar 2023 - Making a splash with your Event Website

This is where you need to look carefully at the paper status settings for the site to make sure you’re only including the ones you want to – and you ARE showing the ones you want to. So when you drag in that Presenters module from the EventsAir content block, check under the Advanced Tab that your settings are how you want them.

It may not have been clear in the webinar: the Agenda list isn’t related to the paper status settings. So it will list all your sessions, breaks etc UNLESS you tick the box that says “Do not publish to Event Website & Portals” inside the Session itself.

You can have up to 99 tracks in your Agenda! We’ve seen up to 12, and if you drag that onto a site, it’ll only show the first 4 and then there’s a scroll bar. 

If you have more than 10 tracks, we may be able to get Quoted Services to help you with code to create a ‘zoomed out’ view of the agenda. Sometimes your Support Agent can help with this but not always so please contact education@eventsair.com if you have more questions about this.  

You can do this in two ways:

-    In Track 2, create new session block of 5 minutes or so, and add an opening speech.

OR

-    In the Session overview, give that information “there will be a short 5-minute opening speech”. This might look better. 

Some folders are exclusively meant for upload through intended methods, such as uploading attendee pictures, or presentation documents. There’s more information here.

Yes, sorry we didn’t cover that fully! You need to first add an ID to the point where you want the user to end up when they click on something). 

Let’s say you want them to click on the words “See our venue” and be taken to the venue details.

Go into the HTML for the venue details element and add the code below, where the red text is your anchor name:

<div id=”venueInfo”> </div>

Highlight the words “See our venue” and select the hyperlink icon on the toolbar. The link will be the full URL of the page you want to go to, with #venueInfo added on the end. For example: 

https://yourcompany.eventsair.com/your-event-name/general-event-information#venueInfo

You can use this to hyperlink images as well (in a similar way to how we did it in the webinar, with a button). Highlight the image and use the link icon.

The low-tech solution is to copy the HTML for the one you like and paste it in to replace the others.

Alternatively, you could create a “class” and make all the buttons you want to look like that part of that class. You may need to get a developer to help with this. 

For each button you want to look like this, include the code:

<button class="fancy-button">Click here</button>

…where the text in red is the text you want on the button.

Then go into the code, copy everything between the "" of the style="…"

<style>
 .fancy-button {
 put everything you copied here
 }

></style>

No, because they’re different for different modules. You can use the Inspect element tool of most modern browsers to check the Div or class applied to a section, to then apply CSS style rules.

When you right-click and choose Inspect you can see the classes, but just be careful because it can change something else as well (if that class is referenced by another element). Do what you can but when it comes to CSS and styling, it can be very advanced. As we said in the webinar, although we try to assist as much possible, sometimes this is beyond the support we can provide.

You can search online to learn more about HTML code – for example, “what’s the HTML code for sending an email”. 

But this might be the full code and if you’re using the EventsAir website builder tool you just need to add the link itself. For example, if you’ve highlighted text that says “Email us” and use the “add link” icon in the toolbar, you can put this as the link   mailto: example@email.com  with the actual email address  you want to send to replacing the example text.

If you looked later in the HTML code, you’d see: 

<a href = "mailto: example@email.com">Email us</a>

But all you have to worry about when using the builder tool is the bit in bold.

To hyperlink a phone number it is very similar but instead of adding “mailto:” you will add “tel:” followed by your phone number. 

<a href=“tel:111-222-333”>

You can, but this is easiest if it’s a Google font and you can just get the embed code to paste into the Pre <HEAD> Code. Otherwise the font needs to be hosted somewhere (potentially in AirDrive). 

You may also you need some extra code to ensure your preferred font is going to override all other default fonts on the site. If you’re unsure how to do this, you can talk to your own web developer or our Quoted Services team (via your Account Manager). 

It really all depends on what you’d prefer:

The simplest way: 

1. Create a page called “Register Now” (or whatever)
2. Add some type of ‘content’ the page - either any blank element, or an empty div in the HTML code  <div> </div> This will make the page appear in your navigation menu.
3. Now go into the Advanced tab for that page, and under Override Default Page Settings, in the Pre </HEAD> Code, put a redirect to your registration site:
   <meta http-equiv="refresh" content="0; URL=https://www.your-registration-site.com" />
4. Make sure you include the https://
5. Now anyone clicking on that menu tab will go straight to your registration page.

Also, if you’re willing to tinker a little, you could make your page link look a little more like a button using CSS.

Alternative method, clunky and isn’t device or screen responsive, but may be more what you want:

• Create a header that’s a fake navigation menu. To do this, add a table and put text or buttons with your website’s page names, then hyperlink each of them to the correct pages.  You can style these to look like a navigation menu. Make one of them a hyperlink to your registration site. 
• Then hide the actual navigation menu from every page so that only this ‘header’ shows. You could do this manually, but it’s faster to add the following in the Pre <HEAD> Code under the Advanced tab for the whole site: 

<style>
.navbar {
display:none!important;
}
</style>

You may find it’s better just to put an actual registration button on each page. This also has the benefit of not being as jarring for users when they’re redirected to another site.

You could put it on a small header with the same color background as your navigation so it appears just under the navigation menu, and is more obviously a separate button.

You can just clone the whole site as the basis of your new website, and change what’s needed.

You may also be able to open EventsAir in multiple browser tabs which makes copying and pasting a lot easier (whether that’s code or just actual text/wording). But be careful doing this because it can log you out. 

It’s really up to you. Once you mark them as Draft Only they won’t appear in a Preview or be Published. So if you’re definitely never going to use it, you may as well delete it. 

Draft Only is useful if you’re working on various pages in your site and you want some to publish live now and others later when you’ve finalized them. You can go ahead and save and publish without adding the pages that aren’t finished yet. 

The new templates are all fully responsive but aren’t designed to pull in a dynamic agenda or other EventsAir content. For other websites you create using the builder tool, if you set up elements in the center and keep widths of images and elements under about 800, everything should resize reasonably and the menu will also become a hamburger icon. 

You can test this by right-clicking, choosing Inspect, and the little computer + phone icon at the top left, just next to Elements  

This will toggle on the devices toolbar and you can choose from range of different sizes - you may need to refresh the page to get an accurate screen size. You can also select Edit at the end of the list to add other sizes: