Customize and Manage Website Sections – Zoho Backstage Guide

Webpage Sections

Overview  

The Website Sections guide helps you understand how to build and manage the structure of your event website in Zoho Backstage. You can add various prebuilt sections like text, media, speakers, sponsors, tickets, venue details, and more to different pages of your site. Each section is designed to showcase specific content and can be customized in terms of layout, content, background, and visibility.

This guide walks you through how to add, rearrange, hide, delete, and style these sections. It also includes detailed breakdowns of each section type and their individual components—such as text fields, media options, buttons, and layout settings—so you can create an engaging and informative event website that suits your branding and event needs.
Notes
Customization options may vary based on your Zoho Backstage subscription plan. Advanced customization features are available starting from the Essentials plan. Some features may be limited or restricted in the lower-tier plans.

Managing Website Sections

Adding a Section 


  1. Navigate to Design > Website from the Dock.
  2. Click Edit Website.
  3. Navigate to the page you want to add a section to using the navigation bar.
  4. Click the Add Section button, which is located between two existing sections. A pop-up window will appear with a variety of section options to choose from.
  5. Available section types include:



    1. Media with Text
    2. Media with Text Group
    3. Number Counter
    4. Testimonials
    5. Text
    6. Event Description
    7. List
    8. Embed Widget
    9. Gallery
    10. Speakers
    11. Sponsors
    12. Sponsor Category
    13. Featured Sessions
    14. Floor Plan
    15. Exhibitor Category
    16. Exhibitor Listing
    17. Tickets
    18. Venue
    19. Hotels
    20. Form
  6. Select the desired section and click Add. The selected section will be placed where you clicked the Add Section button.
  7. Customize the section by filling in the necessary information.
  8. Click Publish if the event is in draft status, or Republish if the event is live or running.

Rearranging Sections   


  1. Navigate to Design > Website.
  2. Click Edit Website.
  3. Navigate to the page where you want to rearrange sections using the navigation bar.
  4. Hover over the section you want to move. Use the arrows at the top right of the section to move it up or down.
  5. Click Publish if the event is in draft status, or Republish if the event is live or running.
Alert
Note: You cannot place a section above the hero section or below the footer section.

Adding Backgrounds to Sections   


  1. Navigate to Design > Website.
  2. Click Edit Website.
  3. Navigate to the page where you want to add a section background using the navigation bar.
  4. Hover over the section, and click the Background Icon at the top right of the section to change its background.
  5. Choose between Color, Image and Video. 
    1. Color option: 
      1. Pick a Background Color and adjust Background Opacity. Color can be either Flat Color or Gradient.
    2. Image option: 
      1. Adjust Image Opacity and toggle Image Overlay.
      1. Choose Image Fit Options: Cover, Full Image, or Tile.
      2. Use the Image Positions tool to set the image alignment.
      3. If Image Overlay is enabled, choose Overlay Color and Overlay Capacity.
      4. To change the image, click Change and select from the library or upload a new image.
      5. Clip, crop, flip, or rotate the image as needed.
      6. Click Delete to remove the image.
    3. Video option:
      1. Enter the YouTube video thumbnail. 
      2. If Video Overlay is enabled, choose Overlay Color and Overlay Capacity.
      3. Enable Loop Video if required.
  6. If you want to go back to the default settings, click Reset to Default. 
  7. Click Publish if the event is in draft status, or Republish if the event is live or running.

Hiding or Showing a Section   


  1. Navigate to Design > Website.
  2. Click Edit Website.
  3. Navigate to the page where you want to hide or show a section using the navigation bar.
  4. Hover over the section and click the Eye icon at the top right of the section to toggle its visibility.
  5. Click Publish if the event is in draft status, or Republish if the event is live or running.

Deleting a Section   


  1. Navigate to Design > Website.
  2. Click Edit Website.
  3. Navigate to the page where you want to delete a section using the navigation bar.
  4. Hover over the section and click the Delete icon at the top right of the section to remove it.
  5. Confirm deletion in the popup. 
  6. Click Publish if the event is in draft status, or Republish if the event is live or running.

Customizing Website Sections

Media with Text  



The Media with Text section allows you to combine images or videos with supporting text and CTAs (Call-to-Action buttons).

Section Setup  


  1. Hover over the Media with Text section and click the Settings icon that appears. The Media with Text Settings panel will open. 
  2. You can now:
    1. Click Change and choose from the available templates.
    2. Use the Horizontal Alignment setting to align text and CTA.
    3. Enable or disable Button.
    4. Enable or disable Media. When media is enabled:
      1. Select Media Position: Choose whether the media appears on Top, Bottom, Left, or Right.
      2. Choose Media Size: Set the media size based on your content layout.
      3. Use the Vertical Alignment setting to align text and CTA. 
  3. If your event is in draft state, click Publish to publish your event. If already live, Republish it.

Text Element

  1. Enter text in the text field.
  2. Select the text and format it using the following options:



    1. Header: Set the selected text as Paragraph, Heading 2, Heading 3, Heading 4, or Heading 5.
    2. Size: Adjust the font size.
    3. Font Family: Set the weight or thickness of the characters within a font.
    4. Bold: Make the text bold.
    5. Italic: Apply slanted styling to the text.
    6. Underline: Underline the text.
    7. Strikethrough: Add a line through the text.
    8. Alignment: Align the selected text (e.g., left, center, or right).
    9. Ordered List: Create a numbered list.
    10. Bullet List: Create a bulleted list.
    11. Indent -1: Decrease the indent level of the text.
    12. Indent +1: Increase the indent level of the text.
    13. Line Height: Adjust the spacing between lines of text.
    14. Letter Spacing: Modify the spacing between characters.
    15. Text Transform: Change text capitalization (e.g., uppercase, lowercase).
    16. Text Color: Change the color and transparency of the text.
    17. Text Background: Add a background color to the text itself (not the block).
    18. Link: Add a hyperlink to the text.
    19. Horizontal Ruler: Insert a horizontal line between text sections.
    20. Script Sub: Set the selected text as subscript (below the normal line).
    21. Script Super: Set the selected text as superscript (above the normal line).
    22. Backquote: Format text as inline code or quote, depending on context.
    23. Clean: Clear all text formatting without affecting text block properties.
  3. If your event is in draft state, click Publish to publish your event. If already live, Republish it.
Alert
Some of these options may not be available for certain fields.

Media Element 

Adding Media
  1. Hover over the  Media with Text section and click Add Media on the element. The Edit Media panel will appear.
  2. Choose between Image, Video, and Embed:
    1. Image:



      1. Upload an image or choose from the design library.
      2. Uncheck Use original image to edit (crop/flip/rotate).
    2. Video:



      1. Paste the video URL in the field.
      2. Click Remove and confirm if not needed.
    3. Embed: 
      1. Paste the iframe code.
  3. To link an image.
    1. Click the Link icon under an image in the Image tab.
    2. Choose from available options:
      1. Page (select from dropdown)
      2. External URL
      3. Speaker
      4. Sponsor
      5. Session
      6. Event Listing
      7. Tickets
      8. None
  4. If your event is in draft state, click Publish to publish your event. If already live, Republish it.
Editing Media


  1. Hover over the image you want to edit and click the settings icon. The Media Settings panel will appear.
  2. Choose a Media Shape: Square, Circle, Rectangle, or Original.
  3. Choose a Media Fit: Fit or Cover (not available for the Original media shape).
  4. Set the media Border. If you don’t want a border, leave the value as zero.
    1. Enter the Border Radius.
  5. Choose the Border Color.
  6. Enable Media Background if needed.
    1. Choose a Background Color.
  7. Click Apply changes to all media to apply these settings to all media in the section you're editing.
  8. If your event is in draft state, click Publish to publish your event. If already live, Republish it.

Button Element 

