Chamar dialog de outro xhmtl - PrimeFaces

Front-end
#1

Galera é o seguinte eu tenho essa index.xhtml e quero chamar outro xhmtl que tem um dialog como eu faço ?
OBS:Eu sou iniciante, poria mostrar o xhtml de um dialog como seria ?

Abraços

index.html

[code]
<h:head>
Testel
</h:head>
<h:body>
<h:form>

<p:spacer height=“50%” />
<p:panel header=“Dialog” style=“width: 41%;”>
<p:commandButton value=“Abrir” style=“width: 100”}"/>
</p:panel>

</h:form>
</h:body>

[/code]
#2

Verifique as tags do facelets para inserção de HTML externo na sua página:

Pesquise, principalmente, as tags <ui:insert />, <ui:define /> e <ui:composition />. Qualquer dúvida maior, veja esse pequeno tutorial escrito por Júlio trantando sobre isso: Utilizando Facelets!

#3