How to Customize Landing page for an Airmeet event?

Modified on Tue, 16 May 2023 at 05:02 PM



TABLE OF CONTENTS


1. Overview

2. Customize the Landing page

    2.1. Ambiance & layouts

Customize Landing Page

    2.2. Hero Background image (Airmeet Classic layout only)

    2.3. Carousel Media

    2.4. CTA Colors & Button Text Colors

    2.5. Add Background

    2.6. Show Event Stats

    2.7. Enable Social Media Sharing

    2.8. Add Event Organizer details

    2.9. Arrange Landing page Section Order

3. Preview the Landing page in the Web, Tab & mobile browser view

4. Things to keep in mind



1. Overview


Customize your landing page in 2 different layouts and add Carousel Media, CTA & text font colors, along with multiple options to select from the background, event stats & many more items to be shown.




2. Customize the Landing page


Customize your landing page by following the below steps:


Step 1: Go to your Events dashboard > Branding > Landing Page. 


Step 2: Click on "Preview & Customize" to start editing your landing page.




2.1. Ambiance & layouts


Step 1: After clicking on the Preview & Customize button, click on "Change" in the top-right corner. 


Step 2: Select the Ambiance of your landing page (Dark or Light)

Note: The selected ambiance would be applicable on Web browsers, Tablets & Mobile browsers.

Airmeet mobile application would still be shown in a dark ambiance.


Step 3: Select the Layout of your choice (Airmeet Modern or Airmeet Classic) and save.





Customize Landing Page


After clicking on the Preview & Customize button, you will enter an editor where you can add multiple Carousel Media, CTA & text font colors along with various options to select from the background, event stats & many more items shown.



2.2. Hero Background image (Airmeet Classic layout only)


Add a hero image that will be displayed behind the Carousel media, or a reflection will be shown. A reflection will be revealed if you have only 1 Carousel.




Branding Guide

Recommended dimensions : 1536px x 1040px

Supported File Formats: .jpg, .jpeg, .png

File Size: Up to 5 MB





Upload multiple Carousel images and re-arrange them according to your preference. The images will keep changing after a few seconds in a loop. 



Step 1: Go to Preview & Customize > Select "Carousel image" and upload your image.




Step 2: Click on Upload image and select image from your computer. You can add more slides by clicking on the +Add Slide button.




Step 3: Drag and rearrange the slide according to viewership.

Note: There is no limit on the number of slides.



Carousel image Branding Guide (Airmeet Classic)


Recommended dimensions: 1536px x 1040px

Supported File Formats: .jpg, .jpeg, .png

File Size: Up to 5 MB


Carousel image Branding Guide (Airmeet Modern)


Recommended dimensions: 1920px x 720px

Supported File Formats: .jpg, .jpeg, .png

File Size: Up to 5 MB


2.4. CTA Colors & Button Text Colors


Select the colors used in buttons, links, and all the CTA across the landing page. You can also select the button font and text color according to your preference.



Step 1: Go to Preview & Customize & Select the "Colors" tab from the right-hand side editor.





Step 2: Select your CTA & Button text colors. You can also add a custom color by clicking on the "+" and selecting your preferred color or entering your desired Hex code.




2.5. Add Background


Select patterns or gradients to be applied as the background across the event to fit your brand's visual identity.


1. Gradient: Choose your color style from the Airmeet repository or create your gradients by clicking on the "+" button.




2. Pattern: Choose from different Airmeet patterns, and the highlighted lines of the pattern would be similar to highlighted color as shown in Step 2.3.




2.6. Show Event Stats


Highlight the statistics of the event for a quick overview. Toggle the button towards the right to enable the event stats and select the metrics you want to showcase on the event landing page.





2.7. Enable Social Media Sharing


Enable the Social sharing button for your attendees to share the event link with other attendees.




2.8. Add Event Organizer details


Add organizer details which would be displayed on the landing page, and organizer support email id, which would be displayed at the end of the landing page.



2.9. Arrange Landing page Section Order


Drag and drop sections to rearrange the order of different sections shown on the landing page.

The changes are reflected on the top header while scrolling down on the landing page.




3. Preview the Landing page in the Web, Tab & mobile browser view



Once you are done with setting up your event, click on the "Full Preview" button placed at the top right corner and view the layout in the Web browser, tablet, and mobile browser.



4. Things to keep in mind


1. The selected ambiance would apply to Web browsers, Tablets & Mobile browsers.

Airmeet mobile application would still be shown in a dark ambiance.


2. Dimensions of Carousel Media are different in each layout.





Need more help? Contact support@airmeet.com or visit our 24*7 Support Lounge.

Want to brainstorm and connect with other Airmeet Users and Event Professionals from around the world?  Fill in the form to Join our community on Slack. 


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article