Cloud Event Elements

Adding events to your site simplifies engagement, making tasks like finding directions, registering for classes, checking schedules, and contacting coordinators easier. Event Elements allow you to add Events from your Amplify Website account onto your Amplify Cloud Website. These elements are styled to match your chosen Theme and can be reused, restyled, removed, and re-added to pages throughout your site.

Using an Amplify WordPress Website?
Check out our WordPress Events Widget article: WordPress Event Widgets

Cloud Event Elements

  • cloud icon event layout.png

    This is an archive of all the events available on your Amplify Website module, which can be filtered based on your preferences. With the module's settings, you can select specific Categories, or Groups, and customize the number of events displayed per page. Additionally, you can choose which parts of the event are shown, providing varying levels of information.

    Connect your Event Layout Element to a Page using the Event Detail Element to dynamically present detailed information about the event. 

    Note: The Event Layout Element consists of three tabs of content: Featured, List, and Calendar. During editing, all three tabs will be displayed stacked for easy styling adjustments. However, when previewing the page in your browser, the tabs will function as expected, displaying only one tab's content at a time.

    cloud element sermon layout.png

  • cloud icon event detail.png

    This is a unique Event listing that displays the details of the current Event. You can link Event Layout, Event List, Event Featured, and Event Calendar Elements to a Page using the Event Detail Element, which dynamically showcases the current Event.

    Each Theme includes a Page called "Event Detail" that utilizes the Event Detail Element.

    cloud event detail element.png

  • cloud icon event featured.png

    This is a single Event listing that displays the details of a specific Event. You can link to a Page using the Event Detail Element, which dynamically showcases the current Event. The element is commonly used to highlight the next newcomer event on the I'm New page.

    Connect your Event Featured Element to a Page using the Event Detail Element to dynamically present detailed information about the event.

    cloud event featured element.png

  • cloud icon event list.png

    This grid list showcases all available Events from your Amplify Website module. In the Element's Settings, you can customize Categories, or Groups, as well as the number of events displayed per page. Additionally, you can select which parts of the Event to show, providing flexibility in the information displayed.

    Connect your Event List Element to a Page using the Event Detail Element to dynamically present detailed information about the event.

    cloud event list element.png

  • cloud icon event calendar.png

    This calendar showcases all available Events from your Amplify Website module in a monthly view. In the Element's Settings, you can customize Categories, and Groups, as well as the number of months displayed.

    Connect your Event Calendar Element to a Page using the Event Detail Element to dynamically present detailed information about the event.

    cloud event calendar element.png

Add an Event Element to a Page

  1. From your Amplify Website Cloud Dashboard, navigate to the Page you want to edit and click the edit icon  cloud edit page icon.png
  2. Click the Add Element icon cloud add element icon.png and search Events from the list.
  3. Drag your chosen Event Element to the canvas.

    cloud add event element.gif

Connect Your Event Detail Element

If you've used the Event Layout, Featured, List, or Calendar Element, you'll want to connect it to a Page that utilizes the Event Detail Element so that when an Event title is clicked, the user will be taken to that event record's Detail Page.

To connect the element, follow these instructions:

  1. Once any Event Element is added to a page, click the gray element icon to edit the element cloud edit element arrow icon.png.
  2. Click the Element icon to access the settings.

    The Element icon is at the front of the list of icons. Example shows the Event List icon.
    edit list settings.png

  3. Click Choose the Page tab
  4. Type field: Page
  5. Item field: Search for a page that utilizes the Event Detail Element.

    Note: Your Amplify Cloud Theme comes with this Page already created called, "Event Detail."

    cloud connet event detail.png

Your Theme's Event Blocks and Pages 

Your Amplify Cloud Website includes different Pages featuring our Event Elements with advanced styling to match your Theme. You can easily add these Blocks and Page Layouts to any Page on your site to showcase Events and maintain consistent Theme styling throughout your website.

Your Theme includes:

  • This Page includes an Event Layout Element for your site's Event Archive by Category, Group, or Featured status.

    Example shows the Anthem Theme

    cloud events layout.png

  • This Page incorporates the Event Detail Element to display the current event dynamically. Whenever you utilize an Event Layout, Event List, Event Featured, or Event Calendar Element, you can link it to the "Event Detail" Page, which uses this Layout.

    Example shows the Anthem Theme

    cloud event detail layout.png

  • Use this Block to feature a specific Event on your site. Ex: Feature the next Youth Group Event on the Youth Ministry page.

    Example shows the Anthem Theme

    cloud event featured block.png

  • Use this Block to show a list of Events by Category, Group, or Featured status.

    Example shows the Anthem Theme

    cloud event list block.png

  • Use this Block to show a calendar month view of Events by Category, Group, or Featured status.

    Example shows the Anthem Theme

    cloud event calendar block.png

Save Your Ministry-Focused Content Blocks and Layouts 

Follow these instructions to add one of these options to a Page.

Your Theme includes Blocks and Layouts that utilize our Ministry Content Elements. To reuse these throughout your site,  click the heart icon  cloud heart save icon.png.

Note: Each theme comes with a Page called "Ministry Content Widget Page." You can save each Block on this Page to reuse styled content throughout your site.

To save individual Blocks 

  1. Click the Blocks setting icon cloud settings menu icon.png
  2. Click the heart icon cloud heart save icon.png

cloud save block.png
 

Related Help Article
Ready to learn more? Check out Brizy's video: How to save blocks for later use

To Save Entire Pages 

  1. Click the arrow icon on the Update page button

    cloud update arrow.png

     
  2. Click Save Layout

cloud save layout.png

To see a full list of your saved Cloud Blocks and Layouts

  1. Click the plus icon to add a Block or Layout to the page you're editing.

    cloud plus icon add block or template.png

     
  2. Click the Saved tab: From here, you can choose Blocks or Layouts from the left sidebar to choose for your saved items.

    cloud add a saved block or layout.gif

 

Ready to Get Started?
Learn how to use Blocks and Layouts on your Cloud Pages:
Cloud Pages, Layouts, Blocks, Rows, Columns and Elements

Common Use Case

  • Feature by Topic: Add the next family friend event to the I'm New Page using the Event Featured Element.
  • List by Category: Add Student events to your Youth Group page using the Event List Element.

Updated

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request