Example joining instructions

The VMR Scheduling for Exchange feature allows you to create an add-in that enables Microsoft Outlook desktop and Web App users in Office 365 or Exchange environments to schedule meetings using Pexip VMRs as a meeting resource.

The joining instructions that are added by VMR Scheduling for Exchange to the body of the meeting request are generating using jinja2 templates. Below are some examples using images and colors that can be used as a basis for your own templates.

These examples and others using HTML formatting may not be compatible with Outlook 2013 because of the way it renders HTML. You should ensure that the joining instructions you use display appropriately on all clients in your deployment.

The {{alias_uuid}} variable, which inserts the PXPS: token, must always be included in the joining instructions.

Including images in the joining instructions

If you wish to use images in the joining instructions, you must upload them to a location that will be accessible from the Outlook clients. You can then specify the image by giving the full path and filename in the HTML.

The images used in the examples below can be downloaded from https://dl.pexip.com/resources/icons/index.html.

Example: dark background with images

To generate the joining instructions shown above, use the following HTML. You must substitute the following:

  • [your link] with the FQDN of the server on which the images are stored, followed by the directory path to their location
  • all .png image file names with the names of the images you have uploaded
  • [your number] with the direct dial telephone number used by audio participants.
<br>
<style>
    .pexip-cell {
        padding: 20px;
    }
    .main-title {
        font-size: 22px;
        color: #ffffff;
    }
    .pexip-heading {
        font-weight: bold;
        font-size: 14px;
        color: #ffffff;
    }
    .pexip-info {
        font-size: 12px;
        color: #fc7345;
    }
    .pexip-pxps {
        font-size: 12px;
        color: #9c9c9c;
    }
    .left-column {
        padding: 20px;
        text-align: right;
    }
    .center-column {
        width: 100%;
        padding: 20px 20px 20px 0px;
    }
</style>
<table style="width: 100%; border-collapse: collapse; background: #4A4A4A; border-radius: 5px; font-family: Calibri, sans-serif, serif;">
    <tbody>
        <tr>
            <td colspan="2" class="pexip-cell" style="vertical-align: top;">
                <p>
                    <span class="main-title">
                        Please join my Pexip virtual meeting<br>
                        room in one of the following ways...
                    </span>
                </p>
            </td>
            <td class="pexip-cell" style="text-align: right; vertical-align: top;">
                <img src="https://[your link]/Pexip_logo_grey.png" width="82" height="44" alt="Pexip">
            </td>
        </tr>
        <tr>
            <td class="left-column">
                <img src="https://[your link]/Endpoint_icon_white.png" width="42" height="57" alt="Endpoint">
            </td>
            <td class="center-column">
                <p>
                    <span class="pexip-heading">
                        From a VC endpoint or a Lync/Skype for Business client:
                    </span>
                    <br>
                    <a href="sip:{{alias}}">
                        <span class="pexip-info">
                            {{alias}}
                        </span>
                    </a>
                </p>
            </td>
            <td class="pexip-cell"/>
        </tr>
        <tr>
            <td class="left-column">
                <img src="https://[your link]/Web_icon_white.png" width="42" height="44" alt="Web">
            </td>
            <td class="center-column">
                <p>
                    <span class="pexip-heading">
                        From a web browser:
                    </span>
                    <br>
                    <a href="https://{{addin_server_domain}}/webapp/conference/{{alias}}">
                        <span class="pexip-info">
                            https://{{addin_server_domain}}/webapp/conference/{{alias}}
                        </span>
                    </a>
                </p>
            </td>
            <td class="pexip-cell"/>
        </tr>
        <tr>
            <td class="left-column">
                <img src="https://[your link]/App_icon_white.png" width="43" height="44" alt="App">
            </td>
            <td class="center-column">
                <p>
                    <span class="pexip-heading">
                        From a Pexip App:
                    </span>
                    <br>
                    <a href="pexip://{{alias}}">
                        <span class="pexip-info">
                            pexip://{{alias}}
                        </span>
                    </a>
                </p>
            </td>
            <td class="pexip-cell"/>
        </tr>
        <tr>
            <td class="left-column">
                <img src="https://[your link]/Dial_icon_white.png" width="31" height="33" alt="Phone">
            </td>
            <td class="center-column">
                <p>
                    <span class="pexip-heading">
                        From a telephone:
                    </span>
                    <br>
                    <a href="tel:[your number]">
                        <span class="pexip-info">
                            [your number], then {{ numeric_alias|pex_regex_replace('(\d{3})(\d{2})(\d{3})', '\\1 \\2 \\3') }} #
                        </span>
                    </a>
                </p>
            </td>
            <td class="pexip-cell"/>
        </tr>
        <tr>
            <td class="left-column"/>
            <td class="center-column">
                <p>
                    <span class="pexip-pxps">
                        {{alias_uuid}}
                    </span>
                </p>
            </td>
            <td class="pexip-cell"/>
        </tr>
    </tbody>
