Speakers Block

Feature Purpose:

Displaying all event speakers on the website and enabling users to utilize filters to search for specific speakers.

Working with this Feature:

Within the website builder, the Speakers module is integrated into the platform module. This module automatically populates all speaker profiles added to the event on the website, ensuring that the visibility of speaker profiles is continuously updated in real-time.

This module can be added by clicking on the "Add Block" button --- Dynamic Content section --- Speakers. This module offers 3 variations of the speakers block:

image-20240405-163747.png

These blocks can either be dragged into the builder or added by clicking on the pop-up function "Add this block".

First block

This choice provides five vertical speaker cards on the page alongside action buttons.

Upon selecting the block and clicking the settings button positioned in the middle-right of the block, a settings menu for the block will emerge.

The settings available for the initial block encompass:

  • Selection between a color option and the ability to upload an image for the section background

  • Options for text title, subtitle, and text width

  • Line settings

  • Button enablement

  • Padding settings

Any modifications made within the settings promptly manifest in the block.

Within the Speaker Cards settings, the following choices are accessible:

  • Type, allowing selection of the quantity of cards

  • Total count of slides

  • Cards' display mode - slider or static

  • Alignment of the cards

  • Activation of arrows and their customization

  • Pagination alternatives - numbering or dots, along with their configurations

  • Activation and adjustment of slideshow autoplay duration


image-20240405-170700.png



a8a5eef7-255f-4a77-88ce-b3c77b2d1385#media-blob-url=true&id=3c52ae5a-18e8-4837-995d-0953c0493c38&contextId=73075&collection=
Speaker settings






Second block

This selection provides six speaker cards on the page, lacking action buttons.

Once the block is chosen and the settings button in its middle-right is clicked, a settings menu for the block will display.

The settings offered for the second block comprise:

  • Choosing the section background, which involves selecting between a color option or uploading an image

  • Options for text title, subtitle, and text width

  • Line settings

  • Button activation

  • Padding adjustments

  • Any modifications applied in the settings promptly update the block

Within the Speaker Cards settings, the subsequent choices can be accessed:

  • Type, providing the option to determine the quantity of cards
    Avatar size, offering selections between big or small

  • Display mode for the cards - slider or static
    Alignment of the cards

  • Activation of arrows along with their customization
    Pagination options - numbering or dots, along with their configurations

  • Activation and adjustment of slideshow autoplay duration

ca0d900a-30e2-46f8-a160-6ac26dcd18d7#media-blob-url=true&id=fd60aaf8-aaca-4d2c-b992-ca5bd1df99da&contextId=73075&collection=



87df6abd-9285-4b98-8fc1-0961c6c8c047#media-blob-url=true&id=d1b69165-f813-439e-876d-a92f85b1947d&contextId=73075&collection=



Third Block

The third block choice presents 8 horizontal speaker cards on the page, each equipped with action buttons.

Once the block is selected and the settings button positioned in its middle-right is clicked, a settings menu for the block will emerge.

The settings provided for the third block encompass:

  • Choosing the section background, offering options between a color selection and uploading an image.

  • Text title, subtitle, and text width adjustments

  • Line settings

  • Button activation

  • Padding adjustments

  • Any modifications made within the settings are promptly reflected in the block

The Speaker Cards settings offer the following choices:

  • Type, allowing selection of the card quantity

  • Display mode for the cards - slider or static

  • Alignment of the cards

  • Activation of arrows and their customization

  • Activation and adjustment of slideshow autoplay timing

1f548221-1e6d-48f2-a767-145ffb4dca40#media-blob-url=true&id=42d10efc-d813-44e1-aba0-781e81125c6a&contextId=73075&collection=


3c099040-9fdd-45d5-adec-3823f7a579f9#media-blob-url=true&id=38e8ab21-e5cd-4460-a8ed-089c0bdb8e43&contextId=73075&collection=

Commonality among the settings offered in all the 3 blocks

The settings that are identical and available in each of the three blocks are:

  1. The gap between block elements

It's adjustable either by manually extending the interval or by inputting a distance, ranging from 1 to 200.

Снимок экрана 2024-03-29 в 13.06.27.png
  1. Typography settings for text-containing blocks

Customization options include text color and style.

Under the "Show Font Setting" tab, the following settings can be customized:

  • Font name, weight, and size

  • Alignment

  • Case

  • Decoration

Снимок экрана 2024-03-29 в 13.10.50.png
  1. Button settings

Снимок экрана 2024-03-29 в 13.16.36-20240329-111639.png
  1. Button link

Снимок экрана 2024-03-29 в 13.18.13.png
  1. Speaker settings within the block

Снимок экрана 2024-03-29 в 15.11.55.png
  1. Developer settings within the block

    Anchor serves as an ID selectable in links, enabling direct scrolling to the corresponding block upon clicking.

    Data-styleid allows inputting a custom term, triggering the appearance of a block with CSS for style input.

Снимок экрана 2024-03-29 в 15.12.37.png
  1. Other options for all blocks

For every block, the subsequent choices are accessible:

  • Shift the block up one position

  • Shift the block down one position

  • Replicate the block

  • In the "More actions" button, you have the ability to include the block in the Favorite section, deactivate it, or remove it entirely

Снимок экрана 2024-04-04 в 15.25.40.png


Troubleshooting:

Question: Can I arrange or organize the speakers on the website utilizing the Speakers block?

Answer: Certainly, within this module, you have the option of choosing between Random, Alphabetic, or Inverted sorting methods. You can adjust these settings by accessing the speaker settings within the block.

image-20240405-175411.png



Question: Two speakers have been included in the event, yet only one of them is currently visible within the speakers block on the website.

Solution: By default, only active speaker profiles are displayed on the website. Please verify the status of the speaker profiles. In the given instance, 'Philip Sams' is an active speaker, which is why his profile appears on the website.

image-20240405-180355.png
Active vs. Invited status of speaker profiles


image-20240405-180438.png
Visibility on the website

Question: I included the 5-speaker card block on the website, but it isn't appearing as expected.

Answer: This block may not be displayed on the site for one of two reasons:

  • Searching for these filters did not find anything.

  • The user cannot see elements due to the permission matrix.


Question: Can I add the speakers block to the Favorites section on the website?

Answer: Yes, this option exists under ‘More options' for the speakers block.


image-20240405-180841.png

One added, the speakers block will be added to the Favorites block as shown below:

image-20240405-181044.png

Question: How can users determine if a speaker is currently active or online on the website?

Answer: Below their profile image, a green dot will be displayed, as depicted below:


image-20240405-181607.png

Question: I placed the speakers block on the website but forgot to save before clicking 'Publish'. Have my changes been saved?

Answer: Indeed, selecting "Publish" automatically saves all modifications made in the website builder section.