Partilhar e incorporar a sua bilheteira online

A sua loja está pronta, os seus produtos estão preenchidos, e agora é preciso que alguém venha comprar. Este artigo trata dessa última parte: como levar o seu visitante até à sua bilheteira online.

Aqui fica a saber onde está o seu endereço, como o partilhar no seu site e nas redes sociais, como fazer um cartaz com código QR e como, se quiser, incorporar a loja na sua própria página. Se preferir um endereço seu, como bilhetes.asuaassociacao.pt, leia O seu próprio domínio.

Primeiro: o que é, afinal, um link?

Um link (também chamado URL ou endereço web) é o endereço de uma página na internet. Tal como uma morada aponta para exatamente uma caixa de correio, um link aponta para exatamente uma página. Se o escrever ou clicar nele, vai parar ali e a mais lado nenhum.

A sua bilheteira online tem um endereço destes, e tem este aspeto:

https://{domein}/pt/s/festasdaquinta

Leia-o da esquerda para a direita:

Parte	O que significa
https://	O tipo de ligação. O s significa segura: o que o seu visitante escreve viaja encriptado
{domein}	O nome do computador onde a loja funciona
/pt/	O idioma da página. pt é português, en inglês, es espanhol
/s/	A palavrinha pela qual o sistema sabe: a seguir vem uma loja
festasdaquinta	O código da sua organização, o nome curto da sua associação

Porque é que o idioma aparece no início?

Porque assim um link tem um significado, e apenas um.

Muitos sites memorizam a sua escolha de idioma num cookie (um pequeno texto que o site deixa no seu computador). Isso funciona bem até alguém reencaminhar o link: quem o recebe vê o idioma que ele escolheu antes, e não o idioma que pretendia. Um sócio estrangeiro que recebe o link do secretário português vê, de repente, uma loja em português.

Com o idioma no endereço, isso não pode acontecer. /pt/ abre sempre em português, /en/ sempre em inglês — também pelo WhatsApp, também depois de três reencaminhamentos, também num computador partilhado.

Na prática, isto significa: escolha conscientemente o idioma que partilha. Se puser um link numa página em inglês do seu site, use /en/. Se enviar um e-mail a todos os seus sócios, use o idioma desse e-mail. O seu visitante pode sempre mudar de idioma na própria loja.

O que precisa antes de começar

• Uma conta com acesso ao seu painel; para ver o endereço, basta qualquer função que possa ver as definições ou as encomendas.
• Uma loja que esteja online. Se o interruptor A venda online está ativa estiver desligado, o seu visitante vê uma página de erro "não encontrado" em vez da sua loja. Consulte Configurar a sua organização.
• Para incorporar: acesso ao seu próprio site, e permissão para colar código lá.
• Dez minutos para partilhar, meia hora para um cartaz.

Passo 1 — Encontrar o seu endereço

Há dois sítios onde encontra o seu endereço, e dão o mesmo resultado.

O mais rápido: vá a Encomendas e clique em Abrir a loja, no canto superior direito. A sua loja abre-se num novo separador. O endereço aparece no topo, na barra de endereço do seu navegador; clique nela e copie-o com Ctrl+C (num Mac, Cmd+C).

O completo: vá a Definições → Organização. Por baixo do formulário está o bloco Partilhar a sua loja, com o endereço da sua loja pronto a copiar e um link Abrir a loja. Se tiver um domínio próprio pronto, vê aqui esse endereço.

Verifique logo duas coisas antes de partilhar:

1. A loja abre como espera, com os seus produtos?
2. O idioma no início é o que quer partilhar?

Depois, cole o endereço num sítio onde o volte a encontrar — numa nota, ou num e-mail para si próprio. Vai precisar dele muitas vezes nas próximas semanas.

Atenção: se mais tarde alterar o código da sua organização, o seu endereço muda também e todos os links que partilhou deixam de funcionar. Todos os cartazes impressos também. Por isso, escolha bem esse código uma vez e não lhe mexa.

