Schedule block

The Schedule block presents the event agenda in a clear and efficient way. You can include details such as the date and time of the event, and a few details about the speaker or the location.

This can be followed by other relevant details, which may relate to the sessions that will be conducted during the event.

It’s easy to understand and includes the names of the attendees and presenters, along with extra space to write down more information. 

Adding a Schedule block

Here’s how to add this block to your page:

1. Choose a location where you want to add your Schedule block and click the Add a block (+) Plus button.
2. In the Block library, choose Schedule from the list to see the pre-designed layout for this block type.  
3. Click the pre-designed layout you like to add it to your page
   
   

Schedule block types

Sitebuilder offers two types of the Schedule block: calendar and agenda.

To set up a calendar block, you may need to upgrade your plan, as it involves using custom code. 

To add a Google Calendar to your page, follow the steps from our dedicated tutorial. Also, Google’s Add a Google calendar to your website article can help you.

Note: Your embedded calendar will only be visible to people you’ve shared it with. To allow all visitors to see your calendar, you’ll need to make it public.

Setting up a Schedule block with the agenda layout is described below.

Customizing the Schedule block

You can customize the Schedule block with the help of its control pane. To activate it, click the block and then click the Block settings icon. 

The block settings menu consists of two tabs: the Layout tab and the Appearance tab.

In the Layout tab, you can switch the block layout and choose which elements should be displayed in the block. To hide a specific block element (for example, if you want to remove a button), remove the blue tick next to the element’s name.

In the Appearance tab, you can make the following changes:

• Block style: Choose the color theme of the block
• Block spacing: Adjust the whitespaces of this block at the top and the bottom
• Content style: Add a border or a shadow to make the elements stand out on the page
• Media settings: Add a black & white filter to the images within this block

Once you are done customizing block settings, click Save to confirm the changes.

Read about block customization options in detail in our Block settings article.  

Editing text in the Schedule block

To edit the demo content, click the text piece and start typing your new text. Or you can copy and paste your existing content from the text editor you are using.

For more information, visit this tutorial: Text editing and formatting.

Editing images

You can replace demo images in the Schedule block with your speaker’s photos. Read our Customizing your images tutorial for detailed instructions. Also, take a look at Recommended image sizes.

Editing buttons

You can edit buttons in your Schedule block to lead to different pages on your website or to an external URL. To edit links in buttons, follow the steps outlined in these tutorials:

• Editing buttons
• Deleting buttons

Duplicating block elements

If you would like to showcase more items in your Schedule block, you can duplicate any of the elements. To do that, hover over an item you want to duplicate and click the Duplicate icon. The identical block element will be inserted below the original element.

Moving block elements

To move the schedule elements around the block, hover over it to bring up the controls and click the Move icon. Drag the element up, down, or to the adjacent column and drop it in the highlighted place. The layout of the block will adjust automatically to preserve the clean look and feel of your website.

Here’s the video of the process.