Please contact your CSMs for access to this feature.
Contents
________________________________________________________________________________________
Overview
Custom brand, design and launch your event registration pages easily using Goldcast Page Builder. The default registration page will already have added sections- you can select theme, fonts and upload hero image to your liking, save changes and the page will be ready to launch.
To get started, navigate to registration tab, click "Build a custom registration page" in Registration page section of your event.
What is Registration page builder?
Once you are on the builder page, on the left side of the page, you will see the Editor. Here you can see the blocks of your page - add new blocks, edit, hide and remove blocks, and change the global page settings of page and event registration form.
You can
- Reorder the blocks on your page by dragging and dropping each block in the left side menu.
- Delete a block by clicking the arrow next to the block name, then scrolling down and clicking the red "Delete Block" button.
- Hide/Unhide a block by clicking the arrow next to the block name, then scrolling down and clicking the eye icon.
On the right side of the page, you will see a preview of your page as you make the above edits.
Note: This side is not editable. To change anything on the page, you must use the left side menu.
Previewing your page
To preview the page, click the "Preview" icon at the top of the screen. This will show you what the registration page will look like for your visitors.
To see what this page will look like on a mobile device, you may open it on your phone, or you can collapse your browser window down to its smallest size.
To exit the preview, click the X at the top of the screen.
Default page configuration
The default registration page will contain 7 blocks for a virtual conference, and 5 blocks for a webinar.
Virtual conference pages contain, in the same order:
- Navigation bar
- Hero block
- Event description block
- Speaker block
- Sponsor block
- Agenda block
- Footer
Webinar events contain all of the above by default, minus the Agenda and Sponsor block.
Default Branding settings for Event Splash and Registration page are different.Any changes made to Branding Tab of event will not apply to custom Registration page.
Page styles
The first time you enter the registration page builder, the default Page Styles will be applied to your registration page - white background and black text color.
You can use the Page styles section to change the font, background color, and font color of the entire registration page at once. (You may also choose to change the style of each block on the page individually.)
Adding a new Block
To add a new block to your page, click the "New Block" button at the top right of the menu. Then, select a block to add. Your page will automatically scroll to your new block at the very bottom of the page. To reorder your blocks, drag and drop the new block in the left menu.
Once you add any new block, block is automatically added to Navigation block lists but is hidden by default and it will not appear on the Navigation section of your page. For the block header to be visible , click on the eye icon and you can edit the block name if you want to customize the menu name for this block.
Once done editing, the Navigation bar will reflect the edited name.
Editing a block
To edit a block, scroll to the name of that block in the left side menu and click the arrow to the left of the block name. This will open the section. You can change elements of the block from this list, including the headline, text, images, background color, text color, and more.
Saving your page
To save changes to your page, click the "Save" button at the bottom of the menu. This will save changes and publish your page.
You will see a prompt to save changes if you have unsaved changes on page and click on Close button. Clicking on Ok will redirect you to the admin app without saving changes and clicking on Cancel will close the modal and you will remain on the builder page, allowing you to save the changes.
Image Specs
How should I size my hero image to ensure it looks great at 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 at all browser sizes. The top, bottom, left, and right of the image may be cropped depending on screen size.
Avoid noisy background images or including text in your image that conflict with your event name, description, and date. It’s best practice to preview your website at different screen sizes with our preview feature, by resizing your browser to confirm the page looks how you want it to before you publish.
Fullscreen 13” laptop:
IPad:
Mobile:
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. |
Here are some suggested specs for images/gifs you can use in other registration page blocks. Keep in mind, as the content on your page, layout of each block, and size of your browser changes, these images will shift to compensate.
All block background images: 4x3 aspect ratio, between 1600px - 2400px wide
Navigation bar
Logo: svg file approx. 32px tall, width not greater than 150px
Background image: approx. 66px tall
Hero
Logo: svg file approx. 80px tall, any aspect ratio
Background: see above
Full width image
4x3 aspect ratio, between 1600px - 2400px wide
Text grid
Image: 1x1 aspect ratio, suggested minimum width of approx. 250px Depending on how many columns in your grid, and the size of your browser window, the image size and crop will adjust.
Image/text split
Image: 1x1 or 3x4 aspect ratio. This image will stretch taller to match the height of the text in the block.