Passo 2 — Partilhar o seu link

No seu próprio site

Coloque um botão ou um link de texto bem visível com a palavra Bilhetes, e faça-a apontar para o seu endereço. Ponha-a no topo da sua página inicial e em cada evento, e não apenas numa página "informações práticas" onde ninguém vai.

Quase todos os sistemas de sites funcionam da mesma maneira: seleciona a palavra que deve passar a ser um link, clica no ícone da corrente e cola o endereço no campo que aparece. Configure o link para abrir num novo separador, se o seu sistema oferecer essa opção; assim, o seu visitante não perde a sua página.

Escreva no botão o que acontece: Comprar bilhetes é melhor do que Clique aqui, e muito melhor do que Mais informações.

Numa newsletter

O mesmo princípio, com uma diferença: nunca cole o endereço tal e qual no texto. Transforme uma palavra num link. Um URL comprido num e-mail é partido em duas linhas por alguns programas de e-mail, e deixa de funcionar.

Ponha o link pelo menos duas vezes no seu e-mail: uma vez como botão no topo, outra vez como link de texto normal no fim. Há leitores que não veem os botões ou não confiam neles.

Teste sempre a sua newsletter no seu próprio telemóvel antes de a enviar a quatrocentas pessoas. Clique mesmo no link.

No Facebook

Três sítios, e cada um faz uma coisa diferente.

Uma publicação na sua página. Escreva a sua publicação, cole o endereço e espere dois segundos: o Facebook vai buscar sozinho uma pré-visualização com o título e uma imagem da sua loja. Assim que essa pré-visualização aparecer, pode apagar o endereço do texto — a pré-visualização mantém-se e continua a ser clicável. Fica mais limpo.

O link na sua bio. É o campo do site nos dados da sua página. Vá à sua página, abra as definições ou o botão de edição dos seus dados, procure o campo Site e ponha lá o seu endereço. É este o link que as pessoas procuram quando primeiro veem a sua página e só depois querem comprar.

Um botão na sua página. No topo de uma página de Facebook pode haver um botão de ação. Escolhe qual — para uma bilheteira online, Saber mais ou Reservar agora são os úteis. Encontra essa definição no próprio botão, na sua página; escolhe um tipo de botão, cola o seu endereço e guarda.

Os ecrãs do Facebook mudam de poucos em poucos meses. Se não encontrar alguma coisa, procure na própria central de ajuda deles por "botão de ação" ou "adicionar botão à página" — a ação em si mantém-se: escolher o botão, colar o endereço, guardar.

No Instagram

No Instagram, numa publicação normal, não é possível pôr um link clicável. O texto de uma legenda não fica clicável, por mais vezes que o repita.

O que funciona:

1. O link no seu perfil. Vá ao seu perfil, toque em Editar perfil e ponha o seu endereço no campo do site. Refira-a nas suas publicações: "bilhetes no link da nossa bio".
2. Um link numa história (story). Aí pode colocar um autocolante de link com o seu endereço.

Se a sua oferta muda muitas vezes, é preferível pôr no seu perfil o link para a sua loja geral em vez de para um único evento. Assim, não tem de a substituir todos os meses.

Num grupo de WhatsApp

Cole simplesmente o endereço no grupo. O WhatsApp transforma-o sozinho numa link clicável e mostra uma pré-visualização.

Acrescente uma frase que diga o que é e até quando: "Bilhetes para a noite de queijos e vinhos de 12 de outubro, inscrições até segunda-feira." Um link sozinha num grupo movimentado perde-se no meio das mensagens.

Passo 3 — Fazer um cartaz com código QR

O que é um código QR?

Um código QR não é mais do que um link, desenhado como um padrão de quadradinhos a preto e branco. Não tem magia nenhuma e nada é enviado: um telemóvel que o "lê" lê simplesmente esse endereço e abre-o. Por isso, não faz mais do que o seu link, nem menos.

É também essa a resposta a "como sei se o meu código QR ainda funciona": enquanto o seu link funcionar, ele funciona.

