Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como adicionar vídeos de produtos às suas galerias do WooCommerce

Nota editorial: Ganhamos uma comissão de links de parceiros no WPBeginner. As comissões não afetam as opiniões ou avaliações de nossos editores. Saiba mais sobre Processo editorial.

Deseja adicionar vídeos de produtos às suas galerias do WooCommerce?

Os vídeos podem fornecer demonstrações mais detalhadas e envolventes de seus produtos. Além disso, eles podem ajudar a tornar sua loja WooCommerce mais atraente e envolvente visualmente.

Neste artigo, mostraremos como adicionar facilmente vídeos de produtos às suas galerias do WooCommerce, passo a passo.

Adding product videos to your WooCommerce gallery

Por que adicionar vídeos de produtos do WooCommerce à sua loja?

Ao adicionar vídeos de produtos à sua loja WooCommerce, você pode mostrar seus produtos de forma mais detalhada e informativa. Isso pode proporcionar aos seus clientes uma melhor compreensão dos recursos e benefícios do seu produto.

Isso pode levar ao aumento das taxas de conversão, pois os visitantes que assistem a vídeos de produtos têm 73% mais chances de fazer uma compra.

Além disso, mostrar seus produtos em ação por meio de vídeo pode ajudar a criar confiança e credibilidade com os clientes em potencial, fazendo com que eles se sintam mais confiantes em relação às compras.

Por exemplo, se você tem uma loja on-line que vende fones de ouvido, adicionar um vídeo que demonstre a qualidade do som e os recursos do fone de ouvido pode ajudá-lo a obter mais conversões.

Headphone WooCommerce product video preview

Além disso, adicionar vídeos de produtos às suas galerias do WooCommerce também pode aumentar as classificações de SEO do seu site, pois os mecanismos de pesquisa priorizam sites com conteúdo multimídia, incluindo vídeos.

Uma maior visibilidade nos resultados de pesquisa pode fazer com que mais pessoas visitem sua loja e comprem produtos.

Dito isso, vamos ver como você pode adicionar facilmente vídeos de produtos às suas galerias do WooCommerce. Você pode usar os links abaixo para ir para o método que deseja usar:

Método 1: adicionar vídeo de produto do WooCommerce usando o conteúdo de áudio e vídeo em destaque do YITH WooCommerce (gratuito e premium)

Para esse método, mostraremos como adicionar vídeos de produtos às galerias do WooCommerce usando um plugin premium. Recomendamos esse método se você quiser ter mais controle sobre as configurações de exibição e reprodução de vídeo.

Primeiro, você precisa instalar e ativar o plug-in YITH WooCommerce Featured Audio & Video Content. Para obter instruções mais detalhadas, consulte nosso guia para iniciantes sobre como instalar um plug-in do WordPress.

Com esse plug-in, você pode adicionar um vídeo do YouTube e do Vimeo ou seu próprio vídeo da biblioteca de mídia à galeria do WooCommerce.

Observação: há também um plug-in gratuito YITH WooCommerce Featured Video. No entanto, ele não permite que você defina a maioria das configurações de vídeo, modal e galeria.

Configurar as definições gerais do plug-in

Após a ativação, vá até a página YITH ” Featured Audio & Video Content na barra lateral do administrador do WordPress.

Isso abrirá as configurações de vídeo. A partir daqui, você pode começar selecionando uma proporção para o vídeo do produto no menu suspenso.

Se estiver usando a versão gratuita, essa será a única configuração disponível para você.

Choose the aspect ratio for the product video

Em seguida, alterne o botão “AutoPlay” para ativo se quiser que o vídeo comece a ser reproduzido assim que a página for carregada.

Você também pode alternar o botão “Loop” para que o vídeo comece novamente assim que terminar.

Depois de fazer isso, você precisa mover o controle deslizante ao lado da opção “Volume” para ajustar o volume do vídeo. Em seguida, basta ativar o botão “Stoppable videos” para permitir que os usuários pausem um vídeo.

Configure the General settings for the video

Em seguida, role para baixo até a seção “Configurações do YouTube” e ative a opção “Mostrar relacionados” se quiser recomendar outros vídeos do YouTube do mesmo canal que o seu vídeo. Essa configuração só é necessária se você estiver incorporando um vídeo de produto do YouTube.

Depois disso, você pode escolher um tema e um estilo para o player de vídeo do YouTube.

Configure YouTube video settings

Depois de fazer isso, você precisa rolar para baixo até a seção “Vimeo Settings” (Configurações do Vimeo) e ativar a opção “Show Video Title” (Mostrar título do vídeo) para exibir o título do vídeo no player do Vimeo. Você só precisará alterar essa configuração se os vídeos de seus produtos estiverem hospedados no Vimeo.

