Brizy Builder/Cloud + Swarmify completo para hospedagem de vídeo WordPress

Você usa o construtor de páginas Brizy WordPress ou Brizy Cloud? Nesse caso, continue lendo para saber como integrar o Swarmify a qualquer uma das plataformas para obter um desempenho de vídeo muito melhor.

Os criadores de sites tornaram a criação de sites bonitos incrivelmente fácil. No passado, você tinha que aprender a codificar para criar até mesmo os sites mais básicos.

Hoje em dia, as coisas são totalmente diferentes. Você não precisa de conhecimento prévio de codificação para criar sites como os profissionais.

Tudo graças a ferramentas como o Brizy WordPress Page Builder e sua irmã hospedada na nuvem Brizy Cloud. A mesma empresa oferece ambas as soluções.

O Brizy WordPress Page Builder vem na forma de um plugin que você instala no seu site WordPress. Você sabe, algo como Elementor e Divi, entre outros.

O Brizy Cloud, por outro lado, vem na forma de um construtor de sites online, como Webflow, Wix e Weebly, entre outros.

Tanto o Brizy Cloud quanto o Brizy WordPress builder oferecem as ferramentas que você precisa para criar uma variedade de sites sem suar a camisa.

São basicamente o mesmo produto. A única grande diferença é que um é um plugin do WordPress e o outro é um serviço hospedado na nuvem.

Pegue?

A boa notícia é que você pode integrar facilmente o Swarmify ao Brizy Cloud ou a um site WordPress criado usando o construtor de páginas Brizy.

E no post de hoje, mostramos exatamente como!

Sem mais delongas, vamos começar, pois há muito o que aprender :)

O que é o Brizy Builder/Cloud?

Antes de mais nada, o que é Brizy? Brizy é um construtor de sites notavelmente fácil de usar que vem em dois sabores: um plugin WordPress e uma versão hospedada na nuvem.

O plugin Brizy WordPress é ótimo para pessoas com um site WordPress. O Brizy Cloud é perfeito para iniciantes que desejam criar sites com zero habilidades de codificação.

Tanto o plugin Brizy quanto o Brizy Cloud oferecem um editor de arrastar e soltar que ajuda você a criar um site visualmente.

Brizy foi criado pelo premiado desenvolvedor de temas WordPress Themefuse , para ajudá-lo a criar sites impressionantes com um construtor de sites intuitivo e fácil de usar.

Eu levei a versão do WordPress e a nuvem para dar uma volta e me impressionou. Themefuse mudou completamente o jogo com um construtor de sites simples, mas poderoso, que não atrapalha.

Aqui está uma lista dos recursos que eu gostei.

Principais recursos do Brizy Builder/Cloud

• Editor intuitivo de arrastar e soltar
• Mais de 40 layouts de sites pré-fabricados que você pode importar com um clique
• Mais de 150 blocos pré-fabricados
• Estilos globais para personalizar seu site rapidamente
• Mais de 4000 ícones
• Dezenas de elementos de conteúdo, como formulários, espaçadores, texto, botões, etc.
• Estilos ilimitados
• Injeção de código personalizado
• Um subdomínio gratuito (por exemplo, https://cherry1993132.brizy.site/) com Brizy Cloud (você pode hospedar uma landing page gratuita se quiser)
• Nome de domínio personalizado
• Integração perfeita com seus aplicativos favoritos, incluindo Zapier, Mailchimp e muito mais
• Salvamento automático na nuvem
• Responsivo e pronto para dispositivos móveis
• E muito mais!

O Brizy está cheio de recursos com todos os recursos que você precisa para criar sites incríveis em tempo recorde.

Se você está no mercado para um construtor de sites, Brizy não irá decepcionar. Se você já está usando o Brizy, prepare-se para a próxima seção, onde aprenderemos mais sobre o Swarmify SmartVideo e como integrá-lo ao seu site Brizy.

O que é o Swarmify SmartVideo?

Se você lê este blog há algum tempo, já está bastante familiarizado com Swarmify e SmartVideo.

Se você é novo aqui... seja bem-vindo e sinta-se em casa :)

Para iniciantes, a Swarmify é uma empresa de aceleração de vídeo que oferece experiências de vídeo rápidas e de alta qualidade para pequenas empresas em todo o mundo.

Para cumprir essa missão, a Swarmify investiu pesadamente em tecnologia proprietária e na mesma infraestrutura que gigantes de streaming como Netflix e Hulu usam.

A empresa também investiu em um SmartCDN que garante que seus vídeos sejam carregados rapidamente para todos os usuários, independentemente de onde estejam no mundo.

Leia mais: sobre os recursos do SmartVideo aqui.