Como criar um

1. Copie o seu endereço, como no passo 1.
2. Vá a um gerador de códigos QR. Há muitos gratuitos; pesquise por "gerador de código QR". Escolha um que lhe permita descarregar uma imagem (PNG ou SVG) sem ter de criar uma conta.
3. Cole o seu endereço e gere o código.
4. Descarregue-o de preferência em SVG. É um desenho que pode ampliar sem perda de qualidade. Se não for possível, use um PNG com pelo menos 1000 píxeis de largura — uma imagem pequena fica granulada na impressão, e um código QR granulado lê-se mal.

Atenção: nunca use um serviço com um código QR "dinâmico" ou "rastreável". Esses códigos não apontam para o seu endereço, mas para o do serviço, que depois reencaminha o seu visitante. Parece prático — pode alterar o destino mais tarde —, mas significa também que o seu cartaz deixa de funcionar assim que esse serviço termina o seu período experimental gratuito, muda de nome ou fecha. Com duzentos cartazes impressos, é uma descoberta cara. Um código QR normal, estático, que contém diretamente o seu endereço, continua a funcionar enquanto o seu endereço funcionar, e não custa nada.

No cartaz

• Tamanho. Uma regra prática que funciona bem: um código QR que tem de ser lido a um metro de distância tem pelo menos 3 por 3 centímetros. Se o seu cartaz estiver atrás de uma montra e o seu visitante no passeio, faça-o bem maior — conte com cerca de um décimo da distância de leitura. Na dúvida: maior.
• Espaço à volta. Deixe à volta do código uma margem branca com cerca de quatro quadradinhos de largura. Sem essa margem, a câmara de um telemóvel tem mais dificuldade em encontrar o código.
• Contraste. Código escuro sobre fundo claro. Não o contrário, e não por cima de uma foto.
• Acrescente texto. Um código QR sozinho é lido menos vezes do que pensa. Escreva por baixo o que acontece quando é lido: Leia para comprar bilhetes. E acrescente o endereço em letras legíveis, para quem prefere escrever ou cuja câmara não colabora.

Teste-o. Duas vezes.

Antes de imprimir: imprima um exemplar numa impressora normal, pendure-o na parede, ponha-se à distância a que as pessoas vão estar e leia-o com o seu próprio telemóvel. Peça também a outra pessoa que o faça, com um telemóvel de outra marca.

Depois de imprimir: tire um cartaz da caixa e leia-o outra vez. Uma gráfica pode reduzir, cortar ou imprimir o seu ficheiro num papel diferente do que esperava, e papel brilhante sob um foco dá reflexos. Isto custa-lhe um minuto e é o único controlo que conta.

Passo 4 — Incorporar a loja na sua própria página

Se quiser que o seu visitante não saia do seu site, pode pôr a loja como um bloco numa das suas páginas. Isso chama-se incorporar (embed).

O caminho mais fácil: o código do seu painel

Não precisa de escrever o código. Vá a Definições → Organização. Por baixo do formulário está o bloco A sua loja no seu próprio website, com o código da sua loja pronto. Clique em Copiar o código e cole-o no seu criador de sites; mais abaixo explica-se, para cada criador, onde se faz isso.

O código tem mais ou menos este aspeto:

<div data-{marca}-shop data-shop="https://{domein}/pt/s/festasdaquinta/embed">
    <a href="https://{domein}/pt/venda-os-seus-bilhetes?via=…" style="…">Venda de bilhetes através de Passavo.</a>
</div>
<script src="https://{domein}/embed.js" async></script>

Use sempre o código do seu painel, não este exemplo: esse já contém a sua loja e o seu idioma.

Parte	Para quê
<div …>	O sítio da sua página onde a loja aparece
data-shop	O endereço da sua loja, numa versão sem cabeçalho nem rodapé
<a …>	Um pequeno link por baixo da sua loja — ver abaixo
<script …>	Um pequeno programa auxiliar que coloca a sua loja nesse sítio e lhe dá a mesma altura que o conteúdo

