Como inserir documento FLIP no meu site

Primeiramente essa funcionalidade de FLIP não é padrão em todos os sites Criação .cc, é uma funcionalidade extra que você pode solicitar para incluir no seu site. É comum para expor revistas e conteúdos completos com uma experiência de leitura mais interessante.

Agora vamos ao passo-a-passo!

Orientações iniciais

O melhor formato de documento para inserir no editor do FLIP é o formato PDF. Por isso, deixe o seu documento neste formato para ter maior fluidez e sem problemas de quebra de arquivo.

Outro ponto importante, é que por questões de performance e velocidade, recomendamos que faça arquivos leves ou realize um procedimento de compressão para tornar o arquivo mais leve. Aqui temos uma sugestão de ferramenta que comprime PDFs: ilovePDF.

Configurações do FLIP no site

Antes de mais nada queremos ressaltar que a inserção do FLIP é dividida em duas etapas, a de inserção e configuração do arquivo no site e depois de publicar na página escolhida através de um shortcode ou link. A primeira etapa a ser executada é a se inserir o arquivo na área de FLIP.

Você irá acessar o painel administrativo do seu site e ir até o item 3D FlipBook e clicar no subitem Adicionar novo post como mostra na imagem abaixo.

menu 3D Flipbook

Depois você irá iniciar as configurações do seu arquivo, definir título, realizar as configurações de SEO na ferramenta YOAST SEO.

configurações iniciais 3D Flipbook

Desceu um pouco mais na página irá aparecer a seção para inserção e demais configurações do arquivo FLIP, no item Details.

Agora na aba General, você irá no item Source manter selecionado o item PDF file e clicar no botão Select PDF, para inserir o seu arquivo PDF no site.

inserindo o documento pdf no 3d flipbook

Quando o arquivo estiver inserido você irá configurar o item Book style para Auto. E você pode aproveitar também e selecionar uma capa para ficar disponível no documento, é só clicar no item Select thumbnail e inserir uma imagem já na sua Mídia ou do seu computador.

seleção de capa e formato arquivo 3dflipbook

Agora está tudo pronto, é só clicar em Publicar mais no topo da página. Após realizar a publicação ele irá gerar o shortcode que você deve copiar para colar na página de exibição do material. Ou ainda se preferir, utilizar o link do documento e compartilhar em qualquer local do site via link.

link ou shortcode no flipbook

Ativação Flipbook em diferentes áreas do site

Como comentado anteriormente, o documento de FLIP pode ser ativado em 2 formatos via link/URL do arquivo ou shortcode. Isso vai depender como você quer ativar isso no seu site, no blog (editor Gutenberg), em um página (editor Elementor) ou ainda em um botão.

Confira a seguir como ativar seu Flipbook em diferentes áreas do site.

Ativação em páginas de conteúdo (blog)

Em ativações de páginas de conteúdos como blog, que são editadas pelo editor Gutenberg.

Para começar você irá no seu ambiente de conteúdo, seja novo ou um já existente e irá escolher o bloco Shortcode, como mostra na imagem abaixo.

shortcode no bloco gutenberg

Depois irá aparece o campo do shortcode e lá você irá inserir o código gerado no documento que quer exibir, assim:

aplicação shortcode no gutenberg

Só não esqueça de clicar em Publicar ou Atualizar para que o seu conteúdo fique atualizado com o seu Flipbook.

Ativação em páginas com Elementor

Então, o processo de ativação é praticamente o mesmo, a diferença é que dessa vez você irá acessar a sua página construída com Elementor.

Ao acessar sua página no modo Editar com Elementor você irá escolher o widget shortdoce, como mostra na imagem abaixo:

shortcode no elementor

Depois, você pode arrastar o widget e largar na seção deseja. E assim como anteriormente você irá colar o shortcode do seu documento Flipbook que quer inserir na página.

shortcode flipbook no elementor

Por fim, é só clicar em Atualizar ou Publicar se for uma página nova.

Ativação com link em botões

Um das últimas opções é poder utilizar o link do seu documento Flipbook em qualquer área do seu site através de um botão.

Você novamente irá na página que já possui o botão ou crie um novo botão, e nele irá inserir o link fornecido na página de edição do seu documento FLIP.

INSERINDO LINK NO BOTÃO DO ELEMENTOR

Por fim, não esqueça de realizar a publicação.

Então aproveite e confira outros conteúdos da categoria Integrações.