Agora você pode dizer adeus ao desajeitado YouTube e o Vimeo incorpora graças ao nosso player de vídeo organizado que fica bonito e profissional em seu site.

Melhor ainda, nosso serviço SmartVideo converte todos os seus vídeos do YouTube e Vimeo automaticamente assim que você o configura em seu site Brizy.

Se você hospedar seus vídeos em outro lugar, ficará feliz em saber que oferecemos suporte aos principais sites de upload de vídeos e serviços de armazenamento em nuvem.

O SmartVideo oferece reprodução sem buffer e à prova de interrupção em todos os dispositivos. Nossa solução fácil de implementar garante que você "...faça mais vendas, reduza as taxas de rejeição e mantenha os visitantes focados em sua marca".

Além disso, você obtém largura de banda e armazenamento ilimitados, para continuar compartilhando seus melhores vídeos sem contas altas.

Dito isso, você precisa de uma conta Swarmify ativa para a próxima seção, onde aprenderá como integrar o SmartVideo ao seu site Brizy, esteja você usando o plugin WordPress ou a versão hospedada na nuvem.

Vamos fazer isso!

Como Integrar SmartVideo com Brizy Builder para WordPress

Vamos começar com o Brizy Builder para WordPress. Instalar o SmartVideo no seu site WordPress é incrivelmente fácil.

Vamos começar instalando o plugin SmartVideo WordPress.

Faça login no seu painel de administração do WordPress e navegue até Plugins > Add New , conforme mostrado abaixo.

Em seguida, insira SmartVideo na caixa de pesquisa e clique em Instalar agora , conforme destacamos abaixo.

Depois disso, aperte o botão Ativar :

Em seguida, clique em SmartVideo no menu de administração do WordPress:

Seu plug-in SmartVideo ainda não está pronto. Seria melhor vinculá-lo ao nosso Swarm CDN por meio de uma chave especial encontrada em sua conta Swarmify.

Em seguida, clique no botão Configurar se você já tiver uma conta Swarmify:

Se você não tiver uma conta Swarmify, você tem a opção de criar uma. Eu já tinha um Swarmify, então cliquei no botão Configurar , o que me levou à página seguinte.

Como você pode ver na imagem acima, o SmartVideo ainda está desabilitado. Role a página para baixo e você verá um campo que permite inserir sua chave Swarm CDN:

Você colará a chave que está prestes a copiar abaixo no campo acima.

Faça login no seu painel Swarmify e copie a chave Swarm CDN na parte superior:

Volte ao seu site WordPress, cole a chave Swarm CDN no campo e clique em Ativar SmartVideo , conforme mostrado abaixo.

Agora, ao rolar para cima, você notará que o SmartVideo está ativado:

Isso foi super-duper fácil.

Agora, seu site Brizy WordPress está conectado ao SmartVideo :)

Você não é natural nisso?

Para obter mais opções, clique na guia Configurações na parte superior, conforme mostrado abaixo.

Na página de configurações, você tem muitas opções extras para personalizar sua experiência com SmartVideo. Você pode alterar as cores do player de vídeo SmartVideo e a forma do botão de reprodução, entre outras coisas:

Ative Otimizar vídeos em segundo plano e vídeos existentes , conforme mostrado acima, e clique em Salvar configurações na parte inferior da página.

Antes de prosseguirmos, vamos adicionar um SmartVideo ao seu site Brizy WordPress. Estou trabalhando com a seguinte página.

Estarei substituindo a imagem destacada na parte superior pelo vídeo Starship: Journey to Mars da SpaceX que peguei emprestado do canal Newsthink no YouTube.

Usaremos a seguinte tag SmartVideo para incorporar o vídeo:

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls></smartvideo>

Lembre-se de substituir path/to/my/video.mp4 pelo URL real do seu vídeo.

N/B: Se você estiver usando o YouTube, deve usar o link de incorporação: https://www.youtube.com/ embed /-kU6fMGh4l4 em vez do link de exibição direto: https://www.youtube.com/ watch ?v= -kU6fMGh4l4. Se você usar o link direto, o SmartVideo não encontrará e processará seu vídeo.

Dito isso, minha tag SmartVideo pronta se parece com isso:

 <smartvideo src="https://www.youtube.com/embed/-kU6fMGh4l4" width="1280" height="720" class="swarm-fluid" controls></smartvideo>

Se você estiver usando outra fonte de vídeo, digamos Amazon S3, substitua o link do YouTube pelo URL do vídeo real. Confira 9 melhores serviços de upload de vídeo e armazenamento em nuvem.

Qual o proximo?

Abra a página do WordPress que deseja editar dentro do Brizy clicando em Continuar para editar com o Brizy :