A grande vantagem: a sua loja cresce sozinha. Não tem de adivinhar uma altura, e o seu visitante não fica com uma segunda barra de deslocamento. O programa auxiliar não usa cookies e não segue os seus visitantes.

O código antigo já está no seu site — um <div> vazio com o script, ou um iframe normal como abaixo? Continua a funcionar. Não precisa de substituir nada.

O pequeno link por baixo da sua loja

Por baixo da sua loja aparece um pequeno link: Venda de bilhetes através de Passavo. Assim, os seus visitantes veem com que ferramenta vende os seus bilhetes, e outras associações e organizadores encontram-nos mais facilmente, também através dos motores de busca. Pode perfeitamente deixá-lo ficar — e agradecemos-lhe por isso.

Também lhe traz algo a si. Se uma organização se registar através desse link, recebe o primeiro mês gratuito, e a sua organização também, assim que ela tiver pago esse primeiro mês.

No plano Pro, o link não aparece no código, exceto se houver um evento gratuito na sua loja. É a mesma regra que se aplica à pequena menção no fundo da sua loja; consulte Escolher, mudar e pagar o seu plano.

O seu criador de sites não aceita scripts?

Alguns criadores cortam um <script> da sua página ao guardar. Nesse caso, só vê o pequeno link, sem loja por cima. Use então um iframe normal, como abaixo. Também funciona, só não cresce sozinho.

O que é um iframe?

Um iframe é uma janela numa página web onde se mostra outra página web. Pense num quadro na sua parede: a moldura é sua, o que está lá dentro vem de outro sítio. O seu visitante vê a sua página, com uma parte que vem da sua bilheteira online.

O código tem este aspeto:

<iframe src="https://{domein}/pt/s/festasdaquinta"
        style="width:100%;height:900px;border:0"
        title="Tickets"></iframe>

O que faz cada parte:

Parte	Para quê
src	O endereço da sua loja — é aqui que o substitui pelo seu
width:100%	A moldura fica com a largura do espaço que lhe é dado
height:900px	A altura da moldura, em píxeis. Consulte o aviso abaixo
border:0	Sem margem à volta da moldura
title	O que está dentro da moldura. Necessário para um leitor de ecrã, por isso deixe-o ficar

Atenção à altura. Uma moldura não é elástica: não cresce com o que está lá dentro. Se for demasiado baixa, o seu visitante tem de se deslocar dentro dessa pequena moldura para encontrar o botão Finalizar compra — e é exatamente aí que a sua venda falha. Mais vale demasiado do que pouco; 900 píxeis é um começo razoável, e depois teste num telemóvel.

WordPress

1. Abra a página e clique no sítio onde a loja deve aparecer.
2. Clique no + para adicionar um bloco e pesquise HTML.
3. Escolha o bloco HTML personalizado (em inglês, Custom HTML).
4. Cole o código acima no bloco, com o seu endereço.
5. Guarde a página e veja-a como visitante.

Atenção no WordPress.com: no plano gratuito, um iframe é cortado da sua página ao guardar. Não é um erro seu nem do seu bloco: o WordPress.com só aceita esse código num plano pago com funcionalidades de alojamento. Se vir o bloco vazio depois de guardar, a razão é esta. Nesse caso, use simplesmente um link, como no passo 2.

Também numa instalação própria de WordPress: quem não é administrador às vezes não pode colocar este código e vê-o desaparecer ao guardar. Peça então ao administrador do seu site.

Wix

No editor clássico do Wix:

1. Clique à esquerda em Adicionar elementos.
2. Clique em Incorporar código.
3. Nas incorporações populares, escolha Incorporar HTML.
4. Clique em Inserir código, cole o seu código e clique em Aplicar.
5. Arraste a moldura para o sítio certo e dê-lhe bastante altura.

Se trabalhar no Wix Studio, o caminho é Adicionar elementos → Incorporar e social → Incorporar código, e o elemento chama-se HTML iFrame. A ação é a mesma: colar o código, aplicar.