Setup
  1. Navigate to Design > Website from the Dock.
  2. Click Edit Website.
  3. Hover over the hero section and click the Setting icon associated with the button group. The Button Group Settings panel will appear. 
  4. Click the Edit icon next to the button you want to edit.
  5. To add a new button, click Add New Button.



  6. To setup a button, click the Edit icon associated with a button. The Button Settings panel will appear.
  7. Go to the Setup tab.
  8. Choose a Button Type from the dropdown:



    1. Register Now: Direct attendees to the registration page.
      1. Configure Button Text
      2. Set Alternate Registration Link (Optional)
    2. Get in Touch: Allow visitors to contact you easily.
      1. Configure Button Text
    3. Add to Calendar: Allow saving event date to personal calendars.
      1. Configure Button Text
    4. Print Agenda: Enable visitors to download/print the event schedule.
      1. Configure Button Text
    5. Get Directions: Provide event location with interactive map.
      1. Configure Button Text
    6. Custom: Multiple linking options:
      1. For Page: Select from dropdown.
      2. For External URL: Enter URL and choose whether to open in new tab.
      3. For Speakers: Select from all set speakers.
      4. For Sessions: Select from all scheduled sessions.
      5. For Sponsors: Select from all confirmed sponsors.
      6. For Event Listing: Display event-related information.
      7. For Tickets: Select ticket class for purchasers.
    7. Become a Sponsor: Invite partnership/funding
      1. Configure Button Text
    8. Link a Custom Form: For inquiries or feedback
      1. Select Custom Form
      2. Configure Button Text
    9. Become an Exhibitor: For showcasing products
      1. Configure Button Text
    10. Sign In: Allow users to log in
      1. Configure Button Text
  9. Click Save.
  10. If your event is in draft state, click Publish to publish your event. If already live, Republish it.
Design 



  1. Navigate to Design > Website from the Dock.
  2. Click Edit Website.
  3. Hover over the hero section and click the Setting icon associated with the button group. The Button Group Settings panel will appear. 
  4. Click the Edit icon next to the button you want to edit. The Button Settings panel will appear. 
  5. Go to the Design tab.
  6. Customize your button:
    1. Button Size: Tiny, Small, or Medium
    2. Button Style: Filled, Ghost, or Link
    3. Button Colors:
    4. Filled style: Customize Text Color and Background.
      1. Toggle Border option (adjust thickness and color when enabled).
    5. Ghost style: Customize Text Color.
      1. Toggle Border option (adjust thickness and color when enabled).
    6. Link style: Customize Text Color only.
    7. Click Reset to Default if needed.
  7. If your event is in draft state, click Publish to publish your event. If already live, Republish it.
Idea
You can customize button colors as solid or gradient. Click the color picker to choose between options.
Info
  1. To customize the entire button group, go to the Design tab in the Button Group Settings panel.
  2. You can also hover over the button group section and click the Edit icon next to a button to open its individual settings panel.

Media with Text Group 



The Media with Text Group section allows you to combine images or videos with supporting text and CTAs (Call-to-Action buttons). 

Section Setup 

  1. Hover over the Media with Text Group section and click the Settings icon that appears. The Media with Text List Settings panel will open. 



  2. You can now:
    1. Click Change and choose from the available templates.
    2. Use the Horizontal Alignment setting to align text and CTA.
    3. Enable or disable Button.
    4. Enable or disable Media. When media is enabled:
      1. Select Media Position: Choose whether the media appears on Top, Bottom, Left, or Right.
      2. Choose Media Size: Set the media size based on your content layout.
      3. Use the Vertical Alignment setting to align text and CTA. 
  3. If your event is in draft state, click Publish to publish your event. If already live, Republish it.

Text Element

  1. Enter text in the text field.
  2. Select the text and format it using the following options:



    1. Header: Set the selected text as Paragraph, Heading 2, Heading 3, Heading 4, or Heading 5.
    2. Size: Adjust the font size.
    3. Font Family: Set the weight or thickness of the characters within a font.
    4. Bold: Make the text bold.
    5. Italic: Apply slanted styling to the text.
    6. Underline: Underline the text.
    7. Strikethrough: Add a line through the text.
    8. Alignment: Align the selected text (e.g., left, center, or right).
    9. Ordered List: Create a numbered list.
    10. Bullet List: Create a bulleted list.
    11. Indent -1: Decrease the indent level of the text.
    12. Indent +1: Increase the indent level of the text.
    13. Line Height: Adjust the spacing between lines of text.
    14. Letter Spacing: Modify the spacing between characters.
    15. Text Transform: Change text capitalization (e.g., uppercase, lowercase).
    16. Text Color: Change the color and transparency of the text.
    17. Text Background: Add a background color to the text itself (not the block).
    18. Link: Add a hyperlink to the text.
    19. Horizontal Ruler: Insert a horizontal line between text sections.
    20. Script Sub: Set the selected text as subscript (below the normal line).
    21. Script Super: Set the selected text as superscript (above the normal line).
    22. Backquote: Format text as inline code or quote, depending on context.
    23. Clean: Clear all text formatting without affecting text block properties.
  3. If your event is in draft state, click Publish to publish your event. If already live, Republish it.
Alert
Some of these options may not be available for certain fields.

Adding Media

  1. Hover over the  Media with Text section and click Add Media / Change on the element. The Edit Media panel will appear.
  2. Choose between Image, Video, and Embed:
    1. Image:
      1. Upload an image or choose from the design library.
      2. Uncheck Use original image to edit (crop/flip/rotate).
    2. Video:
      1. Paste the video URL in the field.
      2. Click Remove and confirm if not needed.
    3. Embed: 
      1. Paste the iframe code.
  3. To link an image.
    1. Click the Link icon under an image in the Image tab.
    2. Choose from available options:
      1. Page (select from dropdown)
      2. External URL
      3. Speaker
      4. Sponsor
      5. Session
      6. Event Listing
      7. Tickets
      8. None
  4. If your event is in draft state, click Publish to publish your event. If already live, Republish it.

Editing Media


  1. Hover over the image you want to edit and click the Settings icon. The Media Settings panel will appear.
  2. Choose a Media Shape: Square, Circle, Rectangle, or Original.
  3. Choose a Media Fit: Fit or Cover (not available for the Original media shape).
  4. Set the media Border. If you don’t want a border, leave the value as zero.
    1. Enter the Border Radius.
  5. Choose the Border Color.
  6. Enable Media Background if needed.
    1. Choose a Background Color.
  7. Click Apply changes to all media to apply these settings to all media in the section you're editing.
  8. If your event is in draft state, click Publish to publish your event. If already live, Republish it.

Button Element 

Setup
  1. Navigate to Design > Website from the Dock.
  2. Click Edit Website.
  3. Hover over the Media with Text Group section and click the Settings icon associated with the button group. The Button Group Settings panel will appear. 
  4. Click the Edit icon next to the button you want to edit.
  5. To add a new button, click Add New Button.
  6. To setup a button, click the Edit icon associated with a button. The Button Settings panel will appear.
  7. Go to the Setup tab.
  8. Choose a Button Type from the dropdown:
    1. Register Now: Direct attendees to the registration page.
    2. Configure Button Text
    3. Set Alternate Registration Link (Optional)
    4. Get in Touch: Allow visitors to contact you easily.
      1. Configure Button Text
    5. Add to Calendar: Allow saving event date to personal calendars.
      1. Configure Button Text
    6. Print Agenda: Enable visitors to download/print the event schedule.
      1. Configure Button Text
    7. Get Directions: Provide event location with interactive map.
      1. Configure Button Text
    8. Custom: Multiple linking options:
      1. For Page: Select from dropdown.
      2. For External URL: Enter URL and choose whether to open in new tab.
      3. For Speakers: Select from all set speakers.
      4. For Sessions: Select from all scheduled sessions.
      5. For Sponsors: Select from all confirmed sponsors.
      6. For Event Listing: Display event-related information.
      7. For Tickets: Select ticket class for purchasers.
    9. Become a Sponsor: Invite partnership/funding
      1. Configure Button Text
    10. Link a Custom Form: For inquiries or feedback
      1. Select Custom Form
      2. Configure Button Text
    11. Become an Exhibitor: For showcasing products
      1. Configure Button Text
    12. Sign In: Allow users to log in
      1. Configure Button Text
  9. Click Save.
  10. If your event is in draft state, click Publish to publish your event. If already live, Republish it.
