The registration page sets the stage for your event and is your first chance to engage and captivate your audience. A well-designed page generates excitement, provides attendees with event information, and convinces them to register. In this guide, you'll discover how to use the Goldcast Page Builder to create a fully responsive custom registration page for your event. 

How to create a registration page

1. Log into Goldcast Studio and open your preferred event. 
2. Once on the event dashboard, click Registration → Page & Form on the event navigation sidebar. 
3. Click the Edit button in the Registration Page section.
4. This opens the Page Builder. You can add, customize, and style the blocks to build and design your registration page. 
5. Once done, preview your design and click Save. 

How to use the page builder

Goldcast uses an easy-to-use, drag-and-drop page builder to help you quickly design and customize your registration page. You do not require any coding skills to use the builder. 

• The left side of the WYSIWYG builder allows you to add, delete, reorder, and style the different blocks on your registration page. 
• The right side displays the page preview. 
• Use the preview icons at the top of the page to visualize how the registration page would appear in different screen sizes (mobile, tablet, and desktop). 

Blocks

Goldcast uses blocks to build the different sections of your registration page. These blocks are stacked on top of one another and contain elements such as headings, paragraphs, forms, buttons, images, etc. 

When you open the Page Builder for the first time, you'll notice that the blocks Navigation, Hero, Registration, Description, Speakers, Sponsors, Agenda, and Footer are included by default in the page. You can reorder, hide, remove, and style these blocks individually. You can also add additional blocks as required. 

Reorder

To reorder blocks, drag and drop each block using the two horizontal lines in the left menu. 

Delete

To delete a block, click the three vertical dots icon next to it and click Delete Block. 

Hide

To hide or unhide a block, click the three vertical dots icon next to it and click Hide/Unhide Block. 

Add

Click the +Add Block button at the bottom to add a new block to the page. Once you add a new block, it will be added to the bottom of the page, and the preview on the right will automatically scroll to the newly added block. You can then drag and drop to reorder it. 

The newly added block will automatically be added to the Navigation block. However, it will be hidden, and you'll need to unhide it to make it visible in the navigation bar at the top of the page. For the new block to be visible in the navigation header, 

• Click the Navigation block in the left menu. 
• Select the Content tab and click the eye icon to make it visible. 
• You can also edit the block name to customize the menu name for this block. 
• Once you are done editing, the Navigation bar will reflect the edited name.

Edit

To edit a block, click on it in the left menu. This will open the editing section, which is divided into three tabs: 

• Content: To change the content and its styling.  
• Styles: Change the style of the overall block and button (if applicable). 
• Settings: Hide, unhide or delete the block. 

Pro Tip: While editing a block, click the Focus icon at the top to lock it in place. This way, you don't have to keep scrolling while editing, making it easy to view the changes you make on the right panel. 

 

Content style

You can customize the font styling for the Headline and Text for each block. To view the styling options for each element, click the swatch icon. Here is a brief description of how each of these styling settings works:

• Letter Case: You can choose from title, sentence, upper, or lower case. 
• Color: This controls the color of the text. By default, it will inherit the block text color. If the block text color is blank, it will inherit the page text color. To change the color, enter the hex code or click the color preview to open the color palette.
• Font Size: This controls the size of your text. We have defaults applied to each text section in the block. You can choose different-sized headers for the block Title and Headers. The other elements, like description, agenda, button texts, etc., have fixed font sizes and cannot be edited. 
• Font Weight: This setting controls how thick or thin the characters of the text should be. 
• Leading: This setting controls how the text is spaced vertically in lines or the spacing between adjacent lines. 
• Max Width: This controls the maximum width of your text. For instance, if the event title is lengthy and you prefer the title to be contained instead of running the entire length, you can use this option.
• Tracking: This controls the spacing between the characters of your text.
• Space Top: This controls the spacing or padding above your text.
• Space Bottom: This controls the spacing or padding below your text.

Block style

This tab allows you to customize the overall style of the block by changing various settings, such as alignment, aspect ratio, background color, background image, text color, padding, border, and size. 

Button style

Just like the content, you can also style the buttons in a block. 

Heads up! If you have any element on the registration page that displays the date and time, you can choose to display it in the user's local time or event time. 

 

Styles

The first time you open the registration page builder, Goldcast applies the default page style to your page—white background, black text, and font style Default-GT-America. To change this: 

• Click the Styles tab on the left sidebar, and make the necessary changes. 

Preview

To preview the page, click the mobile/tablet/desktop/full-screen icons at the top. This will show you how the registration page will look on different screen sizes. 

Save

To save changes to your page, click the Save button on the top-right. 

Exit

To exit the page builder, click the hamburger icon on the top-left and click Save and Close. 

Block types

Let's take a closer look at each block available on the page builder:

Navigation

This block controls the top navigation bar on the registration page. Like all other blocks, the navigation block is completely customizable:

• You can turn it on or off
• Choose the navigational links you want to display here. Change the display text of each block. 
• Add a logo
• Include/remove the register button
• Customize the size and appearance of each menu item, and more

Use the Content, Style, and Settings tab at the top of the block to modify various aspects of it. 

 

 

 

Hero

This is a large, full-width area at the top of the registration page that displays the event title and date. It usually includes the Register CTA button. 

 

 

Agenda

Displays the event agenda.

 

 

Speakers

Displays event speakers and their details. Use the Content, Styles, and Settings tab to change the description and appearance of this block. 

Pro Tip: Use the Company Logos feature to add a brand logo for each speaker on your list. 

 

 

Footer

Page footer to display social media links, legal text, and other info. 

 

 

Besides the event blocks mentioned above, you can also add custom blocks that you can configure as needed. The available custom blocks include:

Image Grid

This block displays a custom grid of up to 12 images. You can choose the number of images you want to display. 

Ensure you set the Max Columns field in the Styles tab to accommodate the number of images you choose for your grid. 

Pro Tip: For the best results, we suggest using SVG format images with transparent backgrounds and keeping the aspect ratio uniform (2:1, 1:1, etc.) for all images. 

 

 

 

Text Grid

This block adds a 3-column text block on the page. You can also include images within each text column. 

Pro Tips: 

• Click the Swatch icon to modify the image's fit, position, and background color. 
• Navigate to Styles → Items Style to modify the appearance of each item in the text grid: Image, Heading, and Body. 
• You can change the size, color, and padding space for the heading and body of the text columns.  
• Suggested image specification: 4x3 aspect ratio, with a minimum width of approx. 250px. The image size and crop will adjust depending on the number of columns in the grid and the size of your browser window. 

 

 

Design Tips

Here are a few tips and best practices to help you optimize the design of your Goldcast registration pages:

Hero image design guidelines

How should I create my hero image to ensure it looks great in any browser size?

To compensate for the challenge of infinite screen sizes, Goldcast uses a “background cover” strategy for hero images. The image will crop on the left and right if the browser is tall and skinny. If the browser is wide and short, it will crop the image on the top and bottom.

The content inside the target purple circle of this sample image will be visible in all browser sizes. Depending on screen size, the top, bottom, left, and right of the image may be cropped. 
 

 

 

The hero block also has a variable height - it expands to fit the amount of content displayed. For example, if a logo and a long description are added, the hero image will be taller to cover the background of the content.

No logo, short description.

With a logo and a longer description.

Pro Tips for creating an eye-catching hero image: When choosing a hero image for your event, avoid backgrounds or text that could distract from your event name, description, and date. We suggest using our preview feature to check your website's appearance on different screen sizes before publishing it, ensuring everything appears as intended.