Duas coisas do próprio manual do Wix que ajudam aqui: o seu código tem de usar https:// (com http:// não aparece nada no seu site publicado), e a moldura não se adapta sozinha a um ecrã pequeno. Por isso, defina a largura para 100% e verifique a página num telemóvel.

Squarespace

1. Edite a página e clique no + para adicionar um bloco.
2. Escolha o bloco Código.
3. Clique no lápis para abrir o bloco e cole o seu código.
4. Guarde.

Atenção: aqui é preciso um plano pago. O Squarespace só aceita código iframe e JavaScript num bloco de Código a partir dos seus planos pagos (Core e superiores). Num site experimental ou num plano gratuito, não funciona.

E uma particularidade que faz os principiantes pensar que está avariado: enquanto tiver sessão iniciada como administrador, o Squarespace por vezes não mostra o seu próprio código, ao passo que os visitantes o veem normalmente. Use o botão Preview in Safe Mode, ou veja numa janela privada do seu navegador, antes de concluir que não funciona.

Google Sites

1. Abra o seu site e clique, à direita, em Inserir.
2. Clique em Incorporar.
3. Escolha Incorporar código e cole o seu código.
4. Clique em Seguinte e depois em Inserir.
5. Arraste a moldura para a aumentar e clique em Publicar, no canto superior direito.

Também pode incorporar a loja como página completa: Páginas → Adicionar → Página incorporada completa. Isso dá-lhe mais altura e menos deslocamento dentro de uma pequena moldura.

Não se esqueça de Publicar. O que vê no modo de edição ainda não é o que o seu visitante vê.

As desvantagens de incorporar, com franqueza

Incorporar não é gratuito, mesmo que não custe nada.

• Com um iframe normal, a altura continua a ser um palpite. Um cesto que fica mais comprido do que a moldura obriga o seu visitante a deslocar-se dentro de uma pequena moldura. Num telemóvel, isso é pouco prático. O código do seu painel não tem esse problema: cresce com o conteúdo.
• Duas barras de deslocamento. A página desloca-se, e a moldura também. As pessoas perdem-se nisso.
• É o seu próprio site que determina a velocidade. Se o seu site for lento, a sua loja fica lenta — mesmo que a própria loja funcione depressa. Com um link, o seu visitante não sofre com isso.
• Nem todos os criadores o permitem. Num site gratuito do WordPress.com e num Squarespace sem plano pago, simplesmente não funciona.

Se não funcionar, ou se tiver dúvidas: use simplesmente um link. Um botão claro Comprar bilhetes que abre a sua loja vende melhor do que uma moldura que funciona pela metade, e não há nada que se possa avariar.

O pagamento faz-se na janela completa

Se a sua loja estiver incorporada na sua própria página, o seu visitante escolhe os bilhetes dentro da moldura. Quando clica em Finalizar compra, a página de pagamento abre-se na janela completa do navegador, no endereço da sua loja.

É de propósito. Os fornecedores de pagamentos, como a Mollie e a Stripe, não mostram o seu ecrã de pagamento dentro de uma moldura, e os navegadores não guardam dados do cesto numa moldura de outro site. Depois de pagar, o seu visitante chega à página de confirmação da sua loja, com os seus bilhetes. Não precisa de configurar nada para isso.

Erros frequentes

Partilhar o link com o idioma errado. Envia /pt/ aos seus sócios que falam inglês. Veja a parte a seguir ao domínio antes de enviar.

Alterar o código da organização depois de os cartazes estarem impressos. Todos os códigos QR em papel deixam de apontar para algum lado. Não altere o seu código depois de o ter partilhado.

Usar um código QR de um serviço gratuito com período experimental. Ao fim de trinta dias, o seu cartaz aponta para uma página publicitária desse serviço. Use um código estático que contenha diretamente o seu endereço.