Design   


  1. Navigate to Design > Website from the Dock.
  2. Click Edit Website.
  3. Hover over the Media with Text Group section and click the Setting icon associated with the button group. The Button Group Settings panel will appear. 
  4. Click the Edit icon next to the button you want to edit. The Button Settings panel will appear. 
  5. Go to the Design tab.
  6. Customize your button:
    1. Button Size: Tiny, Small, or Medium
    2. Button Style: Filled, Ghost, or Link
    3. Button Colors:
      1. Filled style: Customize Text Color and Background.
        1. Toggle Border option (adjust thickness and color when enabled).
      2. Ghost style: Customize Text Color.
        1. Toggle Border option (adjust thickness and color when enabled).
      3. Link style: Customize Text Color only.
    4. Click Reset to Default if needed.
  7. If your event is in draft state, click Publish to publish your event. If already live, Republish it.
Idea
You can customize button colors as solid or gradient. Click the color picker to choose between options.
Info
  1. To customize the entire button group, go to the Design tab in the Button Group Settings panel.
  2. You can also hover over the button group section and click the Edit icon next to a button to open its individual settings panel.

Number Counter 



The number counter section lets you display key metrics with animated counters to visually engage visitors.

Section Setup

  1. Hover over the Number Counter section and click the Settings icon. The Number Counter Settings panel will appear. 



  2. Click Change to switch the layout template. Select the desired layout. 
  3. Select the number of columns and the alignment of elements.
  4. Number Size: Pick the font size for the number.
  5. Enable Image: Toggle this on if you want to include images.
  6. Image Size: Specify the size of the image.
  7. Image Position: Choose from Left, Top, or Right.
  8. Solid Background: Enable if you want the section to have a solid background.
  9. Carousel Slider: Enable to display numbers in a sliding carousel format.
  10. Infinite Carousel: Enable to allow the carousel to loop infinitely.
  11. If your event is in draft state, click Publish to publish your event. If already live, Republish it.

Number Element

  1. Double-click on a number to open the Edit Number panel.
  2. Enter the number.
  3. Add a Prefix or Postfix if needed. For example, +, %, or hrs. The prefix and postfix cannot exceed 5 characters each.
  4. Select the Number Color. 
  5. Click Apply to All Number Items to apply the color to all the number items.
  6. If your event is in draft state, click Publish to publish your event. If already live, Republish it.

Adding/ Deleting/ Rearranging the Number Counters 

  1. Go to the Manage Items tab in the Number Counter Settings panel. 
  2. To add a number counter: 
    1. Click Add New Item. 
  3. To rearrange the counters 
    1. Click the Reorder icon on the left of the slide.
    2. Drag and place as you deem fit.
  4. To delete a counter: 
    1. Click the Delete icon associated with a counter.
  5. If your event is in draft state, click Publish to publish your event. If already live, Republish it.

Media Element  

Adding an Image
  1. Click Upload in the Number Counter section. 
  2. Choose an existing image from your library or upload a new one.
  3. Adjust the image dimensions as needed.
  4. Click Done to apply the image.
Changing an Image
  1. Click the Edit icon associated with the image. The Edit Image panel will appear.
  2. Click Change.
  3. Choose a different image or upload a new one.
  4. Adjust the dimensions as required.
  5. Click Done to save your changes.
Adding a Link to an Image
  1. Click the Edit icon associated with the image. The Edit Image panel will appear.
  2. Click Add Link to open the Link Image panel.
  3. Choose the link type:
    1. Page: Select a page from the dropdown.
    2. External URL: Enter a URL and choose whether it should open in a new tab.
    3. Speakers: Link to a listed speaker.
    4. Sessions: Link to a scheduled session.
    5. Sponsors: Link to a confirmed sponsor.
    6. Event Listing: Link to event details.
    7. Tickets: Link to a specific ticket class.

Text Element

  1. Enter text in the text field.
  2. Select the text and format it using the following options:



    1. Header: Set the selected text as Paragraph, Heading 2, Heading 3, Heading 4, or Heading 5.
    2. Size: Adjust the font size.
    3. Font Family: Set the weight or thickness of the characters within a font.
    4. Bold: Make the text bold.
    5. Italic: Apply slanted styling to the text.
    6. Underline: Underline the text.
    7. Strikethrough: Add a line through the text.
    8. Alignment: Align the selected text (e.g., left, center, or right).
    9. Ordered List: Create a numbered list.
    10. Bullet List: Create a bulleted list.
    11. Indent -1: Decrease the indent level of the text.
    12. Indent +1: Increase the indent level of the text.
    13. Line Height: Adjust the spacing between lines of text.
    14. Letter Spacing: Modify the spacing between characters.
    15. Text Transform: Change text capitalization (e.g., uppercase, lowercase).
    16. Text Color: Change the color and transparency of the text.
    17. Text Background: Add a background color to the text itself (not the block).
    18. Link: Add a hyperlink to the text.
    19. Horizontal Ruler: Insert a horizontal line between text sections.
    20. Script Sub: Set the selected text as subscript (below the normal line).
    21. Script Super: Set the selected text as superscript (above the normal line).
    22. Backquote: Format text as inline code or quote, depending on context.
    23. Clean: Clear all text formatting without affecting text block properties.
  3. If your event is in draft state, click Publish to publish your event. If already live, Republish it.
Alert
Some of these options may not be available for certain fields.

Testimonials  



The Testimonials section is designed to showcase quotes, endorsements, or feedback from speakers, attendees, or partners. Displaying testimonials can enhance credibility and create a more engaging website experience.

Section Setup

  1. Hover over the Testimonials section and click the Settings icon associated with it. The Testimonial Settings panel will appear. 



  2. Click Change to select a different template layout. Choose the Testimonial Style:
    1. Lattice
    2. Trellis
    3. Frieze
  3. Set the Number of Columns. 
  4. Choose the Alignment: Left, Justified or Right.
  5. For the Frieze layout, set the Image Position.
  6. Choose the Image Style: Round or Square.
  7. Enable the Carousel Slider if needed.

Adding/ Deleting/ Rearranging the Testimonials 


  1. Go to the Manage Items tab in the Testimonial Settings panel. 
  2. To add a testimonial: 
    1. Click Add New Item. 
  3. To rearrange testimonials 
    1. Click the Reorder icon on the left of the slide.
    2. Drag and place as you deem fit.
  4. To delete a testimonial: 
    1. Click the Delete icon next  testimonial.
  5. If your event is in draft state, click Publish to publish your event. If already live, Republish it.

Media Element  

Adding an Image
  1. Click Upload in the Testimonials section. 
  2. Choose an existing image from your library or upload a new one.
  3. Adjust the image dimensions as needed.
  4. Click Done to apply the image.
Changing an Image 


  1. Click the Edit icon associated with the image. The Edit Image panel will appear.
  2. Click Change.
  3. Choose a different image or upload a new one.
  4. Adjust the dimensions as required.
  5. Click Done to save your changes.
