Guia de integração de widgets

Rápido e fácil

Como instalar o
Widget de acesso

O widget Accessibi ajuda a melhorar a acessibilidade do seu sítio Web. Este guia fornece instruções detalhadas para integrar o widget em diferentes plataformas: HTML, WordPress, Shopify, Wix, Weebly, Joomla, Drupal, Magento, Angular, React e Laravel.

Opção 1: Inserção manual no tema

  1. Abra o ficheiro HTML do seu site

    • Utilize um editor de texto ou IDE para editar o ficheiro HTML.

  2. Adicionar código de widget

    • Cole o seguinte script antes da etiqueta </body> :

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Guardar e verificar
    • Guarde o ficheiro e volte a carregar a página para verificar se o widget funciona

Opção 2: Utilizar o Elementor

    1. Aceda a Elementor > Código personalizado

      • Clique em Adicionar código personalizado.

    2. Introduzir o código

      • Colar o seguinte guião:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Guardar e publicar
    • Publique o código e verifique se o widget está visível.

  1. Aceder ao painel de administração

    • Ir para Loja online > Temas > Acções > Editar código.

  2. Editar o ficheiro do tema

    • Abrir o ficheiro theme.liquid.

    • Cole o código antes do </body>:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Guardar e verificar
    • Verifique se o widget funciona corretamente.

  1. Iniciar sessão na sua conta Wix

    • Aceda ao editor do seu sítio.

  2. Adicionar código de widget

    • Ir para Definições > Avançadas > Código personalizado.

    • Colar o código no ficheiro Corpo:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Guardar e publicar
    • Verificar se o widget está ativo.

  1. Aceder ao painel de administração

    • Ir para Definições > SEO.

  2. Introduzir o código do widget

    • Na secção Código de rodapépasta:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Guardar e verificar
    • Verifica se o widget está visível.

  1. Aceder ao painel de controlo

    • Ir para Extensões > Modelos > Modelos.

  2. Editar o ficheiro de modelo

    • Selecione o modelo em utilização e edite o ficheiro index.php.

    • Colar o código do widget antes da etiqueta </body>:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Guardar e verificar
    • Guarde as alterações e verifique se o widget está visível.

  1. Aceder ao painel de administração

    • Ir para Estrutura > Blocos.

  2. Criar um novo bloco personalizado

    • Cole o código do widget no campo HTML:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Atribuir bloco

    • Colocar o bloco no rodapé.

  2. Guardar e verificar

    • Verificar o funcionamento do widget.

  1. Aceder ao painel de administração

    • Ir para Conteúdo > Conceção > Configuração.

  2. Alterar o esquema

    • Selecione o tema em utilização e clique em Editar.

  3. Introduzir o código do widget

    • Cole o seguinte código no ficheiro Rodapé HTML:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Guardar e verificar
    • Guarde as alterações e verifique o funcionamento do widget.

  1. Abra o ficheiro HTML do seu site

    • Utilize um editor de texto ou IDE para editar o ficheiro HTML.

  2. Adicionar código de widget

    • Cole o seguinte script antes da etiqueta </body>:

				
					<script src="https://app.accessibi.com/dist/accessibi.min.js" defer></script>
				
			
  1. Guardar e verificar
    • Guarde o ficheiro e volte a carregar a página para verificar se o widget funciona.

Solicite a sua consulta gratuita

Preencha o formulário para receber uma consulta personalizada e descobrir como podemos ajudá-lo a tornar o seu sítio Web acessível e em conformidade com a regulamentação. A nossa equipa de especialistas está pronta para o orientar passo a passo, oferecendo soluções adaptadas às suas necessidades