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!