Este artigo pode ser útil se você já criou uma planta baixa ou se a nossa equipe criou uma para você. Aqui você aprende a integrar:
Uma planta baixa em um site ou aplicativo (por meio de link, botão, iframe, script ou QR code)
Uma planta baixa em um totem
Um widget com a lista de expositores em um site ou aplicativo
Como integrar uma planta baixa ao seu site ou aplicativo
Nossas plantas baixas podem ser facilmente incorporadas ao site ou aplicativo do seu evento com código HTML. Você encontra os códigos no Dashboard
: Integrations
> Map Integration > Copy o link ou o botão.
O botão pode ser personalizado (cor, raio, fonte etc.).
Integração por iframe e script
Use um iframe ou um script para incorporar a planta baixa como parte da sua página. Essas opções são úteis se você quiser ocultar a URL da planta. Os códigos de iframe e script estão na mesma página (Integrations
> Map Integration).
Como ajustar o iframe para dispositivos móveis
Para isso, é necessário alterar o código do iframe.
Adicione uma altura fixa, como 500 pixels.
<div style="width: 100%;
position: relative;
height: 500px">
<iframe>...</iframe>
</div>
2. Se precisar redimensionar apenas em dispositivos móveis, adicione uma classe personalizada, como:
expofp-iframe.
<div class="expofp-iframe"
style="width: 100%;
height: 100%;
position: relative;">
<iframe>...</iframe>
</div>
3. Em seguida, adicione-a ao arquivo CSS.
@media (max-width: 600px) {
.expofp-iframe {
height: 500px !important;
}
}
Observe que isso afetará todos os dispositivos.
Para que sites não otimizados para dispositivos móveis tenham melhor aparência em telas estreitas, insira uma meta tag compatível com dispositivos móveis no head da sua página:
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width" />
Como ajustar o iframe para ocupar a tela inteira
Para ajustar a planta baixa de modo que ocupe a tela inteira, é preciso analisar os elementos HTML pai do nosso iframe. Classes ou estilos podem estar limitando o tamanho do iframe, portanto, remova-os.
Estilos como:
Height
Width
Padding
Max- e min- height
Max- e min- width
Como definir as dimensões do contêiner do iframe
Para garantir que os mapas incorporados sejam exibidos corretamente no seu site, é importante definir as dimensões do contêiner. O contêiner em que o iframe é inserido deve ter o estilo position: relative.
Configure o contêiner com largura e altura fixas, pois o iframe não o redimensiona automaticamente. Antes de incorporar o iframe, verifique se as dimensões não estão definidas como zero — se estiverem, o iframe não ficará visível. A altura costuma ser o problema, por isso é melhor defini-la usando unidades específicas, como:
• px (pixels)
• rem
• em
• vh (altura da viewport)
• vw (largura da viewport)
Isso garante que o conteúdo tenha boa aparência em diferentes tamanhos de tela e dispositivos.
Como evitar conflitos de estilo
Certifique-se de não usar os mesmos seletores CSS utilizados no código de integração, como .expofp-floorplan, #exhibitors-list etc. Isso evita conflitos de estilo que poderiam prejudicar a aparência ou o funcionamento da sua página.
Como transformar o link da planta baixa em um QR code
Na página Map Integration, você também pode baixar um QR code escaneável em alta resolução para exibir no seu banner, site ou folheto. Há dois formatos disponíveis:
Imagem do QR code (BMP)
Pôster com QR code (PDF)
Como integrar um widget com a lista de expositores
Embora as plantas baixas da ExpoFP já incluam uma lista de expositores com busca, pode ser que você queira ter uma página de diretório de expositores separada no seu site. Com o nosso widget de lista de expositores, você obtém uma lista interativa e com busca sem precisar de programação adicional.
Os usuários do site poderão buscar expositores por nome da empresa, categoria ou número do estande. Ao clicar em uma empresa, será aberto o perfil do expositor com as mesmas informações exibidas na planta baixa.
Para integrar o widget, acesse Integration
- Widgets e copie o código do script ou do iframe. Em seguida, cole-o no seu site ou aplicativo.
Por padrão, os expositores são ordenados alfabeticamente na lista. Se preferir exibi-los agrupados por categorias, você pode usar a lista de categorias de expositores. Os códigos de script e iframe dessa lista também estão na página Widgets.
Como exibir uma planta baixa em um totem
Nossas plantas baixas interativas funcionam perfeitamente em totens com telas sensíveis ao toque de grande formato, oferecendo a mesma funcionalidade intuitiva de um celular ou tablet. Os visitantes podem buscar empresas com facilidade, filtrar estandes por categoria, consultar a programação do evento em tempo real e usar o wayfinding para obter instruções passo a passo até qualquer ponto da planta baixa.
Opções de totem
Sua planta baixa pode ser exibida em totens sem custo adicional com o Light, Standard ou Pro Design da ExpoFP. Você pode usar os seus próprios ou nós podemos fornecer totens de qualidade do nosso parceiro Popshap, com os seguintes preços:
Especificações e recursos
Tamanhos de 32"–49" (de pé) e até 55" (de mesa)
Personalização opcional em vinil ou envelopamento completo do totem
Disponível nos EUA, Canadá, Europa e Austrália
Inclui instalação premium e suporte no local
Se quiser ter totens no seu evento, agende uma demonstração ou entre em contato conosco.
Como integrar uma planta baixa a um totem
Você pode baixar e executar as plantas baixas nos totens, permitindo que eles funcionem offline. Acesse Integration
> Download floor plan. Em seguida, escolha uma opção de download compatível com o sistema operacional do totem e clique em Download Floor Plan.
Atualmente, há quatro opções de download disponíveis:
Windows
Android
macOC
Linux
Como posicionar totens na planta baixa
Etapa 1
Abra a planta baixa na visualização frontal
Etapa 2
Na barra de busca, digite setkiosk.
Etapa 3
Clique na tela, no local onde o totem deve ficar.
Etapa 4
Se desejar, ajuste o ícone do totem (tamanho e rotação), o tamanho da interface e o mapa (rotação, zoom e posição).
Etapa 5
Salve e feche.
Perguntas frequentes
Há suporte técnico caso eu tenha dificuldades para integrar a planta baixa ao meu site ou aplicativo?
Há suporte técnico caso eu tenha dificuldades para integrar a planta baixa ao meu site ou aplicativo?
Você pode relatar os problemas pelo nosso chat ou por e-mail ([email protected]). Informe o nome da sua planta baixa e a página com a planta integrada, e nossa equipe ajudará você.
Posso personalizar a aparência da lista do Exhibitor Directory?
Posso personalizar a aparência da lista do Exhibitor Directory?
No momento, não é possível alterar a aparência da lista do Exhibitor Directory.
Qual é a diferença entre a integração por iframe e por script?
Qual é a diferença entre a integração por iframe e por script?
O iframe é melhor em segurança e renderização, enquanto o script é melhor em carregamento, SEO e responsividade.
Posso usar o meu próprio domínio para hospedar a planta baixa?
Posso usar o meu próprio domínio para hospedar a planta baixa?
Não oferecemos a opção de usar domínios próprios. No entanto, você pode incorporar a sua planta como iframe para não exibir nenhum link.