Adding a Link to an Image
  1. Click the Edit icon associated with the image. The Edit Image panel will appear.
  2. Click Add Link to open the Link Image panel. 



  3. Choose the link type:
    1. Page: Select a page from the dropdown.
    2. External URL: Enter a URL and choose whether it should open in a new tab.
    3. Speakers: Link to a listed speaker.
    4. Sessions: Link to a scheduled session.
    5. Sponsors: Link to a confirmed sponsor.
    6. Event Listing: Link to event details.
    7. Tickets: Link to a specific ticket class.

Text Element

  1. Enter text in the text field.
  2. Select the text and format it using the following options:



    1. Header: Set the selected text as Paragraph, Heading 2, Heading 3, Heading 4, or Heading 5.
    2. Size: Adjust the font size.
    3. Font Family: Set the weight or thickness of the characters within a font.
    4. Bold: Make the text bold.
    5. Italic: Apply slanted styling to the text.
    6. Underline: Underline the text.
    7. Strikethrough: Add a line through the text.
    8. Alignment: Align the selected text (e.g., left, center, or right).
    9. Ordered List: Create a numbered list.
    10. Bullet List: Create a bulleted list.
    11. Indent -1: Decrease the indent level of the text.
    12. Indent +1: Increase the indent level of the text.
    13. Line Height: Adjust the spacing between lines of text.
    14. Letter Spacing: Modify the spacing between characters.
    15. Text Transform: Change text capitalization (e.g., uppercase, lowercase).
    16. Text Color: Change the color and transparency of the text.
    17. Text Background: Add a background color to the text itself (not the block).
    18. Link: Add a hyperlink to the text.
    19. Horizontal Ruler: Insert a horizontal line between text sections.
    20. Script Sub: Set the selected text as subscript (below the normal line).
    21. Script Super: Set the selected text as superscript (above the normal line).
    22. Backquote: Format text as inline code or quote, depending on context.
    23. Clean: Clear all text formatting without affecting text block properties.
  3. If your event is in draft state, click Publish to publish your event. If already live, Republish it.
Alert
Some of these options may not be available for certain fields.

Text 



The Text section allows you to add richly formatted content to your event website. Use it to highlight your event’s mission, share announcements, or display any custom text with full styling options. This section supports a wide range of formatting tools to give you complete control over how your content looks and feels.

Text Element

  1. Enter text in the text field.
  2. Select the text and format it using the following options:



    1. Header: Set the selected text as Paragraph, Heading 2, Heading 3, Heading 4, or Heading 5.
    2. Size: Adjust the font size.
    3. Font Family: Set the weight or thickness of the characters within a font.
    4. Bold: Make the text bold.
    5. Italic: Apply slanted styling to the text.
    6. Underline: Underline the text.
    7. Strikethrough: Add a line through the text.
    8. Alignment: Align the selected text (e.g., left, center, or right).
    9. Ordered List: Create a numbered list.
    10. Bullet List: Create a bulleted list.
    11. Indent -1: Decrease the indent level of the text.
    12. Indent +1: Increase the indent level of the text.
    13. Line Height: Adjust the spacing between lines of text.
    14. Letter Spacing: Modify the spacing between characters.
    15. Text Transform: Change text capitalization (e.g., uppercase, lowercase).
    16. Text Color: Change the color and transparency of the text.
    17. Text Background: Add a background color to the text itself (not the block).
    18. Link: Add a hyperlink to the text.
    19. Horizontal Ruler: Insert a horizontal line between text sections.
    20. Script Sub: Set the selected text as subscript (below the normal line).
    21. Script Super: Set the selected text as superscript (above the normal line).
    22. Backquote: Format text as inline code or quote, depending on context.
    23. Clean: Clear all text formatting without affecting text block properties.
  3. If your event is in draft state, click Publish to publish your event. If already live, Republish it.
Alert
Some of these options may not be available for certain fields.

Event Description

The Event Description section is a dedicated space to present a detailed overview of your event. Ideal for giving visitors an engaging introduction to what your event is about, this section supports styled text, lists, links, and more.

Available Fields: 
  1. Section Title: The main heading for the text section. 
  2. Section Subtitle: A brief line of text that supports the title. Use it to give visitors a preview of the content below.
  3. Section Body: The main content area where you can enter detailed text. This field supports formatting options like headings, bold, italics, lists, links, and more. Ideal for describing your event’s mission, schedule highlights, or speaker lineup.

Section Setup  


  1. Hover over the event description section and click the Settings icon associated with it. The Description Settings panel will appear.
  2. Choose between:
    1. Update text and sync with the 'Event Description' field used across website and other promotions.
    2. Update text only on the website.

Text Element

  1. Enter text in the text field.
  2. Select the text and format it using the following options:



    1. Header: Set the selected text as Paragraph, Heading 2, Heading 3, Heading 4, or Heading 5.
    2. Size: Adjust the font size.
    3. Font Family: Set the weight or thickness of the characters within a font.
    4. Bold: Make the text bold.
    5. Italic: Apply slanted styling to the text.
    6. Underline: Underline the text.
    7. Strikethrough: Add a line through the text.
    8. Alignment: Align the selected text (e.g., left, center, or right).
    9. Ordered List: Create a numbered list.
    10. Bullet List: Create a bulleted list.
    11. Indent -1: Decrease the indent level of the text.
    12. Indent +1: Increase the indent level of the text.
    13. Line Height: Adjust the spacing between lines of text.
    14. Letter Spacing: Modify the spacing between characters.
    15. Text Transform: Change text capitalization (e.g., uppercase, lowercase).
    16. Text Color: Change the color and transparency of the text.
    17. Text Background: Add a background color to the text itself (not the block).
    18. Link: Add a hyperlink to the text.
    19. Horizontal Ruler: Insert a horizontal line between text sections.
    20. Script Sub: Set the selected text as subscript (below the normal line).
    21. Script Super: Set the selected text as superscript (above the normal line).
    22. Backquote: Format text as inline code or quote, depending on context.
    23. Clean: Clear all text formatting without affecting text block properties.
  3. If your event is in draft state, click Publish to publish your event. If already live, Republish it.
Alert
Some of these options may not be available for certain fields.

List  



The List section is perfect for presenting structured content such as event features or key highlights. Whether you’re showcasing benefits or organizing key information, this section helps keep things clear and visually appealing.

Section Setup  


  1. Hover over the List section and click the Settings icon associated with it. The List Settings panel will appear. 
  2. Click Change to select a different template layout.
  3. Choose the List Type:
    1. Rows
    2. Columns
  4. Choose the List Style. 
  5. If your event is in draft state, click Publish to publish your event. If already live, Republish it.

Text Element

  1. Enter text in the text field.
  2. Select the text and format it using the following options:



    1. Header: Set the selected text as Paragraph, Heading 2, Heading 3, Heading 4, or Heading 5.
    2. Size: Adjust the font size.
    3. Font Family: Set the weight or thickness of the characters within a font.
    4. Bold: Make the text bold.
    5. Italic: Apply slanted styling to the text.
    6. Underline: Underline the text.
    7. Strikethrough: Add a line through the text.
    8. Alignment: Align the selected text (e.g., left, center, or right).
    9. Ordered List: Create a numbered list.
    10. Bullet List: Create a bulleted list.
    11. Indent -1: Decrease the indent level of the text.
    12. Indent +1: Increase the indent level of the text.
    13. Line Height: Adjust the spacing between lines of text.
    14. Letter Spacing: Modify the spacing between characters.
    15. Text Transform: Change text capitalization (e.g., uppercase, lowercase).
    16. Text Color: Change the color and transparency of the text.
    17. Text Background: Add a background color to the text itself (not the block).
    18. Link: Add a hyperlink to the text.
    19. Horizontal Ruler: Insert a horizontal line between text sections.
    20. Script Sub: Set the selected text as subscript (below the normal line).
    21. Script Super: Set the selected text as superscript (above the normal line).
    22. Backquote: Format text as inline code or quote, depending on context.
    23. Clean: Clear all text formatting without affecting text block properties.
  3. If your event is in draft state, click Publish to publish your event. If already live, Republish it.
