Página Personalizada

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.

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:

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.

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:

O resultado é este:

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.

Você precisa escolher o protocolo que deseja integrar “http://” se você quiser integrar. Em seguida, escreva no URL o link.

Imagem
Criar uma galeria de fotos é muito fácil. Para fazer isso, clique em e depois em “mais imagens”.

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 .

- 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.

- 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

- 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”.

- 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.

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).



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.

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).

Banner
Com esta seção você pode adicionar uma imagem de capa à esta página.

- 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. 😉