![ícone ícone](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_100,h_100/https://portalapper.com.br/wp-content/uploads/2017/08/cone-100x100.png)
Página Personalizada
O Recurso Página Personalizada permite que você exponha o seu negócio de várias maneiras. Você pode escrever um artigo com uma foto, publicar uma galeria de fotos, publicar um vídeo diretamente nessa página e/ou adicionar botões de “clique único” ou link para qualquer site externo e muito mais. Chamamos este recurso de “Recurso Coringa” por suas inúmeras aplicações e possibilidades.
Primeiro, clique em para adicionar o recurso em seu aplicativo.
![](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_300,h_153/https://portalapper.com.br/wp-content/uploads/2017/08/2020-07-24-16_03_43-2020-07-24-12_42_42-Untitled-1-@-100-RGB_8-_-1.png-@-667-RGB_8-_-1.png)
Nota: Este recurso não é real time, mas o usuário pode a qualquer momento segurar e arrastar para baixo a página para atualiza-la.
Aproveite este recurso que é tão completo.
Criando uma Página
Primeiro você precisa criar uma nova Página Personalizada:
![](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_300,h_71/https://portalapper.com.br/wp-content/uploads/2017/08/PaginaPersonalizada_Passo_2.png)
Em seguida, você deve nomear seu recurso, em “Nome da página”.
Uma página personalizada é composta de blocos independentes. Assim, você pode criar quantos blocos necessitar na mesma página.
Exemplo:
Bloco de Texto “Sobre nós”
Bloco de Imagem “Fotos do lugar”
Bloco de Endereço “Endereço do local com botão que ativa o GPS”
Bloco de Contato “Botão de Telefone que direciona a discagem”
E etc…
Texto
Para criar um bloco de Texto você deve clicar em , um novo documento de texto aparece e você pode escrever seu artigo nele.
Um Editor de texto CKEditor.
Você poderá formatar seu texto com bastante liberdade. Por exemplo: Negrito, Itálico, alinhamentos, cores, tamanho e muito mais.
Este CKEditor te permite trabalhar com alguns códigos HTML, para ativar o editor de HTML neste recurso, você deve clicar no botão “FONTE”.
Você poderá também inserir uma imagem no texto usando o botão destacado na imagem abaixo, e ainda inserir um Link Interno. Para saber mais sobre Link Interno clique aqui.
Inserindo uma imagem no Bloco Texto:
1 – Clique no botão destacado na imagem abaixo.
![](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_300,h_104/https://portalapper.com.br/wp-content/uploads/2017/08/PaginaPersonalizada_Passo_4.png)
2 – Em seguida, insira a imagem desejada nesta seção. Para fazer isso, clique no ícone que permite que você insira sua foto ou imagem.
Após ter inserido, você poderá escolher seu alinhamento e tamanho:
![](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_300,h_100/https://portalapper.com.br/wp-content/uploads/2017/08/PaginaPersonalizada_Passo_6.png)
O resultado é este:
![](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_176,h_300/https://portalapper.com.br/wp-content/uploads/2017/08/PaginaPersonalizada_Passo_7.png)
Mais:
Você também pode adicionar em seu bloco de texto um link para um site (URL).
No CKEditor clique no simbolo de Link , clicando deve aparecer uma janela semelhante a imagem abaixo.
![](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_300,h_238/https://portalapper.com.br/wp-content/uploads/2017/08/PagPers_Passo-8.png)
Você precisa escolher o protocolo que deseja integrar “http://” se você quiser integrar. Em seguida, escreva no URL o link.
![](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_300,h_37/https://portalapper.com.br/wp-content/uploads/2017/08/PagPers_Passo-9.png)
Imagem
Criar uma galeria de fotos é muito fácil. Para fazer isso, clique em e depois em “mais imagens”.
![](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_300,h_87/https://portalapper.com.br/wp-content/uploads/2017/08/PaginaPersonalizada_Passo_10.png)
Você pode adicionar uma descrição a sua imagem, se quiser. Se desejar criar mais galerias, basta clicar em .
Importante: Você poderá verificar que em cada seção que adicionar ao lado superior direto tem um simbolo de uma seta com duas pontas, apontando para cima e para baixo, este recurso serve para você mover a ordem das seções. Segure e arraste para cima ou para baixo e depois solte no local (ordem) que deseja e salve o recurso.
Vídeo
A criação de um bloco de vídeo também é muito fácil. Para fazer isso, clique em .
![](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_300,h_133/https://portalapper.com.br/wp-content/uploads/2017/08/PaginaPersonalizada_Passo_12.png)
- Aqui você precisará escolher o tipo de vídeo que deseja integrar em sua Página Personalizada: Vídeos do YouTube, Vídeos de Podcast ou seus próprios vídeos.
Youtube:
Insira uma palavra chave para uma pesquisa e aperte Enter no teclado ou insira sua URL do vídeo do Youtube no campo e salva sua Página Personalizada.
![](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_300,h_49/https://portalapper.com.br/wp-content/uploads/2017/08/PaginaPersonalizada_Passo_13.png)
- Você pode criar quantos blocos de vídeos que necessitar.
Podcast:
Digite seu endereço URL de podcast de vídeo (no formato .xml) no campo apropriado
![](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_300,h_48/https://portalapper.com.br/wp-content/uploads/2017/08/PaginaPersonalizada_Passo_14.png)
- Em seguida, pressione “Enter”. Selecione o vídeo que você deseja integrar à sua Página Personalizada. Em seguida, clique em “Salvar”.(Exemplo de URL de Podcast vídeo: http://www.feedforall.com/rss-video-tutorials.xml)
Meu vídeo:
Para incluir um vídeo, você precisará colar o endereço URL do seu vídeo em “Vídeo URL”.
![](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_300,h_92/https://portalapper.com.br/wp-content/uploads/2017/08/PaginaPersonalizada_Passo_15.png)
- Depois de ter colado a URL do seu vídeo, você poderá escrever uma pequena descrição e adicionar uma imagem de capa.(Exemplo de uma URL de vídeo: site.com/exemplo.mp4.mp4)
Endereço
Para criar um novo endereço clique em .
Graças a esta seção você pode adicionar o endereço do seu local e um botão para localizar, este botão ainda direciona o usuário para o GPS que traça a rota pegando a localização do usuário com destino do endereço colocado. Você também pode colocar um número de telefone e um site.
![](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_300,h_173/https://portalapper.com.br/wp-content/uploads/2017/08/PaginaPersonalizada_Passo_17.png)
Botões
Primeiro clique em .
Você poderá adicionar um botão para uma Ligação (Telefone), para um E-mail ou para abrir um Site (LINK).
![](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_300,h_124/https://portalapper.com.br/wp-content/uploads/2017/08/PaginaPersonalizada_Passo_18.png)
![](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_300,h_146/https://portalapper.com.br/wp-content/uploads/2017/08/PaginaPersonalizada_Passo_19.png)
![](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_300,h_121/https://portalapper.com.br/wp-content/uploads/2017/08/PaginaPersonalizada_Passo_20.png)
Opções de personalização: Inclua um ícone e/ou Inclua um título.
Anexo
Primeiro clique em .
Nesta seção você poderá adicionar arquivos a esta página (por exemplo: arquivos PDF, Word, etc…) que o usuário poderá baixar em seu dispositivo.
![](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_300,h_54/https://portalapper.com.br/wp-content/uploads/2017/08/PaginaPersonalizada_Passo_22.png)
Inclua um título.
Slider
Primeiro clique em .
Com o Slider você poderá criar um com carrocel com várias imagens. (O usuário poderá arrastar para ver as imagens do carrocel).
![](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_300,h_94/https://portalapper.com.br/wp-content/uploads/2017/08/PaginaPersonalizada_Passo_24.png)
Banner
Com esta seção você pode adicionar uma imagem de capa à esta página.
![](https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_300,h_70/https://portalapper.com.br/wp-content/uploads/2017/08/PaginaPersonalizada_Passo_26.png)
- A imagem que for inserida o app vai respeitar a proporção e não haverá cortes.
Perguntas mais frequentes
Sim.
Você pode criar um bloco de texto e clicar em “FONTE” e aplicar seu código HTML.
Dica: Sempre use um bloco de notas para editar e guardar seu código, se caso o código se perder você o terá guardado em sua máquina.
Pronto, crie grandes projetos. 😉
28 de agosto de 2017