Além disso, você pode selecionar uma cor de controle de reprodução para o player do Vimeo.

Configure Vimeo Settings

Depois disso, vá para a seção “VideoJS Player Style” e escolha “Custom” como a opção “Style”.

Isso abrirá as configurações de personalização, onde você poderá configurar a cor do plano de fundo, a cor do controle deslizante, a cor do botão e muito mais do player de vídeo.

Quando terminar, clique no botão “Save Options” (Salvar opções) para armazenar suas configurações.

Configure color settings for the video

Configurar definições modais (somente plug-in premium)

Agora, você precisa mudar para a guia “Modal Settings” (Configurações modais) na parte superior da página. Lembre-se de que essa guia não estará disponível se você estiver usando o plug-in gratuito.

Quando estiver lá, basta alternar o botão “Video in modal” se quiser exibir o vídeo em destaque em uma janela modal. Isso mostrará o vídeo em uma lightbox na frente do outro conteúdo da página.

Depois de fazer isso, você também pode escolher um “Efeito de exibição modal” no menu suspenso.

Configure Modal Settings

Em seguida, clique no botão “Save Options” (Salvar opções) para armazenar suas configurações.

Configurar as definições da galeria (somente plug-in premium)

Agora, você precisa mudar para a guia “Gallery Settings” (Configurações da galeria) na parte superior. Essa guia só está disponível na versão premium.

Aqui, você deve selecionar a opção “WooCommerce Gallery” como o “Modo de galeria de vídeo e áudio” para exibir os vídeos do produto na galeria do WooCommerce.

Choose the WooCommerce Gallery option

Como alternativa, ao selecionar a opção “Plugin Gallery”, o vídeo em destaque será exibido em uma galeria relacionada.

Por outro lado, você também pode alternar a opção “Vídeo e áudio na barra lateral” se quiser exibir o vídeo do produto na barra lateral em vez do WooCommerce ou da galeria relacionada.

Quando terminar, não se esqueça de clicar no botão “Save Options” (Salvar opções) para armazenar suas configurações.

Show the video in the sidebar

Adicionar o vídeo do produto à galeria do WooCommerce

Chegou a hora de adicionar o vídeo do produto do WooCommerce à galeria do WooCommerce.

Primeiro, acesse a página Produtos ” Todos os produtos na barra lateral de administração do WordPress. Quando estiver lá, basta clicar no link “Edit” (Editar) sob o nome de um produto para abrir a página “Edit Product” (Editar produto).

Click the Edit link under the products page

Em seguida, role para baixo até a seção “Product Data” (Dados do produto) e clique na guia “Video” (Vídeo) na coluna da esquerda.

Agora, você precisa selecionar como deseja adicionar o vídeo no menu suspenso “Add Video”. Para este tutorial, escolheremos a opção “By URL” porque adicionaremos um URL de vídeo do YouTube.

Switch to the Video tab and choose By URL option from the dropdown menu

Como alternativa, você pode carregar um vídeo usando a biblioteca de mídia do WordPress. No entanto, não recomendamos esse método porque o upload de vídeos utiliza muita largura de banda.

Para obter mais detalhes, consulte nosso guia para iniciantes sobre por que você nunca deve carregar um vídeo no WordPress.

Em seguida, você será solicitado a digitar um nome para o vídeo do produto na caixa “Video Name” (Nome do vídeo).

Depois de fazer isso, basta colar o URL do vídeo do YouTube na caixa “URL do vídeo” e clicar no botão “Adicionar vídeo”.

Paste YouTube video URL

Por fim, clique no botão “Update” (Atualizar) ou “Publish” (Publicar) na parte superior para salvar suas alterações.

Agora você pode visitar sua loja on-line para verificar se o vídeo foi adicionado à galeria do WooCommerce do seu produto.

Esta é a aparência do vídeo do produto em nosso site de demonstração.

Preview for WooCommerce product video

Método 2: adicionar vídeos de produtos do WooCommerce usando o Really Simple Featured Video (gratuito)

Se estiver procurando uma maneira simples e gratuita de adicionar vídeos de produtos do WooCommerce, este método é para você.

Primeiro, você precisa instalar e ativar o plug-in Really Simple Featured Video. Para obter mais detalhes, consulte nosso tutorial sobre como instalar um plug-in do WordPress.

Configurar as definições do plug-in

Após a ativação, vá para a página Settings ” Really Simple Featured Video (Configurações ” Vídeo em destaque realmente simples ) no painel do WordPress.

