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:
Adicione um novo elemento em sua página.
Selecione o elemento 'Áudio' na lista de opções disponíveis no menu lateral esquerdo.
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!