Organizar um evento

Como adicionar o checkout incorporado da Eventbrite ao seu site WordPress.org

Com nosso novo checkout incorporado, as pessoas compram ingressos sem sair do seu site — isso permite que os participantes se conectem à sua marca e facilita o processo de inscrição. Primeiramente, gere seu código de incorporação na Eventbrite. Em seguida, acompanhe este guia passo a passo para configurar o checkout incorporado no WordPress.org. É importante que você pré-visualize e teste sua página do WordPress.org e o checkout incorporado antes da publicação.

Neste artigo

  • 1. Gere seu código de incorporação.

  • 2. Vá para sua conta do WordPress.org.

  • 3. Vá para "Plug-ins" e selecione "Adicionar novo".

  • 4. Procure por "HTML bruto".

  • 5. Clique em "Instalar agora", e depois em "Ativar".

  • 6. Edite sua página do WordPress.org.

  • 7. Clique em "Texto".

  • 8. Clique em "Pré-visualizar alterações".

  • 9. Decida onde adicionar o checkout incorporado.

  • 10. Encontre sua palavra-chave na página "Editar".

  • 11. Copie e cole o código de incorporação.

  • 12. Adicione "[raw]" antes do código de incorporação, e "[/raw]" logo após.

  • 13. Pré-visualize sua página do WordPress.org.

  • 14. Clique em "Atualizar".

  • 15. Teste seu checkout incorporado.

SUGESTÃO: Para utilizar nosso novo checkout incorporado, seu site precisa de um certificado HTTPS. Saiba mais.

NOTA: Alguns recursos da Eventbrite impossibilitarão seu evento de usar o novo checkout incorporado. Leia nosso artigo de solução de problemas para saber mais.

1. Gere seu código de incorporação.

Para obter o código de incorporação que você adicionará ao seu site, siga nossas instruções passo a passo.

DICA: Deixe a janela do navegador com o código de incorporação da Eventbrite aberta. Você precisará copiar o código na Etapa 11.

2. Vá para sua conta do WordPress.org.

Abra o site ou aplicativo a partir do qual você gerencia seu site WordPress.org.

3. Vá para "Plug-ins" e selecione "Adicionar novo".

Em seu ambiente WordPress.org, passe o mouse sobre "Plug-ins", na barra lateral, e clique em "Adicionar novo".

4. Procure por "HTML bruto".

Em "Adicionar plug-ins", clique na barra de pesquisa e digite "HTML bruto". Pressione a tecla Enter/Return (no teclado) para pesquisar.

5. Clique em "Instalar agora", e depois em "Ativar".

Em "HTML bruto", clique em "Instalar agora". Depois de instalar o HTML bruto, clique em "Ativar".

6. Edite sua página do WordPress.org.

Selecione "Páginas", na barra lateral. No menu "Páginas", clique na página que deverá incluir o checkout incorporado.

NOTA: Se você quiser adicionar nosso checkout incorporado a uma publicação de blog específica, em vez de ir para "Páginas", vá para "Publicações". No menu "Publicações", clique na publicação que incluirá o checkout incorporado.

7. Clique em "Texto".

Na página "Editar", clique em "Texto". Você notará que o editor de texto agora inclui o código HTML da sua página.

8. Clique em "Pré-visualizar alterações".

Clique em "Pré-visualizar alterações" para ver uma prévia de sua página do WordPress.org.

NOTA: Clique em "Pré-visualizar alterações" para ver uma prévia de sua página do WordPress.org.

9. Decida onde adicionar o checkout incorporado.

Escolha o parágrafo após o qual você pretende inserir o checkout incorporado. Realce e copie a última palavra do parágrafo.

EXEMPLO: John está adicionando um checkout incorporado abaixo do parágrafo que termina com a palavra "rain".

10. Encontre sua palavra-chave na página "Editar".

Volte para a página "Editar" e encontre sua palavra-chave.

SUGESTÃO: Para abrir uma barra de pesquisa de onde você poderá pesquisar rapidamente, pressione "Ctrl + F", no PC, e “cmd + F”, no Mac. Saiba mais .

11. Copie e cole o código de incorporação.

Retorne à página de checkout incorporado da Eventbrite e copie o código de incorporação. Volte ao WordPress.org e cole o código de incorporação após a tag final do parágrafo com sua palavra-chave.

SUGESTÃO: Geralmente, uma tag final (também conhecida como tag de fechamento) pode ser reconhecida pelo "/" dentro da tag. Saiba mais .

12. Adicione "[raw]" antes do código de incorporação, e "[/raw]" logo após.

Digite "[raw]" antes do código de incorporação, e "[/raw]" logo após. Isso impedirá que o WordPress.org formate automaticamente o código.

13. Pré-visualize sua página do WordPress.org.

Clique em "Pré-visualizar alterações" para ver como o checkout incorporado aparecerá para potenciais participantes. Se estiver no lugar errado, retorne à página "Editar" e mova o código de incorporação.

SUGESTÃO: Se nunca tiver publicado essa página do WordPress.org, em vez de "Pré-visualizar alterações", você verá "Pré-visualizar".

NOTA: O botão e as versões das listas de ingressos do checkout incorporado têm uma aparência diferente.

14. Clique em "Atualizar".

Quando estiver satisfeito(a) com a aparência do seu novo checkout incorporado, clique em "Atualizar".

SUGESTÃO: Se nunca tiver publicado essa página do WordPress.org, em vez de "Atualizar", você verá "Publicar".

15. Teste seu checkout incorporado.

Teste seu site para garantir que as pessoas possam comprar ingressos — independentemente do navegador, dispositivo ou tamanho da tela. Saiba mais.

NOTA: Se você perceber um problema com o funcionamento do checkout incorporado ou tiver dificuldades quanto à renderização, desative o editor Gutenberg.

Ainda tem questões? Entre em contato com o suporte.