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 these examples can be downloaded from https://dl.pexip.com/resources/icons/v22_scheduling.zip.
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 telephone number used by audio participants.
This can be a direct dial number, or, if the telephone number directs callers to a Virtual Reception, you can include commas (,) after the direct dial number, followed by the conference ID. This will mean that users of devices that support DTMF can click on the link and their device will automatically enter the conference ID after calling into the g Virtual Reception.
<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: #02a8ae;
}
a:link {
color: #02a8ae;
}
.pexip-pxps {
font-size: 12px;
color: #808080;
}
.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: #0a2136; border-radius: 5px; font-family: IBMPlexSans, 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_white.png" width="111" height="30" 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="44" height="46" 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="44" 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="32" height="35" 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 colspan="2" class="pexip-cell" style="text-align: right;">
<p>
<span class="pexip-pxps">
{{alias_uuid}}
</span>
</p>
</td>
</tr>
</tbody>
</table>
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 telephone number used by audio participants.
This can be a direct dial number, or, if the telephone number directs callers to a Virtual Reception, you can include commas (,) after the direct dial number, followed by the conference ID. This will mean that users of devices that support DTMF can click on the link and their device will automatically enter the conference ID after calling into the g Virtual Reception.
<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: #02a8ae;
}
a:link {
color: #02a8ae;
}
.pexip-pxps {
font-size: 12px;
color: #808080;
}
.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 #0a2136; font-family: IBMPlexSans, 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_blue.png" width="112" height="30" 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="42" 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 colspan="2" class="pexip-cell" style="text-align: right;">
<p>
<span class="pexip-pxps">
{{alias_uuid}}
</span>
</p>
</td>
</tr>
</tbody>
</table>