--- title: "Add a Visual Paging Component to a Template – Airport CX" slug: "visual-paging-air" description: "Add a visual paging component so announcement transcripts appear on screens in the same zones as the audio." updated: 2025-09-29T10:56:53Z published: 2025-09-29T10:56:53Z canonical: "docs.simpleway.cloud/visual-paging-air" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.simpleway.cloud/llms.txt > Use this file to discover all available pages before exploring further. # Visual paging The Visual paging tool is tied to the Simpleway voice module. This tool allows you to visualize audio messages on your displays so that passengers can hear the message from the amplifiers and at the same time see the message transcript on displays with a pre-configured visual paging element. To see and hear the same announcement from amplifiers and displays, they must be selected in the zones in which the announcement is played. This means that you must select zones that include both **audio device outputs and display configurations** before playing the announcement. Templates with a visual paging component must be assigned to these displays, as described below. **To setup visual paging on your displays, you need to complete the following steps:** In the **Zones tab**: - Group display configurations into zone see tutorials: [Connect and configure DISPLAYS](/v1/docs/connect-and-configure) and [Zoning your audio and display devices](/v1/docs/zoning-audio-display-devices-air)). In the **Templates tab**: - Create the Visual paging component in the content template, see below tutorial steps. In the **Displays tab**: - Assign the content template to displays, see tutorial [Assign a Simpleway provided TEMPLATE to a display](/v1/docs/assign-a-simpleway-provided-template-to-a-display) This tutorial will show you how to create the *Visual paging component* in the previously created FLIGHT LIST template which then can be assigned to displays. Topics covered: - Visual messaging tab - Templates tab - Zones tab --- **TUTORIAL STEPS:** | A) **Templates tab** 1. Open the *Templates* tab. 2. Select your FLIGHT LIST template (or any other template to place the *Visual paging* component). | ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/QUICK_TUTORIAL_Visual_paging_v3.jpg) | | --- | --- | | B) **Visual paging widget** 1. Click the *Widgets* button and select the *Visual paging* option. 2. Click the canvas to place the selected visual paging widget. | ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/Slide3(282).JPG) | | C) Click the *Visual Paging Editor* button on the sidebar. A *Components* window opens. | ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/Slide4(246).JPG) | | D) **Create a New component** 1. Click the *New component* button. A New component pop-up window opens. 2. Enter the *name* of the component. 3. Click the *Save* button. Component design mode opens. | ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/Slide5(208).JPG) | | E) **Insert the Visual paging text** 1. Click the *Text* button and select the *Visual paging text* option. 2. Place the element on the canvas. | ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/Slide6(167).JPG) | | F) **Stylize your visual paging text** 1. Change the **size** and **position** of the *visual paging text* element to suit your needs. 2. Customize the **font style**. | ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/Slide8(139).JPG) | | G) **Setup the visual effects** 1. Configure the **visual effects** as required. 2. Click the *Save* button. The **visual effects** section offers two **modes**: - **Split content on overflow** - when the *visual paging text* overflows the set line width, it will split into multiple lines as long as there is enough space for those new lines, determined by the height of the *visual paging text* element and the font size. - **Scroll content on once on overflow** - the *visual paging text* will scroll at a specified speed from right to left if it exceeds the set line width limits. | ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/Slide7(146).JPG) | | H) Select the earlier created component in the *Components* window. | ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/Slide9(92).JPG) | | I) Reposition the V*isual paging* component to match your requirements. *Save & Publish* the template when you are done. | ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/Slide10(82).JPG) | | J) You may now **assign the template** to your display, see tutorial [**Assign CONTENT TEMPLATE to a display**](/v1/docs/2-assign-content-template-to-a-display) | | K) Start to **play an announcement with visual component** from the Ad hoc announcements tab, see tutorials: - [Ad hoc announcements - Call forward with visual](/v1/docs/ad-hoc-announcements-call-forward-with-visual-air) - [Ad hoc announcements - Text to xpeech with visual](/v1/docs/ad-hoc-announcements-text-to-speech-with-visual-air) - [Ad hoc announcements - Visual only](/v1/docs/ad-hoc-announcements-visual-only-air) You will see on your displays with assigned templates in the same zone the transcript of your announcement which is played in the same audio zones. | ###