Aprenda Como fazer uma Lupa de Busca com acionamento de Popup para Woocommerce/Blog com Elementor Pro. Aprenda a criar uma barra de pesquisa personalizada para sua Loja Virtual com Woocommerce ou Blog WordPress com Elementor pro. Neste tutorial eu ensinei a inserir um ícone de lupa no menu do Woocommerce que ao ser clicado aciona um Popup com a barra de busca. Também ensinei como colocar o ícone de pesquisa para acionar também num popup a barra de pesquisa no Blog para a pesquisa dos posts publicados.
uem trabalha desenvolvendo sites com o WordPress, Woocommerce e Elementor pode se deparar com menus grandes que ocupam todo o espaço disponível do layout do menu. E em casos que o site precise ter uma barra de pesquisa, seja para produtos da loja online (Woocommerce) ou para os posts do blog, uma boa alternativa é adicionar um ícone de lupa que quando os usuários do site clicar, abra um Popup com a barra de pesquisa.
Dessa forma, além de ficar bonito e legal, também economiza muito espaço no seu header/menu. Pois a barra de pesquisa só é mostrada quando se clica no ícone de busca. Nesse tutorial WordPress Elementor, eu usei o Elementor Page Buider, na versão premium, o “Elementor Pro”. Pois é com ele que é possível criar popups e acioná-los com tags dinâmicas no link ao ser clicado. Também mostrei como colocar o ícone de busca no menu para a versão mobile que criei também com o Elementor Pro em um outro tutorial aqui do canal.