Isso deve carregar sua página dentro do editor intuitivo de arrastar e soltar. Como estou substituindo a imagem, selecionarei a imagem e clicarei no ícone Excluir :

Se você não estiver substituindo nada, arraste e solte o elemento de conteúdo Incorporar onde quer que adicione o vídeo.

Minha página está assim agora:

Em seguida, clique no ícone Adicionar (+) para abrir o painel lateral e arraste e solte Incorporar onde quiser. (No nosso caso, está dentro da seção hero, pois estamos substituindo a imagem):

Em seguida, clique dentro do elemento Embed e clique no botão Embed , conforme mostrado abaixo:

Em seguida, copie e cole sua tag SmartVideo na caixa que aparece:

Você vai olhar para isso!

O player de vídeo SmartVideo já está em ação. Em seguida, atualize sua página:

Agora, quando vejo meu site de exemplo no frontend, vejo isso:

A imagem se foi e, em seu lugar, temos um belo reprodutor SmartVideo. Ninguém pode dizer que pegamos emprestado o vídeo do YouTube.

Agora que integramos o Swarmify SmartVideo ao seu site Brizy WordPress, vamos adicionar o SmartVideo ao Brizy Cloud.

Como Integrar Swarmify SmartVideo com Brizy Cloud

Não temos um plugin para Brizy, mas adicionar Swarmify à plataforma de nuvem é mais fácil do que você pensa. Usaremos o snippet JavaScript SmartVideo.

Não é como uma tag SmartVideo porque vai para a seção <head> de suas páginas, não para o <body> como a tag SmartVideo. Se você não entende o que isso significa, não se preocupe, nós te apoiamos.

Mas onde consigo esse trecho de JavaScript?

Não se preocupe, está dentro da sua conta Swarmify.

Como obter seu snippet JavaScript SmartVideo

Faça login na sua conta Swarmify e clique em Configuração :

Em seguida, escolha se você possui vídeos do YouTube em seu site Brizy Cloud e clique em Avançar :

Dica profissional: sempre escolha Sim para ajudar na conversão automática, caso você use vídeos do YouTube no futuro.

Você tem vídeos de fundo? Especifique isso e clique em Avançar :

Você está indo muito bem :)

Em seguida, altere as cores do player de vídeo, se desejar, e clique em Avançar :

Depois disso, você tem a chance de alterar a forma do botão de reprodução. Clique em Avançar após:

Adicione uma marca d'água personalizada, se necessário, e clique em Avançar :

Em seguida, escolha se deseja incluir anúncios em seus vídeos e clique em Concluir :

Por fim, clique em Copiar para a área de transferência :

Isso não foi difícil, agora foi?

Seu JavaScript SmartVideo está pronto. Agora vamos adicioná-lo ao seu site Brizy Cloud .

Como adicionar seu snippet JavaScript ao site Brizy Cloud

Faça login no seu painel Brizy Cloud (presumo que você já tenha um site Brizy Cloud) e escolha o site que deseja editar:

Isso leva você direto para o construtor de sites de arrastar e soltar Brizy Cloud:

Como você pode ver, estou usando o mesmo modelo de antes :)

Mas não se confunda ; estamos agora dentro do Brizy Cloud e não do Brizy Builder for WordPress . Os editores visuais têm a mesma aparência, com algumas pequenas exceções.

Em seguida, clique no ícone Configurações :

Depois disso, clique na guia Configurações :

Em seguida, clique em Injeção de código :

Cole o snippet JavaScript do SmartVideo na seção Cabeçalho e clique em Salvar alterações , conforme mostrado abaixo.

E é isso! Seu Brizy Cloud agora está conectado ao Swarmify SmartVideo.

Dica profissional : Lembre-se de como adicionamos uma tag SmartVideo usando o elemento Embed ao trabalhar com o Brizy Builder for WordPress ? Repita o processo para adicionar um vídeo SmartVideo ao seu site Brizy Cloud .

Estou falando sobre isso:

Não quero repassar todo o processo novamente porque isso seria redundante quando é praticamente a mesma coisa. Mesmo processo.

Dicas finais

A integração com o Brizy Builder envolve o uso do plugin SmartVideo WordPress. A integração com o Brizy Cloud aproveita o snippet JavaScript do SmartVideo.

A incorporação de um vídeo no Brizy Builder ou no Brizy Cloud permanece a mesma. Use o elemento Embed para adicionar uma tag SmartVideo onde quiser.

Só não se esqueça de substituir path/to/my/video.mp4 em sua tag SmartVideo pelo URL real do seu vídeo, não importa onde ele esteja armazenado.

Alguma pergunta? Nos informe :)