</table>

Example: light background with images

To generate the joining instructions shown above, use the following HTML. You must substitute the following:

  • [your link] with the FQDN of the server on which the images are stored, followed by the directory path to their location
  • all .png image file names with the names of the images you have uploaded
  • [your number] with the direct dial telephone number used by audio participants.

<br>
<style>
    .pexip-cell {
        padding: 20px;
    }
    .main-title {
        font-size: 22px;
        color: #4a4a4a;
    }
    .pexip-heading {
        font-weight: bold;
        font-size: 14px;
        color: #4a4a4a;
    }
    .pexip-info {
        font-size: 12px;
        color: #4990e2;
    }
    .pexip-pxps {
        font-size: 12px;
        color: #e9e9e9;
    }
    .left-column {
        padding: 20px;
        text-align: right;
    }
    .center-column {
        width: 100%;
        padding: 20px 20px 20px 0px;
    }
</style>
<table style="width: 100%; border-collapse: collapse; border: 1px solid #e9e9e9; font-family: Calibri, sans-serif, serif;">
    <tbody>
        <tr>
            <td colspan="2" class="pexip-cell" style="vertical-align: top;">
                <p>
                    <span class="main-title">
                        Please join my Pexip virtual meeting<br>
                        room in one of the following ways...
                    </span>
                </p>
            </td>
            <td class="pexip-cell" style="text-align: right; vertical-align: top;">
                <img src="https://[your link]/Pexip_logo_grey.png" width="82" height="44" alt="Pexip">
            </td>
        </tr>
        <tr>
            <td class="left-column">
                <img src="https://[your link]/Endpoint_icon_dark.png" width="42" height="57" alt="Endpoint">
            </td>
            <td class="center-column">
                <p>
                    <span class="pexip-heading">
                        From a VC endpoint or a Lync/Skype for Business client:
                    </span>
                    <br>
                    <a href="sip:{{alias}}">
                        <span class="pexip-info">
                            {{alias}}
                        </span>
                    </a>
                </p>
            </td>
            <td class="pexip-cell"/>
        </tr>
        <tr>
            <td class="left-column">
                <img src="https://[your link]/Web_icon_dark.png" width="42" height="44" alt="Web">
            </td>
            <td class="center-column">
                <p>
                    <span class="pexip-heading">
                        From a web browser:
                    </span>
                    <br>
                    <a href="https://{{addin_server_domain}}/webapp/conference/{{alias}}">
                        <span class="pexip-info">
                            https://{{addin_server_domain}}/webapp/conference/{{alias}}
                        </span>
                    </a>
                </p>
            </td>
            <td class="pexip-cell"/>
        </tr>
        <tr>
            <td class="left-column">
                <img src="https://[your link]/App_icon_dark.png" width="43" height="44" alt="App">
            </td>
            <td class="center-column">
                <p>
                    <span class="pexip-heading">
                        From a Pexip App:
                    </span>
                    <br>
                    <a href="pexip://{{alias}}">
                        <span class="pexip-info">
                            pexip://{{alias}}
                        </span>
                    </a>
                </p>
            </td>
            <td class="pexip-cell"/>
        </tr>
        <tr>
            <td class="left-column">
                <img src="https://[your link]/Dial_icon_dark.png" width="31" height="33" alt="Phone">
            </td>
            <td class="center-column">
                <p>
                    <span class="pexip-heading">
                        From a telephone:
                    </span>
                    <br>
                    <a href="tel:[your number]">
                        <span class="pexip-info">
                            [your number], then {{ numeric_alias|pex_regex_replace('(\d{3})(\d{2})(\d{3})', '\\1 \\2 \\3') }} #
                        </span>
                    </a>
                </p>
            </td>
            <td class="pexip-cell"/>
        </tr>
        <tr>
            <td class="left-column"/>
            <td class="center-column">
                <p>
                    <span class="pexip-pxps">
                        {{alias_uuid}}
                    </span>
                </p>
            </td>
            <td class="pexip-cell"/>
        </tr>
    </tbody>
</table>