---
schema_version: "1"
id: 4293836eae7b7289d27c5edf0669a5328edfb4182bd242e63809ade08f58cb4b
title: Add Real-Time Location to Service Appointments for Back-Office Users
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/service/264-0-0/mfs_appointment_assistant_add_to_layout.md
canonical_url: https://help.salesforce.com/s/articleView?id=service.mfs_appointment_assistant_add_to_layout.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 9960e2ce4c266c306423826da9949ac440b83172c62683681348a0b3581ba90c
description: Display the Appointment Assistant Real-Time Location component in the service appointment layout. This view lets your admins, dispatchers, and call center reps see the same ETA, map view, and mobile worker’s details that your customers can see. The component is displayed as the team member travels to the customer, until arrival.
products:
  - Field Service
release: "264"
---
# Add Real-Time Location to Service Appointments for Back-Office Users

Display the Appointment Assistant Real-Time Location component in the service appointment layout. This view lets your admins, dispatchers, and call center reps see the same ETA, map view, and mobile worker’s details that your customers can see. The component is displayed as the team member travels to the customer, until arrival.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: both Salesforce Classic (not available in all orgs) and Lightning Experience</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">The Field Service core features, managed package, and mobile app are available in <strong>Enterprise</strong>, <strong>Unlimited</strong>, and <strong>Developer</strong> Editions.</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">The Field Service Appointment Assistant managed package and permission set license are required.</td></tr></tbody></table>

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d43840e75">User Permissions Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d43840e75 ">To configure layouts:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d43840e75 ">Customize Application</td>

          </tr>
        </tbody>
      </table>

1. Add the component to the service appointment layout.
    1. In Service Appointments, open one of the appointments.
    2. Click the settings icon and select **Edit Page**.
        
        ![Service Appointment edit page.](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support_field_service-264-0-0-production-enus/3f7dceb9-dd70-454a-b49e-bbb4526a158d/support_field_service/images/mfs_aa_edit_page.png)
    3. In Lightning App Builder, drag the **Real-Time Location** component onto the layout.
        
        ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support_field_service-264-0-0-production-enus/3f7dceb9-dd70-454a-b49e-bbb4526a158d/images/icon_note.png)
        
        Note If you’re using an Experience site custom template, the component can appear too large and include a scroll bar. You can change the size of the component in the service appointment layout to fix its appearance.
    4. Save your changes.
2. Allow the display of the component on the service appointment layout.
    1. From Setup, in the Quick Find box, enter Digital Experiences, and then select **All Sites**.
    2. In the row for your site, click **Builder**.
    3. In Experience Builder, click **Settings** ![Settings icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support_field_service-264-0-0-production-enus/3f7dceb9-dd70-454a-b49e-bbb4526a158d/support_field_service/images/mfs_aa_9_settings_button.png).
    4. Click **Security & Privacy**.
    5. For Clickjack Protection Level, select **Allow framing by any page**.
    6. Publish the Experience Builder site.
3. If the component appears as a gray screen, modify the Clickjack protection level.
    1. In Experience Builder, click ![Experience Builder icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support_field_service-264-0-0-production-enus/3f7dceb9-dd70-454a-b49e-bbb4526a158d/support_field_service/images/mfs_aa_experience_builder_icon.png) and select **Administration**.
    2. Click **Pages**.
    3. Under Advanced Customization, click **Go to Force.com**.
        
        ![Go to Force.com field in the Administration page](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support_field_service-264-0-0-production-enus/3f7dceb9-dd70-454a-b49e-bbb4526a158d/support_field_service/images/mfs_aa_experience_builder_administration.png)
    4. From Site Detail, click **Edit**.
    5. For Clickjack Protection Level, select **Allow framing by any page (No protection)**.
    6. Save your changes.
    7. Publish the Experience Builder site again.