Alert
Some of these options may not be available for certain fields.

Embed Widget



The Embed Widget section allows you to insert third-party widgets (like registration forms, videos, maps, or countdown timers) into your event website using custom iframe code.

Embedded Widget
  1. Enter code for a widget in the Add Iframe Code text box in the Add Section dialog box. 
  2. Click Add.
  3. Enter a title and a subtitle if needed in the Embed Widget section.
  4. To edit the embed code again, hover over the Embed Widget section and click the Edit Embed Code button. Make the necessary changes. 
  5. Click Save.


The Gallery section allows you to showcase event images in a visually engaging format. You can enable participant photo uploads, allow downloads, and even offer face recognition search to help attendees find their pictures. Use this section to capture and share moments from your event in an organized and interactive way. Participants can also like, comment, and share these images. 

Section Setup 


  1. Hover over the Gallery section and click the Settings icon. The Gallery Settings panel will appear.
  2. Enable or disable the following options based on your requirements:
    1. Photo Uploads: Allow participants to upload photos to the event gallery.
      1. Choose the Upload File Type (e.g., JPG, PNG).
    2. Set Upload Period for Photos:
      1. Start Date: When uploads can begin.
      2. End Date: When uploads will be closed.
    3. NSFW Content Blocker:
      1. Choose categories of content to block automatically:
        1. Explicit nudity
        2. Racy or suggestive content
        3. Bloodshed, gore, or violence
        4. Drugs and substances
        5. Weapons
    4. Photo Downloads: Enable this option to let participants download photos from the gallery.
    5. Face Recognition in Search: Allows participants to search for their photos using face recognition. Attendees must upload or capture a selfie to find their images in the gallery.

Managing Images

Adding New Images


  1. Go to the Arrangement tab in the Gallery Settings panel.
  2. Click Add New.
  3. Select images from your local storage and upload them.
Deleting Images


  1. Navigate to the Arrangement tab.
  2. Click the Delete icon associated with the image you want to remove.
Rearranging Images


  1. In the Arrangement tab, click the Reorder icon beside the image.
  2. Drag and drop the image into your desired position.
Info
Images uploaded in any Gallery widget are independent and not connected to the images in the Gallery tab on the event website.

Speakers 


The Speakers section allows you to showcase the individuals presenting at your event. Display their names, images, titles, and affiliated organizations in a visually engaging layout.

Section Setup    


  1. Hover over the Speakers section in the website builder and click the Settings icon.
  2. In the Speaker Settings panel, configure the following options:
    1. Design Layout: Choose a display format—Frieze, Polaroid, Trellis, Aura, or Mosaic.



    2. Background Style: Set the section background to Fill or Empty (transparent).
    3. Alignment: Choose how the speaker content is aligned within the section (e.g., Left, Center, or Right).
    4. Image Style: Display speaker photos as Round or Square.
    5. Carousel Slider: Enable this option if you want the speaker profiles to scroll horizontally like a slider.
Button Element  


Setup 


  1. Navigate to Design > Website from the Dock.
  2. Click Edit Website.
  3. Hover over the hero section and click the Setting icon associated with the button group. The Button Group Settings panel will appear. 
  4. Click the Edit icon next to the button you want to edit.
  5. To add a new button, click Add New Button.
  6. To setup a button, click the Edit icon associated with a button. The Button Settings panel will appear.
  7. Go to the Setup tab.
  8. Choose a Button Type from the dropdown:
    1. Register Now: Direct attendees to the registration page.
      1. Configure Button Text
      2. Set Alternate Registration Link (Optional)
    2. Get in Touch: Allow visitors to contact you easily.
      1. Configure Button Text
    3. Add to Calendar: Allow saving event date to personal calendars.
      1. Configure Button Text
    4. Print Agenda: Enable visitors to download/print the event schedule.
      1. Configure Button Text
    5. Get Directions: Provide event location with interactive map.
      1. Configure Button Text
    6. Custom: Multiple linking options:
      1. For Page: Select from dropdown.
      2. For External URL: Enter URL and choose whether to open in new tab.
      3. For Speakers: Select from all set speakers.
      4. For Sessions: Select from all scheduled sessions.
      5. For Sponsors: Select from all confirmed sponsors.
      6. For Event Listing: Display event-related information.
      7. For Tickets: Select ticket class for purchasers.
    7. Become a Sponsor: Invite partnership/funding
      1. Configure Button Text
    8. Link a Custom Form: For inquiries or feedback
      1. Select Custom Form
      2. Configure Button Text
    9. Become an Exhibitor: For showcasing products
      1. Configure Button Text
    10. Sign In: Allow users to log in
      1. Configure Button Text
  9. Click Save.
  10. If your event is in draft state, click Publish to publish your event. If already live, Republish it.
Design 


  1. Navigate to Design > Website from the Dock.
  2. Click Edit Website.
  3. Hover over the hero section and click the Setting icon associated with the button group. The Button Group Settings panel will appear. 
  4. Click the Edit icon next to the button you want to edit. The Button Settings panel will appear. 
  5. Go to the Design tab.
  6. Customize your button:
    1. Button Size: Tiny, Small, Medium, Large or Extra Large
    2. Button Style: Filled, Ghost, or Link
    3. Button Colors:
      1. Filled style: Customize Text Color and Background.
        1. Toggle Border option (adjust thickness and color when enabled).
      2. Ghost style: Customize Text Color.
        1. Toggle Border option (adjust thickness and color when enabled).
      3. Link style: Customize Text Color only.
      4. Click Reset to Default if needed.
  7. If your event is in draft state, click Publish to publish your event. If already live, Republish it.
Idea
You can customize button colors as solid or gradient. Click the color picker to choose between options.
Info
  1. To customize the entire button group, go to the Design tab in the Button Group Settings panel.
  2. You can also hover over the button group section and click the Edit icon next to a button to open its individual settings panel.

Text Element 
  1. Enter text in the text field.
  2. Select the text and format it using the following options:



    1. Bold: Make the text bold.
    2. Italic: Apply slanted styling to the text.
    3. Underline: Underline the text.
    4. Strikethrough: Add a line through the text.
    5. Size: Adjust the font size.
    6. Font Family: Set the weight or thickness of the characters within a font.
    7. Alignment: Align the selected text (e.g., left, center, or right).
    8. Text Color: Change the color and transparency of the text.
    9. Text Background: Add a background color to the text itself (not the block).
    10. Text Transform: Change text capitalization (e.g., uppercase, lowercase).
    11. Line Height: Adjust the spacing between lines of text.
    12. Letter Spacing: Modify the spacing between characters.
    13. Script Sub: Set the selected text as subscript (below the normal line).
    14. Script Super: Set the selected text as superscript (above the normal line).
    15. Clean: Clear all text formatting without affecting text block properties.
  3. If your event is in draft state, click Publish to publish your event. If already live, Republish it. 

Sponsors   


Section Setup - Section Level  


  1. Hover over the Sponsors section and click the Settings icon associated with it. The Sponsor Settings panel will appear. 
  2. Go to the Customize tab.
  3. Choose the Tile View: Grid, Slider, or Infinite Carousel. 
  4. Enable Show Category Sponsor toggle to show the sponsor category names in the section. 
    1. Change the Sponsor Category color if required. 
  5. Enable the Show Sponsor Name toggle to show the sponsor name in the section. 
    1. Change the Sponsor Name Color if required. 
  6. Enable the Category Separator to add a horizontal line in-between the sponsor categories. 
Reordering Sponsor Categories  



  1. Hover over the Sponsors section and click the Settings icon associated with it. The Sponsor Settings panel will appear. 
  2. Go to the Manage Items tab.
  3. Click the Reorder icon on the left of the slide.
  4. Drag and place as you deem fit.