A partir daqui, alterne o botão “Products” para ativar o suporte a vídeo para o WooCommerce. Depois disso, basta clicar no botão “Save Changes” (Salvar alterações) para armazenar suas configurações.

Toggle the Products switch

Em seguida, você precisa mudar para a guia “Controls” (Controles) na parte superior. Aqui, você pode definir as configurações para vídeos auto-hospedados e incorporados.

Agora, basta ir para a seção “Self-hosted videos” (Vídeos auto-hospedados) e começar alternando o botão “Controls” (Controles) para adicionar controles ao player de vídeo.

Depois disso, você também pode alternar o botão “Loop” para continuar reproduzindo o vídeo em um loop. Além disso, você também pode silenciar o vídeo por padrão, alternando o botão ao lado de “Mute sound” (Silenciar som).

Depois de fazer isso, basta ativar o botão “Autoplay” se quiser que o vídeo comece a ser reproduzido automaticamente.

Toggle the controls switch

Em seguida, role para baixo até a seção “Embed videos” (Incorporar vídeos), onde você encontrará todas essas opções repetidas para o vídeo incorporado.

Basta definir essas configurações de acordo com suas preferências e clicar no botão “Save Changes” (Salvar alterações) para armazená-las.

Adicionar o vídeo do produto à galeria do WooCommerce

Para adicionar um vídeo de produto à galeria do WooCommerce, vá até a página Products ” All Products (Produtos ” Todos os produtos ) na barra lateral do administrador.

A partir daí, clique no link “Edit” (Editar) sob o nome de um produto para abri-lo.

Edit the products page

Quando estiver lá, role para baixo até a seção “Featured Video” (Vídeo em destaque) na coluna da direita e selecione uma fonte de vídeo.

Se quiser carregar um vídeo do seu computador ou da biblioteca de mídia, será necessário selecionar a opção “Self” (próprio). No entanto, para incorporar um vídeo do YouTube ou de outra plataforma, você terá de escolher a opção “Embed”.

Observação: Não recomendamos o upload de vídeos em seu site porque eles usam muita largura de banda. Para obter mais detalhes, leia nosso guia sobre por que você nunca deve carregar um vídeo no WordPress.

Para este tutorial, escolheremos a opção “Embed” porque queremos adicionar um vídeo do YouTube.

Choose the Embed option and paste the video URL

Ao selecionar essa opção, um campo “URL do vídeo vai aqui” será exibido. Basta adicionar o link do vídeo do YouTube, Vimeo ou Dailymotion ao campo.

Por fim, clique no botão “Update” (Atualizar) ou “Publish” (Publicar) na parte superior para salvar suas alterações.

Agora, você pode acessar seu site para ver o vídeo do produto do WooCommerce.

headphones preview

Bônus: Adicione galerias de imagens para produtos na sua loja WooCommerce

Além dos vídeos, também é uma boa ideia adicionar galerias de imagens para os produtos em seu site.

Várias imagens podem ajudar a mostrar diferentes recursos de seus produtos e aumentar o envolvimento do cliente em sua loja WooCommerce.

Além disso, essas galerias também são uma excelente maneira de mostrar diferentes variantes de produtos, como cores, tamanhos ou estilos, ajudando os possíveis compradores a tomar uma decisão informada.

Além disso, as galerias de imagens também podem ser otimizadas para os mecanismos de pesquisa para ajudar seu site a ter uma classificação mais elevada.

Você pode adicionar facilmente uma galeria de imagens para os produtos em sua loja WooCommerce usando o Envira Gallery. É o melhor plugin de galeria do WordPress no mercado que permite criar galerias totalmente responsivas e bonitas no WordPress.

Envira Gallery website

Ele é super rápido e vem com muitos recursos, como pop-up de lightbox, navegação fácil de imagens, construtor de arrastar e soltar, marcas d’água e modelos de galerias profissionais. Para obter detalhes, consulte nossa análise completa do Envira Gallery.

O plug-in facilita muito a criação de galerias de produtos e permite até mesmo adicionar tags e termos de taxonomia para ajudar a aumentar a classificação da página do produto.

Para obter instruções detalhadas, consulte nosso tutorial sobre como criar uma galeria de imagens de produtos do WooCommerce.

Esperamos que este artigo tenha ajudado você a aprender como adicionar vídeos de produtos às suas galerias do WooCommerce. Talvez você também queira ver nosso tutorial sobre como programar cupons no WooCommerce e nossas principais opções dos melhores plugins do WooCommerce para expandir seu site.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

1 comentárioDeixe uma resposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.