Como Incorporar Mapas Stippl no seu Site

By Catarina Santos2 min read

Se você é um entusiasta de viagens ou criador de conteúdo, incorporar mapas interativos do Stippl ao seu site pode aumentar o envolvimento do usuário e apresentar seus itinerários de viagem de forma visualmente atraente. Aqui está um guia passo a passo sobre como incorporar mapas do Stippl ao seu site. Este processo requer que você tenha uma conta de Criador no Stippl.

Passo 1: Inscreva-se como Criador no Stippl

Para começar, você precisa se tornar um Criador no Stippl. Siga estas etapas:

  1. Acesse stippl.io/creators.
  2. Inscreva-se em uma conta de Criador seguindo o processo de registro.
  3. Depois de enviar suas informações, aguarde a aprovação da sua conta. Isso pode levar um tempo, pois o Stippl analisa as contas de criadores manualmente.
  4. Após a aprovação da sua conta, você terá acesso aos recursos que permitem criar e incorporar mapas.

Passo 2: Acesse o Código de Incorporação do Seu Mapa

Após criar seu itinerário de viagem no Stippl, siga estas instruções para obter o código de incorporação:

  1. Faça login em sua conta de Criador na plataforma web do Stippl.
  2. Abra a viagem específica que deseja incorporar.
  3. No canto superior direito da sua viagem, você encontrará uma opção para "Embed Map" (como mostrado nas capturas de tela fornecidas). Clique nesta opção.

Scherm­afbeelding 2024-11-06 om 15.37.05.png

Uma nova janela será aberta com uma visualização do mapa. Isso permite que você veja como o mapa incorporado aparecerá.

Scherm­afbeelding 2024-11-06 om 15.40.53.png

Abaixo da visualização, você verá um código de incorporação que pode copiar. O código será semelhante a este:

Scherm­afbeelding 2024-11-06 om 15.50.33.png

Passo 3: Incorporando o Mapa ao Seu Site WordPress

Aqui estão duas maneiras de incorporar o mapa ao seu site WordPress, com capturas de tela para orientá-lo.

Método 1: Incorporar em uma Postagem ou Página do WordPress

  1. Faça login no seu Painel do WordPress.
  2. Vá para Postagens ou Páginas e selecione uma postagem/página existente ou crie uma nova.
  3. Insira um Bloco de HTML Personalizado no Editor Gutenberg: No Editor Gutenberg (Blocos), clique no ícone "+" para adicionar um bloco. Procure por HTML Personalizado e selecione-o.
  4. Cole o Código de Incorporação no bloco de HTML Personalizado.
  5. Visualize e Publique: Clique em Visualizar para garantir que seja exibido corretamente. Depois clique em Publicar ou Atualizar.

E pronto! 🥳

Incorporar seu mapa do Stippl no WordPress melhora seu blog de viagens ou site ao compartilhar visualmente itinerários detalhados. Seguindo estas etapas, juntamente com as capturas de tela, você conseguirá adicionar esses mapas facilmente. Divirta-se mostrando suas aventuras de viagem!

sign up now

Start your journey

Sign up free

or download the app

App StoreGoogle Play