Fazer um iframe demasiado baixo. O seu visitante vê os produtos, mas não o botão para pagar. Teste num telemóvel, e não só no seu portátil.

Nunca clicar no link. Teste cada sítio onde o coloca, no seu próprio telemóvel, antes de o lançar ao seu público.

E se …

E se o meu visitante vir "não encontrado" ou uma loja vazia?

Uma página de erro "não encontrado" significa normalmente que o interruptor A venda online está ativa está desligado, ou que o endereço não está certo (atenção ao código da sua organização). Vá a Definições → Organização e veja o separador A sua loja. Consulte Configurar a sua organização.

Se aparecer "Ainda nada à venda", a sua loja funciona, mas não há nenhum produto à venda. Consulte Produtos e preços.

E se eu não encontrar a minha loja no Google?

Isso pode significar duas coisas. Ou o interruptor Publicado está desligado — nesse caso, o seu link continua a funcionar para quem o conhece, mas não é proposto aos motores de busca. Ou a sua loja existe há demasiado pouco tempo; os motores de busca precisam de tempo.

De qualquer modo, não conte com o Google para a sua venda de bilhetes. O seu público chega pelos seus próprios canais: a sua newsletter, a sua página, o seu cartaz.

E se a minha loja incorporada ficar vazia?

Verifique por esta ordem:

1. O seu código tem https://, e não http://?
2. O código continua lá depois de guardar? Abra o bloco outra vez. Se tiver desaparecido, é o seu criador de sites que o corta — veja os avisos acima sobre o WordPress e o Squarespace.
3. Veja a sua página numa janela privada ou como visitante sem sessão iniciada. Alguns criadores não mostram código incorporado a quem tem sessão iniciada.
4. Só vê o pequeno link Venda de bilhetes através de Passavo. e nenhuma loja? Então o seu criador corta o script. Use um iframe normal, como no passo 4.

Se continuar vazia: use simplesmente um link. Não é uma derrota, é a forma que funciona melhor.

E se o código QR do meu cartaz não for lido?

Muitas vezes é demasiado pequeno, está demasiado encostado a outros elementos impressos, ou o ficheiro foi impresso com resolução demasiado baixa. Amplie-o, deixe uma margem branca à volta e volte a imprimir a partir de um SVG ou de um ficheiro PNG grande. Teste com dois telemóveis diferentes.

E se eu tiver de indicar o meu link num anúncio impresso?

Escreva o endereço completo em letras legíveis, com o idioma incluído, e ponha um código QR ao lado. Quem escreve, escreve; quem lê o código, lê. Um endereço próprio fica muito mais agradável impresso — consulte O seu próprio domínio.

Perguntas frequentes

Posso criar um link que vá diretamente para um evento? Não para uma página à parte: o seu link abre sempre a loja inteira, com tudo o que vende, uns por baixo dos outros. Num produto com horários, é possível ser mais direto: na sua loja, nesse produto, clique em Escolha um horário e copie depois o endereço da barra de endereço. Esse link abre a sua loja com o calendário desse produto já aberto.

O meu link antigo continua a funcionar se passar a ter um domínio próprio? Sim. O endereço na plataforma continua a existir ao lado do seu domínio próprio. Consulte O seu próprio domínio.

Tenho de imprimir um código QR diferente para cada idioma? Não é necessário. Escolha o idioma do seu público e deixe o seu visitante mudar de idioma na própria loja. Num cartaz bilingue, há de facto dois códigos, cada um com o seu idioma — nesse caso, indique claramente PT e EN ao lado.

Incorporar é melhor para a minha marca do que usar um link? Quase nada. O seu visitante vê, nos dois casos, o seu logótipo e as suas cores, porque estão na própria loja. Se quiser mesmo o seu próprio nome na barra de endereço, um domínio próprio é o melhor caminho, e pode combiná-lo com um link normal.

Posso ver quantas pessoas clicaram no meu link? O que vê, em todo o caso, é o que isso rendeu: as suas encomendas, com o canal indicado. Consulte Acompanhar encomendas.