Hiding Sponsor Categories
  1. Hover over the Sponsors section and click the Settings icon associated with it. The Sponsor Settings panel will appear. 
  2. Go to the Manage Items tab.
  3. Click the Eye icon associated with a sponsor category to hide it. 
  4. Click it again to show it on the event website. 

Section Setup - Category Level  


  1. Hover over the Sponsors section and click the Settings icon associated with it. The Sponsor Settings panel will appear. 
  2. Go to the Manage Items tab.
  3. Click the Edit icon associated with a sponsor category. 
  4. Go to the Customize Tab. 
  5. Change the Tile View. 
  6. Adjust the Tile Size. 
  7. Enable Tile Background if required.
    1. Set the Tile Background Color.
  8. Enable Show Sponsor Category.
    1. Adjust the Sponsor Category Color.
  9. Enable Sponsor Name.
    1. Adjust the Sponsor Name Color.


Button Element 

Setup
  1. Navigate to Design > Website from the Dock.
  2. Click Edit Website.
  3. Hover over the hero section and click the Setting icon associated with the button group. The Button Group Settings panel will appear. 
  4. Click the Edit icon next to the button you want to edit.
  5. To add a new button, click Add New Button.



  6. To setup a button, click the Edit icon associated with a button. The Button Settings panel will appear.
  7. Go to the Setup tab.
  8. Choose a Button Type from the dropdown:



    1. Register Now: Direct attendees to the registration page.
      1. Configure Button Text
      2. Set Alternate Registration Link (Optional)
    2. Get in Touch: Allow visitors to contact you easily.
      1. Configure Button Text
    3. Add to Calendar: Allow saving event date to personal calendars.
      1. Configure Button Text
    4. Print Agenda: Enable visitors to download/print the event schedule.
      1. Configure Button Text
    5. Get Directions: Provide event location with interactive map.
      1. Configure Button Text
    6. Custom: Multiple linking options:
      1. For Page: Select from dropdown.
      2. For External URL: Enter URL and choose whether to open in new tab.
      3. For Speakers: Select from all set speakers.
      4. For Sessions: Select from all scheduled sessions.
      5. For Sponsors: Select from all confirmed sponsors.
      6. For Event Listing: Display event-related information.
      7. For Tickets: Select ticket class for purchasers.
    7. Become a Sponsor: Invite partnership/funding
      1. Configure Button Text
    8. Link a Custom Form: For inquiries or feedback
      1. Select Custom Form
      2. Configure Button Text
    9. Become an Exhibitor: For showcasing products
      1. Configure Button Text
    10. Sign In: Allow users to log in
      1. Configure Button Text
  9. Click Save.
  10. If your event is in draft state, click Publish to publish your event. If already live, Republish it.
Design 



  1. Navigate to Design > Website from the Dock.
  2. Click Edit Website.
  3. Hover over the hero section and click the Setting icon associated with the button group. The Button Group Settings panel will appear. 
  4. Click the Edit icon next to the button you want to edit. The Button Settings panel will appear. 
  5. Go to the Design tab.
  6. Customize your button:
    1. Button Size: Tiny, Small, or Medium
    2. Button Style: Filled, Ghost, or Link
    3. Button Colors:
    4. Filled style: Customize Text Color and Background.
      1. Toggle Border option (adjust thickness and color when enabled).
    5. Ghost style: Customize Text Color.
      1. Toggle Border option (adjust thickness and color when enabled).
    6. Link style: Customize Text Color only.
    7. Click Reset to Default if needed.
  7. If your event is in draft state, click Publish to publish your event. If already live, Republish it.
Idea
You can customize button colors as solid or gradient. Click the color picker to choose between options.
Info
  1. To customize the entire button group, go to the Design tab in the Button Group Settings panel.
  2. You can also hover over the button group section and click the Edit icon next to a button to open its individual settings panel.

Text Element 
  1. Enter text in the text field.
  2. Select the text and format it using the following options:



    1. Bold: Make the text bold.
    2. Italic: Apply slanted styling to the text.
    3. Underline: Underline the text.
    4. Strikethrough: Add a line through the text.
    5. Size: Adjust the font size.
    6. Font Family: Set the weight or thickness of the characters within a font.
    7. Alignment: Align the selected text (e.g., left, center, or right).
    8. Text Color: Change the color and transparency of the text.
    9. Text Background: Add a background color to the text itself (not the block).
    10. Text Transform: Change text capitalization (e.g., uppercase, lowercase).
    11. Line Height: Adjust the spacing between lines of text.
    12. Letter Spacing: Modify the spacing between characters.
    13. Script Sub: Set the selected text as subscript (below the normal line).
    14. Script Super: Set the selected text as superscript (above the normal line).
    15. Clean: Clear all text formatting without affecting text block properties.
  3. If your event is in draft state, click Publish to publish your event. If already live, Republish it. 


Button Element 

Setup
  1. Navigate to Design > Website from the Dock.
  2. Click Edit Website.
  3. Hover over the hero section and click the Setting icon associated with the button group. The Button Group Settings panel will appear. 
  4. Click the Edit icon next to the button you want to edit.
  5. To add a new button, click Add New Button.



  6. To setup a button, click the Edit icon associated with a button. The Button Settings panel will appear.
  7. Go to the Setup tab.
  8. Choose a Button Type from the dropdown:



    1. Register Now: Direct attendees to the registration page.
      1. Configure Button Text
      2. Set Alternate Registration Link (Optional)
    2. Get in Touch: Allow visitors to contact you easily.
      1. Configure Button Text
    3. Add to Calendar: Allow saving event date to personal calendars.
      1. Configure Button Text
    4. Print Agenda: Enable visitors to download/print the event schedule.
      1. Configure Button Text
    5. Get Directions: Provide event location with interactive map.
      1. Configure Button Text
    6. Custom: Multiple linking options:
      1. For Page: Select from dropdown.
      2. For External URL: Enter URL and choose whether to open in new tab.
      3. For Speakers: Select from all set speakers.
      4. For Sessions: Select from all scheduled sessions.
      5. For Sponsors: Select from all confirmed sponsors.
      6. For Event Listing: Display event-related information.
      7. For Tickets: Select ticket class for purchasers.
    7. Become a Sponsor: Invite partnership/funding
      1. Configure Button Text
    8. Link a Custom Form: For inquiries or feedback
      1. Select Custom Form
      2. Configure Button Text
    9. Become an Exhibitor: For showcasing products
      1. Configure Button Text
    10. Sign In: Allow users to log in
      1. Configure Button Text
  9. Click Save.
  10. If your event is in draft state, click Publish to publish your event. If already live, Republish it.
Design 



  1. Navigate to Design > Website from the Dock.
  2. Click Edit Website.
  3. Hover over the hero section and click the Setting icon associated with the button group. The Button Group Settings panel will appear. 
  4. Click the Edit icon next to the button you want to edit. The Button Settings panel will appear. 
  5. Go to the Design tab.
  6. Customize your button:
    1. Button Size: Tiny, Small, or Medium
    2. Button Style: Filled, Ghost, or Link
    3. Button Colors:
    4. Filled style: Customize Text Color and Background.
      1. Toggle Border option (adjust thickness and color when enabled).
    5. Ghost style: Customize Text Color.
      1. Toggle Border option (adjust thickness and color when enabled).
    6. Link style: Customize Text Color only.
    7. Click Reset to Default if needed.
  7. If your event is in draft state, click Publish to publish your event. If already live, Republish it.
Idea
You can customize button colors as solid or gradient. Click the color picker to choose between options.
Info
  1. To customize the entire button group, go to the Design tab in the Button Group Settings panel.
  2. You can also hover over the button group section and click the Edit icon next to a button to open its individual settings panel.

