Desde temas sem código no backend até à integração livre através da API — escolha o nível de profundidade.

Personalização básica

A sua bilheteira personalizada com a identidade da sua marca — online em apenas 10 minutos

A configuração é feita através do nosso backend: selecione um tema, carregue facilmente os elementos gráficos, escolha o esquema de cores e, se necessário, um tipo de letra próprio. Assim, pode personalizar os vários portais em poucos segundos, sem conhecimentos prévios de informática — é este o primeiro nível, e o mais básico, de personalização. Aplicar a identidade da marca em poucos cliques é particularmente útil para empresas mais pequenas, graças à solidez do design predefinido da nossa framework.

No-CodeBackend-ThemingCorporate DesignWhite-Label

Sem conhecimentos de informática · em 10 minutos

Página inicial com o seu próprio aspeto

Esforço de desenvolvimento

nenhum

CSS e scripts personalizados

Mais individualidade através de CSS ou scripts personalizados

Pretende ir um pouco mais longe? Falta-lhe o toque pessoal que distingue o seu evento ou quer destacar determinadas informações? Temos a solução certa: pode implementar essas alterações com instruções simples de HTML e CSS. Adicione CSS, HTML ou JavaScript diretamente através do backend. Os nossos portais foram concebidos para este tipo de extensão e oferecem pontos de integração específicos, como as CSS custom properties, também conhecidas como variáveis CSS.

Custom CSSCSS Custom PropertiesCustom ScriptsTheming-Hooks

CSS/JS personalizado · hooks específicos

A mesma etapa do processo, primeiro com o design predefinido e depois com uma personalização deliberadamente extrema em CSS:

Página inicial

Cabeçalho: fundo cor-de-rosa e sombra escura
Rodapé: fundo amarelo
Cartões de artigos: contorno cor-de-rosa e sombra escura

Seleção de bilhetes

Cabeçalho: fundo cor-de-rosa e sombra escura
Painel de seleção de bilhetes: contorno cor-de-rosa e sombra escura
Cabeçalho das colunas: fundo cor-de-rosa e texto branco
Preço do bilhete: tipo de letra mais fino
Caixa de preços de bilhetes com desconto: fundo amarelo
Painéis laterais: sombra escura
Botão de checkout: contorno cor-de-rosa, texto branco e sombra escura
Texto «Ou pagar com»: em itálico
Mensagem de aviso: fundo amarelo

Registo

Cabeçalho: fundo cor-de-rosa e sombra escura
Painel de informações dos participantes: contorno cor-de-rosa e sombra escura
Pré-visualização do crachá: contorno cor-de-rosa e sombra escura

Resumo

Cabeçalho: fundo cor-de-rosa e sombra escura
Painel de resumo: contorno cor-de-rosa e sombra escura
Nomes dos bilhetes: texto cor-de-rosa
Preço: texto a negrito
Painel lateral: sombra escura
Botão «Comprar bilhetes»: contorno cor-de-rosa e sombra escura

Esforço de desenvolvimento

baixoalto

Contentor incorporado

Integrar a bilheteira completa como um bloco autónomo

Quer integrar a bilheteira na página do seu evento? Com apenas algumas linhas, integra diretamente no seu sítio o núcleo da compra e do registo de bilhetes. Obtém um bloco completo e autónomo que é executado na sua página — todo o HTML fica acessível e pode aplicar-lhe estilos com o seu próprio CSS. O nosso portal de visitantes foi concebido precisamente para este tipo de integração profunda e oferece opções de configuração adicionais:

Drop-in WidgetiFrame-EmbedSelf-ContainedAuto-Resize

Restrição opcional para um evento específico
Restrição facultativa a determinadas funções (compra, registo, imprensa)
Restrição facultativa a determinados artigos ou grupos
Mostrar ou ocultar o cabeçalho e o rodapé
Configurar o idioma: automaticamente ou através do sítio envolvente
Escolher um estilo próprio ou CSS personalizado para a integração
Ocultar conteúdo supérfluo
Configurar o ajuste de tamanho

Desta forma, os visitantes permanecem na página do evento sem serem redirecionados. Os programadores dispõem de uma demonstração de integração específica e de um portal onde podem testar a integração e gerar scripts prontos a utilizar. Basta selecionar a variante pretendida, copiar o código de integração e colá-lo no seu sítio Web. Não precisa de se preocupar com barras de deslocamento: o nosso contentor adapta dinamicamente a altura ao conteúdo, evitando áreas de deslocamento dentro da página.

Tecnicamente, esta integração baseia-se num iframe — a loja é executada num contexto isolado dentro da sua página. É uma solução fiável, mas revela limitações quando se pretende uma integração perfeita com a interface. Por isso, recomendamos esta abordagem apenas quando a rapidez é essencial. Para uma integração verdadeiramente nativa, o nível seguinte é a melhor opção: o Shop Micro Frontend, apresentado diretamente no seu próprio markup.

