Articles in this section
Category / Section

How to Add Pages

Published:
11 mins read
Updated:

Zuddl Mobile app includes a mix of standard pages provided by Zuddl and custom pages like iFrame or rich-text pages to meet specific requirements and provide a unique user experience.

Basics

Each page has individual settings besides the common settings, such as the toggle On/Off button to unhide/hide the page from the app. You can also Duplicate or Delete any page from the more options.

You can also add a page in between the two pages, hover the cursor in between the pages, and the + button gets enabled. Click on the + button and add a new page.

If you’ve crossed the maximum number of pages in the bottom bar, you cannot duplicate the map page or any other page. It shows an error message as given below.

How to Add a Standard Page

  1. Click the Standard Page tab or Custom Pages tab as required and select a page to configure it.
  2. Click on the Proceed button to add and edit the page details.




Schedule

The schedule page is used to show a list of all the event sessions. The Schedule page is one of the default pages in the Navigation item. To edit the Schedule page:

  1. Click Schedule under Navigation. This opens the editor pane on the right.
  2. Edit a Page name. Defaults to “Schedule”.
  3. Choose an icon for the option.
  4. Select the Sections to show
    • My schedule: Shows all the sessions in which you have reserved a spot
    • Filter: Shows filter options for attendees to filter sessions based on speakers, tags (if any), and locations.


Networking

The networking page is used for participants to view the recommended profiles by Zuddl and also view the complete list of participants. Attendees can select a participant and start a meeting. Networking page is one of the default pages in the Navigation item.


To edit the networking page:

  1. Click Networking under Navigation.. This opens the editor pane on the right.
  2. Enter a Page name. Defaults to “Networking”
  3. Choose an icon from the dropdown.
  4. Select the Recommended profiles and All attendees.

My meetings

The My Meetings page is one of the default pages in Menu and is used to show all meetings scheduled for the participants.


To add the My Meetings page,

  1. Click on My Meetings under Menu and edit the name of the section, as shown below:

Inbox

The Inbox page is a place where attendees can view the received messages. An Inbox page can be added in the Navigation or Menu sections. To add an inbox page,

  1. Click on Inbox from the list of standard pages.

  2. Once added, you can edit its details on the right side pane, as shown below.

My Schedule

The My schedule page is used to show the list of sessions in which the attendee reserved a spot. My schedule page can be added in the Navigation or Menu sections. To add an inbox page:

  1. Click the My Schedule page from the list of standard pages.

  2. Once added, you can edit its details on the right side pane, as shown below:

Connection requests

The Connection request page helps to view and handle the received connection requests. Connection requests page can be added in the Navigation or Menu sections. To add the Connection request page,

  1. Select the Connection requests page from the list of custom pages.

  2. Once added, you can edit its details on the right side pane, as shown below.

Surveys

The Surveys page helps to gather survey responses from the participants. Surveys page can be added in the Navigation or Menu sections. To add a Survey page,

  1. Click Surveys from the list of Standard pages

  2. Once added, you can edit its details on the right side pane, as shown below.

Speaker directory

You can set up a speaker directory page which can be customized like the speaker widget to display your event speakers on the Zuddl mobile app. The speaker directory lets your attendees look up a speaker and view their profiles. You can also customize it using CSS. Speaker directory is a part of the standard pages in the navigation menu.
  1. Under the Standard pages tab, click on the Speaker directory page and click on the Proceed button. This adds the speaker directory page to the menu.

  2. On setup screen, you can select and reorder the speakers you wish to show/hide and their details such as, Title, Speaker images, and Company.
  3. You can also input a custom CSS code to customize the same.

Sponsor directory

You can easily display your event sponsor on the mobile app and customize it using CSS. 
You must have sponsors already added to customize the sponsor portal. You can't add sponsors from the portal setup.

  1. Under the Standard pages tab, click on the Sponsor directory page and click on the Proceed button. This adds the sponsor directory page to the menu.

  2. On setup screen, you can select and reorder the sponsors, show/hide, show their details such as, Sponsor logo, Sponsor name, and Title.

  3. You can also input a custom CSS code to customize the same.


How to Add Custom pages

Embed external resource

Embed external resource page can be to embed a webpage, maps, or forms via URL.To add an Embed external resource page to a Menu section,

  1. Click on the Embed external resource page and click on the Proceed button. This adds an iFrame page to the section.

  2. Now, paste the URL link in the Paste the URL of the external source here text box in the iFrame form, and the app gets updated automatically.

You can add more pages to the section by clicking the + button below ****the iFrame page.

Rich text page

A Rich text page is used to embed another web page, videos, maps, and forms. To add a Rich text page to a Menu section without a name (Hidden):

  1. Click Rich text page from the list of custom pages. The Rich text page gets added under the hidden section, but on the app, you can see it under an event section with a name.

  2. Enter the Page name on the settings pane.

  3. Now, add ****the session description in the Page contents text box using the available rich-text tools.

    You can add multiple pages to the section by clicking on the + button and clicking on the Add page option.

    Long image with Hotspot

    Long image with hotspot page is used to embed another web page, videos, maps, or forms. To add a Long image with a hotspot to the Menu item.

    1. Select Long image with hotspot from the list of custom pages and click on the Proceed button. This adds a new page “Custom Layout” to the menu.

    2. On the right side pane, edit the Page name.


    3. Upload an image with 1080 x 1820 of JPG, JPEG, and PNG up to 4 MB dimensions.

    4. Add a hotspot link to that image. Click on the Add Hotspot button below.

    5. Drag the hotspot area on the long image accordingly and click on the triple dot option to edit ****the hotspot settings.


    6. To edit the hotspot, fill in these details

      • Enter a Hotspot name. For example, “Internal page redirect”.

      • Choose an action on tap: Link to page / Link to external source

      • Select a page: Select a page where a page.


Map

The Map page is used to help in the navigation for the event venue. To add a Map to the Menu item:

  1. Select Map from the list of custom pages and click on the Proceed button.

  2. Turn On/Off the toggle button in the top right corner to unhide/hide the page from the bottom bar in the app.

  3. Enter a Page name

  4. Select a suitable icon

  5. Under Choose your preferred location display type, select either:

    • Link: lets you specify a map link to which attendees will be redirected.

      You can use third-party embedded maps as well.
    • Image: lets you upload a layout of the venue. Upload a 1080 x 1920 dimensions, which supports JPG, JPEG, PNG, and GIF up to 4 MB.

You can set up a speaker directory page which can be customized like the speaker widget to display your event speakers on the Zuddl mobile app. The speaker directory lets your attendees look up a speaker and view their profiles. You can also customize it using CSS. Speaker directory is a part of the standard pages in the navigation menu.
Was this article useful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please  to leave a comment
Access denied
Access denied