Como Adicionar o Player de Música ao Shopify: Guia Rápido
- Selecione um design pronto de reprodutor de música que combine com o estilo e o objetivo da sua loja.
- Personalize as faixas, o layout e o comportamento para combinar com a sua marca.
- Copie o código do plugin gerado e incorpore-o ao seu site Shopify.
Experimente criar seu Reprodutor de Música do Shopify usando o editor abaixo!
Como adicionar música à loja Shopify: Guia detalhado
Vamos percorrer o processo de criar um player de música no Shopify usando o app Elfsight Audio Player. Você vai aprender a personalizar o player e incorporá-lo à sua loja.
- Ajuste o player. Configure opções de reprodução, como reprodução automática, aleatório ou loop. Defina a visibilidade da lista de faixas para alternar entre exibir ou ocultar a lista de faixas. Personalize os controles, efeitos de animação e botões para combinar com a identidade da sua marca no site.
- Copiar e incorporar o código. Salve e publique seu player de áudio. Clique no botão “Obter o Código” para gerar o snippet HTML. Copie para a área de transferência.
Como adicionar o código do Player no Shopify? Aqui vão algumas formas:
Adicionar o Player de Áudio do Shopify a uma página específica
Tudo o que você precisa fazer é enviar o seu código HTML personalizado para o painel. É assim que você faz isso:
- Abrir o editor visual do seu site. Faça login no painel de administração do Shopify e vá para Canais de Venda → Loja Online.
- Clique no botão Personalizar. Adicione a Seção de Liquid Personalizado à página alvo. Ao abrir o editor visual, a página inicial é exibida por padrão. Para selecionar outra página, encontre-a na lista suspensa no topo da página.
- Para instalar o widget, clique em Adicionar Seção. Em seguida, escolha Custom Liquid na lista.
- Cole o código de instalação do widget no campo Custom Liquid. Você também pode alterar o esquema de cores e definir o preenchimento superior/inferior, se necessário. Em seguida, salve as alterações.
Adicionar o Player de Música do Shopify às páginas de produto
Para adicionar seu player personalizado às páginas de produto da loja Shopify, basta inserir o código do seu widget na área correspondente da sua plataforma de e-commerce.
- <strong>>Abrir a página da Loja Online.</strong> Vá para Canais de Vendas → Loja Online.
- Clique no botão … e escolha Editar Código. Abra o template do tema.
- Em seguida, vá para as Seções → main-product.liquid.
- Cole o código de instalação. Encontre o local onde deseja exibir o app, cole o código de instalação nele e salve as alterações.
Adicionar o app de Música do Shopify a todas as páginas da loja
Se você quiser ter o aplicativo Shopify Music Player em todas as páginas da loja, siga algumas etapas simples no guia abaixo:
- Abrir a página da sua Loja Online. Vá para Canais de Vendas → Loja Online.
- Clique no botão … e escolha Editar Código. Abra o template do tema.
- Selecione o arquivo theme.liquid na seção Layout.
- Cole o código de instalação. Cole o código de incorporação do widget antes da tag de fechamento </ body> e salve as alterações.
Além disso, assista ao nosso breve guia em vídeo para ajudar você a adicionar música ao Shopify mais rápido:
Alternativa: App de Música de Fundo
Se você procura uma solução de áudio diferente para a sua loja Shopify, considere o app de Música de Fundo da Elfsight. Este app de Música de Fundo permite criar uma playlist que complemente perfeitamente o conteúdo da sua loja, proporcionando uma experiência envolvente e memorável para seus visitantes.
- Um player amigável para o seu site. Com nossa ferramenta de música de fundo fácil de usar, você pode criar uma playlist com um número ilimitado de faixas. Reproduza em loop ou em modo aleatório para manter a experiência dinâmica, e use a opção de autoplay para cativar seu público desde o momento em que ele chega ao seu site. As opções de layout flexível do player permitem posicioná-lo onde quiser, enquanto as configurações de personalização ajudam a exibir ou ocultar os elementos do player conforme necessário.
- Diversifique o conteúdo do seu site. Melhore a interação do usuário adicionando sons de fundo que combinem com o estilo da sua marca. Seja música festiva para promover um evento especial ou melodias sutis para incentivar compras, a música de fundo pode criar uma atmosfera que mantém os visitantes engajados e impulsiona a ação. Adicione faixas de várias plataformas como SoundCloud, YouTube, Vimeo, Vista, Amazon S3 ou Google Drive por URL ou upload direto do seu dispositivo.
Conheça o app Música de Fundo da Elfsight para enriquecer sua loja Shopify com sons cativantes que complementam perfeitamente seu conteúdo.
Principais Recursos do Player de Áudio do Shopify
Nº 1: Transforme seu site com áudio envolvente
Adicione faixas de áudio de múltiplas fontes, incluindo SoundCloud, YouTube, Vimeo, Google Drive e muito mais. Crie listas de reprodução com quantas faixas quiser e use opções como reprodução automática, embaralhar ou loop para definir o tom perfeito para sua loja. Quer sejam jingles promocionais ou músicas tranquilas, você pode envolver seu público com áudio imersivo.
#2 Reprodutor totalmente personalizável para uma experiência única
Personalize o visual do reprodutor com imagens de capa, cores de fundo ou gradientes. Escolha exibir detalhes da faixa como artista, título e duração — ou mantenha o visual minimal exibindo apenas os ícones de controle. Com a possibilidade de criar um player flutuante ou incorporado, o reprodutor de música do Shopify terá aparência única para a sua loja.
#3 Garanta que sua música esteja sempre acessível
Adicione uma playlist comutável para permitir que os usuários vejam o que está tocando a seguir — ou mantenha-a oculta para um visual elegante e sem bagunça. Dê aos visitantes controle com opções de personalização de reprodução e permita que eles aproveitem suas faixas selecionadas do jeito deles.
#4 Mantenha seus visitantes engajados e voltando
Defina o ambiente com autoplay para cumprimentar os visitantes com sons envolventes assim que chegarem ao seu site. Use looping e embaralhamento para manter a experiência fresca e dinâmica, garantindo que os usuários permaneçam mais tempo e aproveitem a atmosfera da sua loja.
Incorporar o Player de Áudio com Qualquer Modelo
E agora vamos explorar alguns exemplos criativos de modelos do app Elfsight Audio Player para Shopify. Esses exemplos são ideais para usuários que não sabem por onde começar e precisam de inspiração para criar seu próprio player de áudio único.
Exemplo 1. Lista de Reprodução
Este player combina um tema escuro elegante com o layout flutuante para criar um design minimalista. Posicionado na parte inferior da página, ocupa pouco espaço e oferece total funcionalidade com uma playlist intercambiável.
Exemplo 2. Meditação e Ambiência
A paleta de cores personalizada e a imagem de fundo carregada pelo usuário harmonizam com o design do site. A playlist oculta mantém a página livre de desordem, elevando a atmosfera tranquila.
Exemplo 3. Audiolivro
Apresentando a capa do livro e uma playlist organizada em capítulos, este player usa o layout de Incorporar para se integrar perfeitamente à área de conteúdo, oferecendo uma experiência de audição intuitiva.
Exemplo 4. Sons da Natureza
Focado na simplicidade, este player exibe apenas uma playlist, barra de progresso e ícones de controle. Títulos das faixas, imagens e informações do artista ficam ocultos para manter o foco do usuário na experiência de áudio.
Exemplo 5. Faixa Única
O Player de Áudio da Elfsight é ideal para exibir uma única faixa. Com o layout de Incorporar e uma imagem de fundo marcante, você atrai facilmente a atenção para o áudio em destaque.
Exemplo 6. Novo Álbum
Destaque o seu último álbum com uma apresentação marcante. Personalize o Player de Áudio com uma paleta de cores sob medida e uma imagem de fundo envolvente para garantir que ele se destaque e cative seu público.
Temos muitos modelos adicionais com os quais você pode começar para criar seu próprio Player de Música do Shopify!
Explore mais de 30 modelos de Player de Áudio
Conclusão
Agora você sabe como adicionar um player de música à sua loja Shopify, abrindo um caminho poderoso para melhorar a experiência de compra, envolver os visitantes e promover seu conteúdo de áudio. Este artigo abordou recursos essenciais, como várias fontes de áudio, layouts personalizáveis e opções de reprodução, como reprodução automática, modo aleatório e repetição.
Também exploramos exemplos criativos, incluindo playlists, sons de meditação, audiobooks e players de faixa única, mostrando o quão versátil o Elfsight Audio Player pode ser. Se você escolher o Elfsight Audio Player ou o aplicativo Background Music, você pode criar um player personalizado e visualmente atraente que se alinha perfeitamente com a sua marca e mantém seu público entretido. Comece hoje a elevar a atmosfera da sua loja com uma solução de áudio personalizada que cativa e inspira seus visitantes.
Precisa de mais informações?
Esperamos que este guia tenha sido útil para mostrar como adicionar um player de música à sua loja Shopify. Se quiser saber mais sobre como criar uma experiência de áudio personalizada para o seu site, não hesite em entrar em contato entrar em contato. Na Elfsight, nosso objetivo é fornecer soluções simples e fáceis de usar para o seu negócio por meio de nossos widgets sem código.
