Guide To Using Page Builder Blocks

Goldcast uses a versatile page builder to help you design and style your event hubs to match your branding requirements. Whether you’re a novice or a pro web designer, this article provides in-depth instructions on using blocks in the page builder to create and customize your event hub. 

How to access the page builder

To access the page editor:

  1. Log into Goldcast Studio and navigate to the Pages list. 
  2. Select your preferred page and click the Edit button in the Page Design section to navigate to the Editor.

Note: As you make changes, the right side of the page will reflect the change in real time. You won't be able to make any edits on the right side.

1716999487017-f973eb42-c116-4a8a-ba9e-c2c508ac91f5 (960×400)

Use the following blocks to design a stylish and functional event hub: 

Page style

This block controls the background and font style for the whole page and the headline weights for all blocks. You can also change the font, background, and font color of the entire page in one go. You may also choose to modify the style of each block on the page individually, which will override the page settings. Select standard web or custom web fonts or upload a custom font file ( .ttf/ .otf/ .woff/ .woff2).

1716999534847-7078b779-3ef8-42ce-80fe-b7fd125b54f0 (960×400)

The navigation block controls what typically sits at the top of a web page. It can contain your logo and links to sections on the page. You can style the background and font theme on the nav bar by editing the Block style.

  • Logo: You can upload a company logo or small image to display at the top left corner of the navigation bar. You may also choose to delete the image and have no logo display.
  • Links: Each section on the page can be linked in the navigation bar. You can change what each section is called in your menu by changing the name of each field. You can hide or show each section in the navigation bar by clicking the eye icon 1716999586263-4c7a5f62-ec47-4fd3-a2d6-b7e4416acd53 (500×500) next to each section.

1716999637067-3db9dedb-97b9-44d2-989e-81c7447b9763 (960×400)

Hero

This block allows you to add a title to the page and typically style the header section using different font weights and background colors or images. You will find options to customize this section under block style. It also allows you to add custom CTAs with links. Click on the Button style to control the theme for your CTAs.

1716999692140-338d4a0b-ed0f-4599-9fa2-95449e422f37 (973×415)

All events

This block displays: 

  • upcoming, non-test events (And)
  • past events that are available in on-demand mode 

When users click on the Register CTA, they will be redirected to the registration page of the respective event.

Once this block is added, the event list in the page editor will automatically show up-to-date data of upcoming (non-test) events and on-demand events. However, by default, the show toggle is disabled for all events. Organizers must manually enable the show icon for specific events to reflect in the block.

By default, the block won’t show any events. You can choose which events you want to display in the block using the Events List selector.

  1. Click the Edit icon to open the list.
  2. Click the eye icon 1716999586263-4c7a5f62-ec47-4fd3-a2d6-b7e4416acd53 (500×500) next to an event name to add it to the block.
  3. Click the eye icon 1716999586263-4c7a5f62-ec47-4fd3-a2d6-b7e4416acd53 (500×500) in the top right corner to make all events visible.
  4. You can use the search bar to search events by name.
  5. Click the checkmark 1716999755284-92668960-8859-45a7-9cac-bc37d4a03bba (225×225) in the top right corner when you’ve selected your events.

The event info displayed includes the items below and is automatically pulled from the events you have created in Goldcast. 

1716999802097-b2a86de0-4452-48ef-be5b-7557d658bbb4 (960×400)

Note: You cannot edit the following information: 

  • Event Title
  • Event date and timezone - each page visitor will see this in their local timezone
  • Event Description
  • Event location, if applicable
  • Register CTA, which opens the event’s registration page on a new tab

The image displayed for each event is the social media thumbnail set in your branding settings. If this is blank, the hero/landing image will be shown here.

Upcoming events

This block displays upcoming, non-test events on your hub page. 

Once this block is added, the event list in the page editor will automatically show up-to-date data of upcoming (non-test) events. By default, the block won’t show any events. You can choose which events to display in the block using the Events List selector. You must manually enable the show icon for specific events to reflect in the block.

1716999895437-e07239ab-0651-4793-9265-2df2ed9da76d (1600×711)

On-demand events

This block displays past events that are in on-demand mode on your hub. When users click the Register CTA, they must complete the registration form to view the event’s recording. 

1716999936144-f4ba4df5-f49e-423f-b24b-59eeeca079e3 (1600×723)

Custom events

This block allows you to showcase external events not built in Goldcast on your event hub. Please feel free to delete or hide this block as needed. You'll need to manually add the details of each event you want to display in this section. To add more events in the section, click Add Event.

1716999978209-cefcecb5-7ba8-4a01-bb2e-a7a1099b5a5b (1600×734)

Event block customization

The page builder allows you to customize how you list events on your hub. 

Note:

  • Event filters are available only for the All Events, Upcoming Events, and Past Events blocks. 
  • The events per page and list layout settings are available to all four event blocks: All, Upcoming, Past, and Custom Events. 

Event block customization settings: 

1. Events per page

This setting controls the pagination of this section and allows you to set how many events you want to display per page.

2. List layout

This allows you to choose the grid or list option for the event lists. More styling options are available under Block, Card, and Button styles.

3. Event filters

Site visitors can filter events on the hub using the filters you’ve added to the page. To learn more about this feature, refer to our guide on Adding Filters to Your Hub Page

1717000055014-9c2e3ca8-7d18-466e-a3e9-568221c83f9a (1112×520)

Text/image split

This block allows you to add an image on one half and text on the other half of a block. Click Upload Image and select a file from your computer. Then, choose either Right or Left as the image position.

Add a headline and/or text to the opposite side of the block by entering text into the Headline and Text fields.

1717000095304-e43edb28-fd77-4bec-8285-1380b459d88e (1140×511)

Full-width image

Add an image across the entire width of your page. Click Upload Image and select a file from your computer.

1717000144497-169e0b81-e3fb-4efd-867a-74c8a737e6d5 (1148×543)

Text grid

The text grid is a versatile block. You can use it to display a text grid with images, text, or only images. Change the block's name by editing the text in the Headline field. You may add additional text underneath the headline in the Text field.

In each section of the grid, you can:

  • Upload an image
  • Enter a headline
  • Enter text

You can change the order of the sections using the arrows on the right side. Delete a section by clicking the trash can icon next to that section.

1717000194873-8828b560-36fa-4418-83ec-8604eb0bf594 (1600×737)

Call to action

The call to action block lets you add a custom CTA button to your event hub. You can customize this block with the following:

  • A headline
  • Text description
  • CTA buttons

1717000241346-fd742e35-2f7c-402f-8ab9-618cb39ec796 (1600×732)

The footer typically sits at the bottom of a page. For example, you can add links to other web pages, like your company's page.

To do this, click Add Link in the Links section. Then, type the text you'd like to display on the page in the field New Item. In the following field, add your web address. Make sure to include "https://www." in front of it. You can change the order of the links using the arrows on the right. You can delete a link by clicking the trash can icon.

You can also add links to your company's LinkedIn, Facebook, Instagram, and X( formerly Twitter). Remember to add "https://www." in front of the address. If you prefer any of these to be hidden, delete the URL in that section. The icon will automatically be hidden from the page.

You can add or edit any additional legal text in the Legal Text section at the bottom.

1717000412784-8b786158-7c4c-4260-9779-6fe0ddb9589f (1120×532)

© 2024 Copyright Goldcast, Inc. All rights reserved.


Knowledge Base Software powered by Helpjuice