Text Element 
  1. Enter text in the text field.
  2. Select the text and format it using the following options:



    1. Bold: Make the text bold.
    2. Italic: Apply slanted styling to the text.
    3. Underline: Underline the text.
    4. Strikethrough: Add a line through the text.
    5. Size: Adjust the font size.
    6. Font Family: Set the weight or thickness of the characters within a font.
    7. Alignment: Align the selected text (e.g., left, center, or right).
    8. Text Color: Change the color and transparency of the text.
    9. Text Background: Add a background color to the text itself (not the block).
    10. Text Transform: Change text capitalization (e.g., uppercase, lowercase).
    11. Line Height: Adjust the spacing between lines of text.
    12. Letter Spacing: Modify the spacing between characters.
    13. Script Sub: Set the selected text as subscript (below the normal line).
    14. Script Super: Set the selected text as superscript (above the normal line).
    15. Clean: Clear all text formatting without affecting text block properties.
  3. If your event is in draft state, click Publish to publish your event. If already live, Republish it. 

Floor Plan   


  1. Choose the type of floor plan you want to add in the Add Section dialog box, before adding the Floor Plan section.



    1. Select the floor plan For Exhibitors to allow them to book available booths directly from the floor plan. Filled and inactive booths will also be shown.
    2. Select the floor plan For Event Participants to only display booked booths and the exhibitors who have booked them.
Info
If you haven’t created a floor plan yet, you can upload an image of one instead.

Exhibitor Category 



Use this section to display the exhibitor categories available at your event. 

Text Element 
  1. Enter text in the text field.
  2. Select the text and format it using the following options:



    1. Bold: Make the text bold.
    2. Italic: Apply slanted styling to the text.
    3. Underline: Underline the text.
    4. Strikethrough: Add a line through the text.
    5. Size: Adjust the font size.
    6. Font Family: Set the weight or thickness of the characters within a font.
    7. Alignment: Align the selected text (e.g., left, center, or right).
    8. Text Color: Change the color and transparency of the text.
    9. Text Background: Add a background color to the text itself (not the block).
    10. Text Transform: Change text capitalization (e.g., uppercase, lowercase).
    11. Line Height: Adjust the spacing between lines of text.
    12. Letter Spacing: Modify the spacing between characters.
    13. Script Sub: Set the selected text as subscript (below the normal line).
    14. Script Super: Set the selected text as superscript (above the normal line).
    15. Clean: Clear all text formatting without affecting text block properties.
  3. If your event is in draft state, click Publish to publish your event. If already live, Republish it. 

Exhibitor Listing  


  

Section Setup - Section Level  


  1. Hover over the Exhibitor Listing section and click the Settings icon associated with it. The Exhibitor Settings panel will appear. 
  2. Go to the Customize tab. 
  3. Enable Group by Category if required. 
  4. Enable Exhibitor Name toggle to show the exhibitor names in the section. 
  5. Set the Category Name Alignment. 
  6. Set the Exhibitor Alignment. 
  7. Choose the Number of Columns. 
Reordering Exhibitor Categories  
  1. Hover over the Exhibitor Listing section and click the Settings icon associated with it. The Exhibitor Settings panel will appear. 
  2. Go to the Manage Categories tab.
  3. Click the Reorder icon on the left of the slide.
  4. Drag and place as you deem fit.
Hiding Exhibitor Categories
  1. Hover over the Exhibitor Listing section and click the Settings icon associated with it. The Exhibitor Settings panel will appear. 
  2. Go to the Manage Categories tab.
  3. Click the Eye icon associated with an exhibitor category to hide it. 
  4. Click it again to show it on the event website. 

Section Setup - Category Level  

  1. Hover over the Exhibitor Listing section and click the Settings icon associated with it. The Exhibitor Settings panel will appear. 
  2. Go to the Manage Categories tab.
  3. Click the Edit icon associated with an exhibitor category. 
  4. Go to the Customize Tab. 



  5. Disable the Follow Global Settings toggle to make changes to a particular exhibitor category. 
  6. Enable Exhibitor Name toggle to show the exhibitor names in the section. 
  7. Set the Category Name Alignment. 
  8. Set the Exhibitor Alignment. 
  9. Choose the Number of Columns. 

Tickets


Section Setup 

  1. Hover over the Tickets section and click the Settings icon associated with it. The Ticket Class Settings panel will appear. 
  2. Go to the Customize tab. 
  3. Choose the Ticket Card Color: Theme Colors or Ticket Class Colors. 
  4. Set the Number of Columns. 
  5. Enable Carousel Slider if required. 
  6. Customize your button:
    1. Button Size: Tiny, Small, or Medium
    2. Button Style: Filled, Ghost, or Link
    3. Button Corner Style: Rounder or Pill
  7. Scroll down to Offer Settings and choose from: 
    1. Show current offers only

    2. Show previous offer
    3. Show next offer
    4. Show previous offer & next offer
  8. If your event is in draft state, click Publish to publish your event. If already live, Republish it.

Reordering Ticket Classes

  1. Hover over the Tickets section and click the Settings icon associated with it. The Ticket Class Settings panel will appear. 
  2. Go to the Manage Tickets tab.
  3. Click the Reorder icon on the left of the slide.
  4. Drag and place as you deem fit.
Notes
Disable the Auto-Arrange Tickets toggle to customize the ticket order.

Designing the Ticket Class Widget

  1. Hover over the Tickets section and click the Settings icon associated with it. The Ticket Class Settings panel will appear. 
  2. Go to the Manage Tickets tab.
  3. Click the Edit icon associated with the ticket class. 
  4. To customize the ticket class details: 



    1. Go to the Ticket Details tab. 
    2. Set the Primary Ticket Color — choose either a Flat Color or a Gradient.
    3. Customize the following options as needed:
      1. Header Text Color
      2. Body Text Color
      3. Background: Choose a flat color or a gradient
      4. Border Color
  5. To design the ticket button:



    1. Go to the Button Details tab.
    2. Customize the button appearance:
      1. Button Size: Tiny, Small, or Medium
      2. Button Style: Filled, Ghost, or Link
      3. Button Colors:
        1. Filled style: Customize Text Color and Background.
          1. Toggle Border option (adjust thickness and color when enabled).
        2. Ghost style: Customize Text Color.
          1. Toggle Border option (adjust thickness and color when enabled).
        3. Link style: Customize Text Color only.
      4. Click Reset to Default if needed.
  6. If your event is in draft state, click Publish to publish your event. If already live, Republish it.

Venue



Text Element 
  1. Enter text in the text field.
  2. Select the text and format it using the following options:



    1. Bold: Make the text bold.
    2. Italic: Apply slanted styling to the text.
    3. Underline: Underline the text.
    4. Strikethrough: Add a line through the text.
    5. Size: Adjust the font size.
    6. Font Family: Set the weight or thickness of the characters within a font.
    7. Alignment: Align the selected text (e.g., left, center, or right).
    8. Text Color: Change the color and transparency of the text.
    9. Text Background: Add a background color to the text itself (not the block).
    10. Text Transform: Change text capitalization (e.g., uppercase, lowercase).
    11. Line Height: Adjust the spacing between lines of text.
    12. Letter Spacing: Modify the spacing between characters.
    13. Script Sub: Set the selected text as subscript (below the normal line).
    14. Script Super: Set the selected text as superscript (above the normal line).
    15. Clean: Clear all text formatting without affecting text block properties.
  3. If your event is in draft state, click Publish to publish your event. If already live, Republish it. 

Hotels  