Esforço de desenvolvimento

baixoalto

Shop Micro Frontend no código

Integrar a bilheteira de forma nativa como micro-frontend

Neste nível, deixa para trás os temas aplicados através do backend e integra a loja diretamente no código — como um Shop Micro Frontend apresentado de forma nativa no seu próprio markup, em vez de num widget externo. Todo o percurso, desde a pesquisa até ao bilhete, está pronto. Tem duas opções:

Micro FrontendHeadlessComposableLight-DOM EmbedDesign-Tokens

Início mais rápido

Uma chamada mount(), e está pronto

O caminho mais direto: uma única chamada mount() coloca a bilheteira, já com todos os estilos, na sua página — com o nosso design predefinido cuidado, responsivo e localizado. Para os métodos de pagamento com redirecionamento, basta indicar também os URL de retorno; a loja retoma depois o percurso automaticamente. Assim, fica pronto a vender em poucos minutos — com um design profissional desde a primeira linha.

Uma chamada · URL de retorno apenas para pagamentos com redirecionamento

100% o seu próprio design

Shop Micro Frontend, com o seu visual

O Shop Micro Frontend é um módulo frontend distribuído de forma independente — um micro-frontend que integra na sua página, em tempo de execução, através de uma chamada mount(). Todo o percurso, desde a pesquisa até ao bilhete, está pronto e inclui um design predefinido cuidado. O mais importante: é apresentado no seu próprio light DOM, e não num iframe — a loja torna-se parte integrante do seu markup e herda os tipos de letra e o contexto de esquema da página. Para aplicar a sua identidade visual, bastam alguns design tokens: passe as cores, o tipo de letra e os raios diretamente num objeto theme para mount(), ou defina-os como variáveis CSS (--aditus-*) — sem precisar de uma folha de estilos própria. O nosso Styling Studio trata até disso: sugere automaticamente cores, tipos de letra e raios a partir do URL do seu sítio e gera uma configuração pronta a copiar. Como os estilos base se encontram na sua própria camada CSS, o CSS normal, sem camada, da página sobrepõe-se sem conflitos de especificidade — não é necessário usar !important. Para os últimos retoques, pode ainda selecionar componentes individuais através de hooks BEM estáveis (aditus-shop__*). Sem transferir os utilizadores para um widget externo, redimensionar iframes, gerir postMessage ou provocar saltos no deslocamento — total liberdade de design sem ter de criar a lógica do percurso.

Integrado, não transferido · identidade visual através de design tokens

Ambas as variantes de micro-frontend podem ainda ser combinadas com os ADITUS Webhooks: eventos como encomendas ou registos concluídos são comunicados em tempo real e podem ser processados posteriormente noutros backends — por exemplo, para CRM, lógica de membros ou processos próprios posteriores.

Ver documentação do micro-frontend Abrir o Styling Studio

Esforço de desenvolvimento

Uma chamada mount(), e está pronto

Shop Micro Frontend, com o seu visual

baixoalto

Controlo total da API

Integrar livremente sobre a Shop API

O nível mais avançado para obter a máxima liberdade: integre toda a funcionalidade da loja na sua aplicação Web, aplicação móvel ou ecossistema de sistemas — como uma interface totalmente personalizada para compra e registo, ou como mais um componente funcional da plataforma existente. Tudo o que o nosso portal de visitantes faz também pode ser feito pela API: os nossos próprios portais utilizam como base a mesma API REST completa, de leitura e escrita. Tem ao seu dispor API REST, Webhooks e SDKs para criar soluções à medida.

API-FirstHeadlessREST APIWebhooksSDKs

Controlo máximo

Diretamente na API da loja

Cria toda a sua interface sobre os endpoints REST — o carrinho, o registo e o checkout ficam inteiramente nas suas mãos. Não precisa de tratar da localização: a API fornece todo o conteúdo — nomes e descrições dos artigos, bem como perguntas e respostas dos questionários — já no idioma do visitante; basta apresentar o texto. Tem controlo total: pode conceber de raiz todo o percurso do utilizador e integrá-lo perfeitamente nos seus próprios processos — fluxos de reserva ou início de sessão personalizados, CRM e lógica de membros, pacotes de hotel ou viagem, preços específicos ou aprovações em várias etapas. Cada interação e cada píxel são seus, em troca de um maior esforço de implementação.

Flexibilidade total · maior esforço inicial

A referência completa da API: cada endpoint com exemplos em direto em curl, Node, Python e Go.

Esta opção também pode ser combinada com os ADITUS Webhooks: os eventos relevantes são comunicados em tempo real e podem ser processados noutros backends — por exemplo, para CRM, lógica de membros ou processos próprios posteriores.

Esforço de desenvolvimento

baixoalto