User Guide Cancel

How to setup a landing page

Last updated on Feb 12, 2026

About Adobe Connect Events
1. Events in Adobe Connect
2. On-demand events
Manage Adobe Connect Events
Create and manage Adobe Connect Events
Attend Adobe Connect Events
1. Register and join events
2. Manage participant privacy
Event analytics for webinars
Simulated Live webinars

Learn how to create and customize an event landing page in Adobe Connect to promote your event and drive registrations.

Creating an effective landing page is essential for promoting your Adobe Connect event and increasing registrations. A landing page serves as the main entry point for participants to find detailed information about the event, including the description, date and time, speaker details, and registration options. A well-structured landing page enhances user engagement and provides a seamless entry point to your Adobe Connect event.

Adobe Connect allows you to create and customize landing pages using templates and AEM (Adobe Experience Manager) components. Once you create an event, you can:

Select a pre-configured event landing page template.
Edit the template using visual tools in AEM to modify event banners, speaker sections, footers, and more.
Add reusable AEM components such as charts, columns, images, and social plugins.
Preview the final layout to ensure the landing page reflects your event branding and layout preferences.

The following topics are covered in this article:

Prerequisites
Start an event landing page template
Configure the landing page
Set event information landing page

Add AEM components to the template
Add Adobe Connect components to the landing page
Preview the landing page

Prerequisites

Before you begin creating or customizing a landing page, ensure that the following conditions are met:

You have the necessary permissions to create and manage events in Adobe Connect.
Your event content (e.g., meeting, course) already exists in the appropriate Adobe Connect content library.

Start an event landing page template

Before customizing your landing page, you must select a template for your Adobe Connect event. Templates provide a pre-designed structure that includes sections like the event title, date and time, registration options, and speaker information.

Adobe Connect offers a variety of event templates that suit different use cases and branding styles. Choosing the right template ensures a consistent layout and saves time during customization.

Perform the following steps to start an event landing page template:

Log in to Adobe Connect Central home.
Select the Events tab.
Select New Event to start the event creation wizard.
Select a pre-configured template from the Event Template dropdown. An event landing page is the main access point for participants seeking information about a specific event. It includes essential details such as the event description, date, time, and registration options. Users can preview the event landing page along with related pages, such as registration and speaker information, directly within Adobe Connect Central.
Browse through the available templates and choose one that best fits your event's style and purpose.

Configure the landing page

Once you've selected a landing page template for your event, you can customize it to match your event’s branding and details. Select Edit to start editing the template.

A screenshot of a computer program

AI-generated content may be incorrect.

The template editing mode launches in a new browser. You can design visually appealing and informative event landing pages using AEM (Adobe Experience Manager) components.

Set event information landing page

After the template editor opens, start customizing your event landing page with key details. Use the editable components to update the layout, text, and visuals. This lets you align the page with your event’s branding and clearly communicate important information to your audience.

Edit the event banner image properties

Select the banner image component.

Edit the event banner
Select .
Set the following size-related image properties:
- Size: A dropdown to choose how resizing should be handled. The option Maintain aspect ratio (default) ensures the image keeps its proportions as you resize. The other options allow you to set the dimensions of the image:
  Use predefined size: Automatically applies a size based on system or template-defined dimensions. This option is useful when maintaining consistency across similar components (for example, speaker images or banners).
  Use original size: Displays the image/component at its actual size (in pixels) as uploaded. No resizing is applied. Best used when the source file is already optimized for display.
  Set custom size: Gives full control over width and height. You can manually enter values in the Enter custom size fields. Aspect ratio is not maintained unless you calculate it manually.
- Dimension: Determines which dimension to modify when resizing.
  Width or Height: Resize based on width (height adjusts automatically if aspect ratio is maintained).
- Value in px: Specifies the new dimension (based on selected Dimension) in pixels. For example, 740 px width with aspect ratio maintained will auto-adjust the height.
- Enter custom size: Allows manual entry of width and height.
Size tab interface
Select the Advanced tab to add the description, image position (left, right, or center), and the title of the image.

Advanced tab interface
Select OK to save the changes.

Edit event name and speaker properties

Edit the name of the event.

Edit the Event name
Change the Register button properties. Select the button, right-click the component, and select Edit. Set the following properties:
- Link To: A dropdown menu to select the type of link action for the component (typically a button or image). The options are Register Page, Event Details, Speakers Page, and others.
Link and Style tab interface
- Hyperlink: A text box to manually enter a URL to navigate to the page selected in the previous step.
- Style: A dropdown to apply predefined visual styles to the component. If you select Round Corners, it will apply a rounded-corner style to the button.
- Select the Label tab. Edit the following properties:
  Label: Change the button text.
  Font properties: Change the button label, color, size, family, height, and others.
Label tab interface
- Add an image that will appear on the left, center, or right side of the button component. Select the image placeholder and browse and upload an image from your device.
Select OK to apply the changes.

Edit the speaker image properties

Right-click the speaker image component and select Edit.

Edit the speaker image
Set the image properties. View the Edit the event banner image properties section for more information.
Select OK to apply the changes.

Edit the speaker name and button properties

Right-click the components and select Edit.

Edit the event footer

Select the footer component.
Right-click the component and select Edit.

Edit the Event footer
Change the text and other properties.

Edit the text and font properties
Select OK to apply the changes.

Add AEM components to the template

Use the AEM side panel to enhance your event landing page by dragging and dropping reusable AEM components. These components allow you to customize the structure, layout, and content of the page with minimal effort.

Select a component in the side panel, for example, Chart.

Add the Chart components
Drag the component to the template.

Event info tab showing the options to drag the components to the template
Right-click the component and select Edit.
Add the chart data in CSV format.

Add Chart data in CSV format
Select the Advanced tab.
Select the following options:
- Chart Type: Select from Pie, Line, or Bar.
- Alternative text: Add the alt-text for the chart. This text is used for accessibility.
- Width and Height fields: Specify the chart dimensions in pixels.
Advanced tab interface
Select OK to apply the changes.

The following chart appears on the landing page:

Similarly, add the other components, as required on the landing page:

Add Adobe Connect components to the landing page

Use various Adobe Connect components within Adobe Experience Manager (AEM) to design a rich, branded event landing page. For this example, you’ll add the Adobe Connect logo.

Select the Account Logo component and drag it on the landing page.

AEm interface showing the options to drag the Account logo
Select the component.
Right-click the component and select Edit.
Set the logo dimensions, position, and alt-text.

Size tab interface
Select OK to apply the changes.

Similarly, add the other components, as required on the landing page.

Adobe Connect section showing the other components

Set landing page layout

The Columns section in Adobe Experience Manager (AEM) allows you to organize page content into responsive, flexible layouts. These components are particularly useful for structuring content in clean, visual sections.

Select a layout, for example, 2 Columns.
Drag the component and drop it on the landing page.
Add components to a column. Right-click the placeholder and select New to add a component.
Insert a new component in the column.

Insert component in the column
Customize the new component or components as required.

Similarly, add a three-column layout on the landing page.

Add a social plugin on the landing page

Social plugins in Adobe Experience Manager (AEM) allow easy integration of social media interactions into web pages, enhancing user engagement and allowing content sharing across their networks.

Drag and drop a component, for example, Facebook Like Button, on the landing page.

Preview the landing page

After setting up your landing page, preview the page. To give you a preview of how the event landing page might look after adding components from the General, Adobe Connect, Columns, and Social Plugins sections in AEM.

Select the magnifier icon on the AEM side bar