Adding Hotel Listings   


  1. Hover over the Hotels section and click the Add Hotel button. The Add Hotel panel will appear. 
  2. Enter the Hotel Name. If the hotel appears in the suggestions, select it to automatically fill in the address, photo, and website URL.
  3. If your hotel doesn’t appear in the suggestions, manually enter the following details:
    1. Hotel name (mandatory)
    2. Address (mandatory)
    3. Website URL (optional)
    4. Group code (optional)
  4. Click Choose Photo and upload an image of the hotel from your local storage. 
  5. Use the slider to adjust the Distance from Event Venue. 
Notes
You can edit or remove hotel listings at any time.
If you have any questions, please contact support@zohobackstage.com. 

      Create. Review. Publish.

      Write, edit, collaborate on, and publish documents to different content management platforms.

      Get Started Now


        Access your files securely from anywhere

          Zoho CRM Training Programs

          Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.

          Zoho CRM Training
            Redefine the way you work
            with Zoho Workplace
            Start your free trial

              Zoho DataPrep Personalized Demo

              If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.

              Zoho CRM Training

                Create, share, and deliver

                beautiful slides from anywhere.

                Get Started Now


                  Zoho Sign now offers specialized one-on-one training for both administrators and developers.

                  BOOK A SESSION







                              Quick LinksWorkflow AutomationData Collection
                              Web FormsRetailOnline Data Collection Tool
                              Embeddable FormsBankingBegin Data Collection
                              Interactive FormsWorkplaceData Collection App
                              CRM FormsCustomer ServiceForms for Solopreneurs
                              Digital FormsMarketingForms for Small Business
                              HTML FormsEducationForms for Enterprise
                              Contact FormsE-commerceForms for any business
                              Lead Generation FormsHealthcareForms for Startups
                              Wordpress FormsCustomer onboardingForms for Small Business
                              No Code FormsConstructionRSVP tool for holidays
                              Free FormsTravelFeatures for Order Forms
                              Prefill FormsNon-Profit
                              		Forms for Government
                              Intake FormsLegal
                              		Mobile App
                              Form DesignerHR
                              		Mobile Forms
                              Card FormsFoodOffline Forms
                              Assign FormsPhotographyMobile Forms Features
                              Translate FormsReal EstateKiosk in Mobile Forms
                              Electronic FormsInsurance
                              Drag & drop form builder

                              Notification Emails for FormsAlternativesSecurity & Compliance
                              Holiday FormsGoogle Forms alternative GDPR
                              Form to PDFJotform alternativeHIPAA Forms
                              Email FormsWufoo alternativeEncrypted Forms
                              Accessible FormsTypeform alternativeSecure Forms

                              		WCAG

                                            What's new
                                            Help Guide
                                            Blogs
                                            Forums
                                            Webinars
                                            API
                                            Developers
                                            Build Extensions

                                          Create. Review. Publish.

                                          Write, edit, collaborate on, and publish documents to different content management platforms.

                                          Get Started Now




                                            Zoho Campaigns Resources




                                                        Zoho Pagesense Resources

                                                            You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.


                                                              Zoho Survey Resources
                                                                Features
                                                                Survey Templates
                                                                Integrations
                                                                Community
                                                                iOS Mobile Surveys
                                                                Pricing
                                                                Android Mobile Surveys
                                                                Insurvey Blogs
                                                                Insight Blogs
                                                                Tips & Tricks


                                                                Manage your brands on social media
                                                                Access Zoho Social

                                                                  What's New in Zoho Desk

                                                                  Use cases

                                                                  Make the most of Zoho Desk with the use cases.

                                                                   
                                                                    

                                                                  eBooks

                                                                  Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho Desk.

                                                                   
                                                                    

                                                                  Videos

                                                                  Watch comprehensive videos on features and other important topics that will help you master Zoho Desk.

                                                                   
                                                                    

                                                                  Webinar

                                                                  Sign up for our webinars and learn the Zoho Desk basics, from customization to automation and more

                                                                   
                                                                    
                                                                  What's New in Zoho Desk

                                                                  • Desk Community Learning Series


                                                                  • Meetups


                                                                  • Ask the Experts


                                                                  • Kbase


                                                                  • Resources


                                                                  • Glossary


                                                                  • Desk Marketplace


                                                                  • MVP Corner



                                                                    Zoho Sheet Resources

                                                                     

                                                                        Zoho Forms Resources


                                                                          Features

                                                                          Form Templates

                                                                          Customers

                                                                          Mobile Forms

                                                                          Pricing

                                                                          Integrations

                                                                          Blogs

                                                                          Ebooks

                                                                          Tips & Tricks

                                                                          Community

                                                                          Terms of Use

                                                                          Secure your business
                                                                          communication with Zoho Mail
                                                                          Get started


                                                                          Mail on the move with
                                                                          Zoho Mail mobile application
                                                                          Go Mobile

                                                                            Stay on top of your schedule
                                                                            at all times
                                                                            Get started


                                                                            Carry your calendar with you
                                                                            Anytime, anywhere
                                                                            Get started


                                                                              Latest Announcements


                                                                                  Zoho Sign Resources

                                                                                    What's new
                                                                                    Help Guide
                                                                                    Solutions Guide
                                                                                    API
                                                                                    Blogs
                                                                                    FAQ's
                                                                                    Legal Guide
                                                                                    Forums
                                                                                    Webinars

                                                                                    Sign, Paperless!

                                                                                    Sign and send business documents on the go!

                                                                                    Get Started Now


                                                                                        Zoho SalesIQ Resources


                                                                                            Zoho TeamInbox Resources



                                                                                                  Latest Feature Updates
                                                                                                    Zoho DataPrep Resources


                                                                                                      Zoho DataPrep Demo

                                                                                                      Get a personalized demo or POC

                                                                                                      REGISTER NOW


                                                                                                        Design. Discuss. Deliver.

                                                                                                        Create visually engaging stories with Zoho Show.

                                                                                                        Get Started Now







                                                                                                                  Latest Feature Updates



                                                                                                                          Latest Feature Updates

                                                                                                                            • Related Articles

                                                                                                                            • Walls.io

                                                                                                                              Walls.io lets you create customized social walls or feeds to engage microsite visitors, drum up conversations about your event, and encourage your audience to connect with you using social media. Use Walls.io to embed social media feeds that span an ...

                                                                                                                            • Website Design

                                                                                                                              Design a branded website that goes with the goal of your event. Apply a theme for the website pages that is compatible with mobile devices. Add a logo, media, and favicon to get started on designing your event website. Choose a theme A ...

                                                                                                                            • Certificates

                                                                                                                              Overview Create professional, branded certificates for your event participants using Zoho Backstage’s Certificate Builder. You can generate and distribute participation, appreciation, or recognition certificates for different roles such as attendees, ...

                                                                                                                            • Planning a Hybrid Event

                                                                                                                              Target a larger audience by combining the benefits of physical and virtual events. Host a hybrid event and give your attendees the flexibility of attending the event at the venue or participating virtually without being present at the event location. ...

                                                                                                                            • Exhibitors

                                                                                                                              Overview Exhibitors are businesses or organizations that participate in your event by showcasing their products and services. Managing exhibitors effectively ensures a smooth experience for both exhibitors and attendees. Adding a New Exhibitor Add ...
                                                                                                                              Bootcamp
                                                                                                                              Community
                                                                                                                              Pricing
                                                                                                                              Webinars
                                                                                                                              What's New
                                                                                                                              Integrations
                                                                                                                              Contact Support
                                                                                                                              Contact Sales
                                                                                                                              Wherever you are is as good as
                                                                                                                              your workplace
                                                                                                                              Workplace on mobile

                                                                                                                                Resources

                                                                                                                                Videos

                                                                                                                                Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                                                                                                                eBooks

                                                                                                                                Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                                                                                                                Webinars

                                                                                                                                Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                                                                                                                CRM Tips

                                                                                                                                Make the most of Zoho CRM with these useful tips.



                                                                                                                                  Zoho Show Resources