Disponível: torne-se um especialista em apresentações gratuitamente Obtenha a certificação

Como incorporar um código iframe a uma apresentação e infográfico

Brian Nuckols
Escrito por Brian Nuckols
Publicado em mar 28, 2023
Como incorporar um código iframe a uma apresentação e infográfico

embed code

A Visme fornece milhares de recursos dos mais variados tipos e vários recursos de mídia (incluindo imagens, ícones, gráficos, vídeo e áudio) para você adicionar ao seu projeto.    Com isso dito, às vezes você deseja usar um serviço de terceiros e inserir conteúdo de um aplicativo externo na plataforma Visme. Isso agora é fácil, é como 1, 2, 3!

O que isso significa para você?

Você pode inserir conteúdo de qualquer provedor terceirizado confiável que forneça o código iframe (que é praticamente qualquer provedor estabelecido do Wufoo para formulários, SlideShare para Slides, Spotify para áudio e a lista continua...)

O que é um código iframe?

Se você não é um técnico, deixe-me explicar o que é um iframe de forma simplória. Pense nisso como um quadro digital.

No mundo do tijolo e argamassa, uma moldura é definida como uma estrutura rígida que envolve ou inclui algo como uma porta ou janela. No caso da internet, temos o que é chamado de iframe e isso permite inserir conteúdo enquadrado de praticamente qualquer lugar da web em seu próprio site.

E no caso da Visme, habilitamos esse recurso para que você possa incorporar conteúdo externo às suas apresentações, infográficos, animações e qualquer outra coisa que você criar com a plataforma Visme.

Veja como você pode usar o widget iframe na Visme para adicionar seu próprio conteúdo externo.

Selecione o widget iframe no painel esquerdo

embed-iframe-web-project

Pegue seu código iframe em sua plataforma favorita

Hoje em dia, praticamente todos os provedores de conteúdo permitem que você utilize seu código iframe para inserir conteúdo em outros sites (ou, neste caso, na Visme). Isso inclui YouTube, Vimeo, Spotify, Wufoo (para formulários) e milhares de outros provedores. Até mesmo a Visme fornece seu próprio código de incorporação que você pode inserir em outro site ou mesmo em outro de seus projetos.

Abaixo está um exemplo de um iframe do Wufoo, um construtor gratuito de formulários.

copy-iframe-code

Copie e cole o código incorporado na caixa de entrada do widget iframe

add-embed-code-presentation

paste-iframe-code-to-presentation-or-infographic

Clique em concluído e o conteúdo de terceiros será inserido diretamente na área do project canvas.

Personalize seu iframe na área do projeto

A beleza dos atributos da Visme entra em jogo com a personalização e com os recursos internos que a plataforma possui. Isso significa que, embora você possa ter um conteúdo chato, supondo que seja transparente (como é o caso do formulário abaixo), você pode adicionar cor de fundo e vários objetos próximos ou ao redor do formulário para destacá-lo mais ainda.

Claro que você não quer exagerar. No exemplo abaixo, um formulário com um conteúdo chato foi aprimorado ao se colocar uma forma sólida com uma cor atribuída a ela, deixando o formulário mais chamativo de forma rápida e fácil.

customize-iframe-design

Você pode inserir formas simples e aplicar transparência e cores para destacar seu conteúdo. No exemplo abaixo, o usuário adicionou um ícone de engrenagem simples e, em seguida, através da configuração "FX" do objeto reduziu a opacidade do objeto.

É tudo uma questão de atingir um design limpo e simples. Você quer ter um equilíbrio e certamente você não quer que suas ideias de design assumam o propósito do seu conteúdo.

customize-iframe-design-code

 

Certifique-se de aproveitar a ferramenta de iframe e outros widgets fornecidos pela Visme para criar um conteúdo melhor. Seu público vai te amar por isso! Crie agora mesmo sua conta gratuita e comece a usar e abusar de todas as soluções de design que a Visme pode te oferecer.

Brian Nuckols
Escrito por Brian Nuckols

Brian Nuckols is a writer working in Pittsburgh, Pennsylvania. He enjoys communicating visionary ideas in clear, action oriented language. When he’s not working on content for a transformative company you can find him analyzing dreams, creating music, and writing poetry.

Crie conteúdos incríveis!

Crie experiências visuais incríveis para sua marca, seja você um Designer profissional ou um novato com pouca experiência.

Experimente Visme, é de graça