Passar para o conteúdo principal
Todas as coleçõesConstrutor de Sites/BuilderElementos
Como funciona o elemento de Áudio na Rockty
Como funciona o elemento de Áudio na Rockty

Aprenda como configurar um elemento de Áudio em suas páginas.

Sylas avatar
Escrito por Sylas
Atualizado há mais de uma semana

Introdução

O elemento de áudio da Rockty permite que, de forma simples, sejam inseridos arquivos de áudio em suas páginas. Você pode usá-lo para depoimentos, mensagens personalizadas, instruções faladas em cada etapa do seu funil... enfim, a criatividade é o limite! Use e abuse desse elemento para aumentar ainda mais suas conversões!

O elemento de áudio é disponibilizado nas páginas com as características de um player padrão, que inclui um botão para reproduzir o áudio, uma barra de progressão, controle de volume, opções de velocidade de reprodução e a possibilidade de download do arquivo de áudio ao clicar no ícone com três pontos.


1. Como adicionar Áudios

Para adicionar áudios à sua página na Rockty, siga estes passos:

  1. Adicione um novo elemento em sua página.

  2. Selecione o elemento 'Áudio' na lista de opções disponíveis no menu lateral esquerdo.

  3. Caso precise de mais detalhes sobre como adicionar elementos, confira nosso tutorial Gerenciando Elementos na Rockty: Adicionar, Excluir e Personalizar para orientações iniciais.


2. Como acessar as configurações do elemento

Para acessar as configurações de um elemento, clique no ícone de engrenagem do elemento ou clique com o botão direito do mouse sobre o elemento para abrir o menu de opções. Isso disponibilizará todas as possibilidades de configuração que veremos neste tutorial.


3. Configurações do Elemento de Áudio

Ajustes

Visibilidade
Nas configurações de ajustes, é possível configurar a visibilidade do elemento. Clicando no ícone que representa cada versão (Desktop, Tablet, Mobile), você pode ocultar ou mostrar o elemento em cada um desses dispositivos. Para voltar a mostrar o elemento que foi ocultado, basta clicar novamente no ícone do dispositivo desejado.

Escolher Arquivo de Áudio
Para adicionar um arquivo de áudio, clique no botão "Escolher Arquivo de Áudio" e selecione o arquivo desejado na área de trabalho do seu dispositivo. Os formatos compatíveis são MP3, OGG, AAC e WMA. Após a seleção, você poderá reproduzir o áudio, trocar ou excluir o arquivo usando os ícones correspondentes.


Posição

Posição, Tamanho e Margem
Nas configurações de posição, você pode ajustar a posição (esquerda, centro, direita), o tamanho e a margem (topo) do elemento, inserindo um valor manualmente na caixa representada pelo número ou ajustando a barra conforme desejado.

💡 Dica: Evite margens negativas para prevenir conflitos com outros elementos da página


Estilo

Cor de Fundo
Para inserir uma cor de fundo no elemento, clique no seletor de cor para escolher a cor desejada na paleta de cores ou insira o código HEX. Você também pode configurar um gradiente ativando a chave correspondente e definindo a orientação para a cor de fundo. Para excluir uma cor, clique no ícone de lixeira.

🚨 Atenção: A cor configurada para o elemento de áudio será a mesma em todas as versões da página, não sendo possível alterar de forma individual em cada versão.

Borda, Radial e Sombra
Nas configurações de estilo, é possível adicionar borda, radial e sombra ao elemento. Para isso, ative a chave correspondente e defina a cor da borda ou sombra na paleta de cores ou pelo código HEX. Ajuste o tamanho da borda, a posição e o esfumaçamento da sombra conforme necessário.


Configurações Avançadas

Efeitos de movimento – Animação

Adicione efeitos de animação ao carrossel selecionando um dos efeitos disponíveis. Ajuste o comportamento (uma vez ou infinito), a ativação (na entrada da página ou ao passar o mouse), duração (normal, devagar, rápido) e o atraso de exibição.

CSS Classes

Adicione CSS ao carrossel para personalizações avançadas através do elemento Script. Insira o nome da classe e aplique os códigos CSS desejados.

Para mais detalhes, consulte o tutorial sobre Configuração de CSS Classes na Rockty.


Dicas Adicionais

  • Escolha o Formato Adequado: Utilize formatos compatíveis como MP3, OGG, AAC e WMA. O MP3 é amplamente suportado e geralmente uma boa escolha para a maioria dos navegadores e dispositivos.

  • Teste a Reprodução: Verifique a funcionalidade do áudio em diferentes navegadores e dispositivos para garantir que ele seja reproduzido corretamente.

  • Verifique a Qualidade: Certifique-se de que a qualidade do áudio seja adequada e clara. Arquivos de áudio de baixa qualidade podem afetar negativamente a experiência do usuário.

  • Considere a Experiência do Usuário: Evite adicionar áudio em excesso ou de maneira que possa distrair ou incomodar os usuários.


Precisa de Ajuda?

Se tiver dúvidas ou precisar de suporte adicional, entre em contato com nossa equipe de Suporte!

Respondeu à sua pergunta?