{"id":3342,"date":"2016-06-06T09:00:55","date_gmt":"2016-06-06T12:00:55","guid":{"rendered":"https:\/\/www.mxcursos.com\/blog\/?p=3342"},"modified":"2019-03-16T03:00:33","modified_gmt":"2019-03-16T06:00:33","slug":"widgets-customizados-no-wordpress","status":"publish","type":"post","link":"https:\/\/www.mxcursos.com\/blog\/widgets-customizados-no-wordpress\/","title":{"rendered":"Widgets customizados no WordPress"},"content":{"rendered":"<div class=\"embed-container\"><iframe src=\"\/\/player.vimeo.com\/video\/170956155\" frameborder=\"0\" webkitAllowFullScreen mozallowfullscreen allowFullScreen><\/iframe><\/div>\n<p>Hey, guys!\u00a0Essa semana recebi um e-mail de um leitor aqui do Blog querendo saber como fizemos para usar\u00a0Widgets customizados no WordPress, ou seja, determinar o que vai aparecer em posts de determinadas categorias, p\u00e1ginas e dentro de cada categoria.<\/p>\n<p>Essa miss\u00e3o era bem complexa, mas a solu\u00e7\u00e3o foi bem simples.<\/p>\n<h2>A miss\u00e3o<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-3370 size-medium\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/05\/WordPressPlugin-1-600x300.jpg\" alt=\"Widgets customizados no WordPress\" width=\"600\" height=\"300\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/05\/WordPressPlugin-1.jpg 600w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/05\/WordPressPlugin-1-24x12.jpg 24w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Como todos podem ver, na sidebar deste blog, temos alguns widgets e em um deles, exibimos nossos treinamentos e alguns eBooks.<\/p>\n<p>O desafio era customizar esta exibi\u00e7\u00e3o, ou seja, em posts da categoria e-commerce, por exemplo, exibir apenas cursos relacionados \u00e0 esta categoria, ou seja, cursos que ensinem a criar lojas virtuais como Magento, Prestashop etc.<\/p>\n<p>Em outra necessidade, precisar\u00edamos exibir determinado eBook em determinados posts e categorias.<\/p>\n<p>Ap\u00f3s analisar a possibilidade de fazer este recurso atrav\u00e9s da cria\u00e7\u00e3o de um recurso exclusivo, encontramos uma solu\u00e7\u00e3o mais simples, pr\u00e1tica e tamb\u00e9m eficaz.<\/p>\n<p>Trata-se do Plugin <a href=\"https:\/\/wordpress.org\/plugins\/conditional-widgets\/\" target=\"_blank\" rel=\"noopener noreferrer\">Conditional Widgets<\/a>. Ele possibilita voc\u00ea customizar onde voc\u00ea deseja inserir determinados widgets.<\/p>\n<p>Ele trabalha com condi\u00e7\u00f5es l\u00f3gicas e dessa forma voc\u00ea pode ocultar ou exibir widgets onde desejar: Todas as p\u00e1ginas, p\u00e1ginas especiais, homepage do blog, posts de determinadas categorias e dentro das categorias que desejar.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-3372 size-full\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/05\/WordPressWidgets3.png\" alt=\"WordPressWidgets3\" width=\"400\" height=\"572\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/05\/WordPressWidgets3.png 400w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/05\/WordPressWidgets3-336x480.png 336w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/05\/WordPressWidgets3-17x24.png 17w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/p>\n<p>Isso facilita muito para quem pretende segmentar a entrega de publicidade aos usu\u00e1rios\u00a0certos, fazendo com que voc\u00ea atinja o p\u00fablico ideal com aquele an\u00fancio.<\/p>\n<h2>Como inserimos os banners<\/h2>\n<p>N\u00e3o sei se voc\u00eas sabem, mas o MX Cursos possui um <a href=\"https:\/\/mxcursos.com\/programa-de-afiliados\" target=\"_blank\" rel=\"noopener noreferrer\">programa de afiliados<\/a> incr\u00edvel. Nossa plataforma para afiliados oferece diversos recursos e possibilidades como por exemplo gerar banners (como os que aparecem aqui na sidebar) em diversas dimens\u00f5es e cores bem como customizados por categorias.<\/p>\n<p>Dessa forma, se voc\u00ea tem um blog de e-commerce, por exemplo, poder\u00e1 gerar banners rand\u00f4micos somente com cursos de e-commerce e a cada venda, voc\u00ea receber\u00e1 10% do subtotal.<\/p>\n<p><a href=\"https:\/\/mxcursos.com\/programa-de-afiliados\" target=\"_blank\" rel=\"noopener noreferrer\">Acesse aqui e sabia mais<\/a>.<\/p>\n<p>Continuando, o que fizemos foi basicamente criar diversos scripts com categorias de cursos, ou seja, criamos um banner de afiliados somente com cursos de e-commerce, inserimos em um widget de HTML e definimos que esse widgets apareceria somente em posts da categoria e-commerce ou dentro da pr\u00f3pria categoria e-commerce.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-3374 size-full\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/05\/WordPressWidgets1-1.png\" alt=\"WordPressWidgets1\" width=\"436\" height=\"589\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/05\/WordPressWidgets1-1.png 436w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/05\/WordPressWidgets1-1-355x480.png 355w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/05\/WordPressWidgets1-1-18x24.png 18w\" sizes=\"(max-width: 436px) 100vw, 436px\" \/><\/p>\n<h2>Mas e na home?<\/h2>\n<p>Como na home do blog exibimos posts de todas as categorias, criamos um banner nos afiliados do MX com todas as categorias e como dito acima, os banners s\u00e3o rand\u00f4micos, ou seja, a cada atualiza\u00e7\u00e3o exibe um curso diferente.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-3373 size-full\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/05\/WordPressWidgets2.png\" alt=\"WordPressWidgets2\" width=\"419\" height=\"547\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/05\/WordPressWidgets2.png 419w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/05\/WordPressWidgets2-368x480.png 368w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/05\/WordPressWidgets2-18x24.png 18w\" sizes=\"(max-width: 419px) 100vw, 419px\" \/><\/p>\n<p>Dessa forma, na home exibimos um widget onde todos os nossos cursos aparecem.<\/p>\n<p>Como o plugin funciona de forma condicional, eu apenas forcei que o widget fosse exibido somente na homepage do blog e tamb\u00e9m que ele fosse oculto (hide) em todas as categorias, posts e p\u00e1ginas.<\/p>\n<h2>Resultado na pr\u00e1tica<\/h2>\n<p>Para ilustrar bem a import\u00e2ncia da segmenta\u00e7\u00e3o que fizemos aqui no blog, resolvi incluir abaixo o gr\u00e1fico de vendas de cursos vindas desses widgets.<\/p>\n<figure id=\"attachment_3343\" aria-describedby=\"caption-attachment-3343\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-3343 size-medium\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/05\/grafico-e1464358019557-600x365.png\" alt=\"Gr\u00e1fico de vendas\" width=\"600\" height=\"365\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/05\/grafico-e1464358019557-600x365.png 600w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/05\/grafico-e1464358019557-768x467.png 768w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/05\/grafico-e1464358019557-740x450.png 740w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/05\/grafico-e1464358019557-24x15.png 24w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/05\/grafico-e1464358019557.png 994w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption id=\"caption-attachment-3343\" class=\"wp-caption-text\">Gr\u00e1fico &#8211; N\u00famero de pedidos &#8211; Crescimento de 7.533% em 6 meses<\/figcaption><\/figure>\n<p>Em poucos meses, um blog que n\u00e3o gerava receitas para nossa empresa, passou a gerar vendas de forma org\u00e2nica e\u00a0os n\u00fameros aumentam a cada m\u00eas.<\/p>\n<p>Como estamos usando o sistema de afiliados, a cada venda vinda do blog \u00e9 trackeada e n\u00f3s sabemos com 100% de exatid\u00e3o a convers\u00e3o desta a\u00e7\u00e3o, j\u00e1 que o tracking s\u00f3 informa pedidos definitivamente pagos.<\/p>\n<p>Isso me permite saber o ROE (Return On\u00a0Effort &#8211; Acabei de criar esse termo agora :P) Como n\u00e3o empregamos nenhum investimento de m\u00eddia paga para o blog, ao contr\u00e1rio do ROI (Return Om Investiment), aqui empregamos s\u00f3 esfor\u00e7o em criar solu\u00e7\u00f5es \ud83d\ude1b<\/p>\n<p>Dessa forma nosso &#8220;ROE&#8221; \u00e9 de 100% \ud83d\ude42<\/p>\n<h2>Inbound Marketing<\/h2>\n<p>Para ter resultados ou melhorar as convers\u00f5es do seu blog n\u00e3o basta apenas ench\u00ea-lo de recursos e plugins. O conte\u00fado \u00e9 rei e de fato aumentar suas publica\u00e7\u00f5es ajudar\u00e1 na capta\u00e7\u00e3o de mais acessos org\u00e2nicos e aumentar\u00e1 significativamente os acessos em seu blog.<\/p>\n<p><em>Inbound marketing ou marketing de atra\u00e7\u00e3o \u00e9 uma forma de publicidade on-line na qual uma empresa se promove atrav\u00e9s de blogs, podcasts, v\u00eddeo, eBooks, newsletters, whitepapers, SEO e outras formas de marketing de conte\u00fado.<\/em><\/p>\n<p>Trata-se de um conjunto de a\u00e7\u00f5es que far\u00e3o com que seus resultados sejam extremamente expressivos.<\/p>\n<p>O uso de plugins de SEO, como o <a href=\"https:\/\/wordpress.org\/plugins\/wordpress-seo\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress Yoast SEO<\/a> tamb\u00e9m tem trazido resultados incr\u00edveis e junto com o Marketing de Conte\u00fado tem potencializado nossos acessos org\u00e2nicos.<\/p>\n<h2>Use com Widgets com eBooks<\/h2>\n<p>Se voc\u00ea tem um blog e quer segmentar a entrega de materiais para gerar mais leads e incluir esses usu\u00e1rios em uma jornada de compra, este plugin \u00e9 incrivelmente recomendado, pois dessa forma voc\u00ea poder\u00e1 exibir nas sidebars do seu blog eBooks que de fato interessam aos visitantes daquele post, p\u00e1ginas ou categorias.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-3375 size-full\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/05\/WordPressWidgets5.png\" alt=\"WordPressWidgets5\" width=\"436\" height=\"589\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/05\/WordPressWidgets5.png 436w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/05\/WordPressWidgets5-355x480.png 355w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/05\/WordPressWidgets5-18x24.png 18w\" sizes=\"(max-width: 436px) 100vw, 436px\" \/><\/p>\n<p>Dessa forma, sua convers\u00e3o ser\u00e1 mais eficiente.<\/p>\n<h2>Conclus\u00e3o<\/h2>\n<p>O Plugin <a href=\"https:\/\/wordpress.org\/plugins\/conditional-widgets\/\" target=\"_blank\" rel=\"noopener noreferrer\">Conditional Widgets<\/a> \u00e9 simples e pr\u00e1tico de usar e eu recomendo por sua efic\u00e1cia e facilidade de configura\u00e7\u00e3o. Existem outras solu\u00e7\u00f5es dispon\u00edveis e at\u00e9 mesmo \u00e9 poss\u00edvel criar um recurso exclusivo\u00a0atrav\u00e9s da programa\u00e7\u00e3o no WordPress, como usar condicionais atrav\u00e9s de tags e categorias ou criar <a href=\"https:\/\/mxcursos.com\/criando-campos-personalizados-para-wordpress-com-advanced-custom-fields\" target=\"_blank\" rel=\"noopener noreferrer\">Custon Fields<\/a>, mas sem d\u00favidas o plugin poupa tempo e de fato resolve \ud83d\ude42<\/p>\n<p>Gostou do conte\u00fado? Compartilhe com os amigos e deixe seu coment\u00e1rio.<\/p>\n<p>Um abra\u00e7o e at\u00e9 a pr\u00f3xima!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hey, guys!\u00a0Essa semana recebi um e-mail de um leitor aqui do Blog querendo saber como fizemos para usar\u00a0Widgets customizados no WordPress, ou seja, determinar o que vai aparecer em posts de determinadas categorias, p\u00e1ginas e dentro de cada categoria. Essa miss\u00e3o era bem complexa, mas a solu\u00e7\u00e3o foi bem simples. A miss\u00e3o Como todos podem [&hellip;]<\/p>\n","protected":false},"author":83,"featured_media":3369,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"video","meta":{"footnotes":""},"categories":[291],"tags":[],"class_list":["post-3342","post","type-post","status-publish","format-video","has-post-thumbnail","hentry","category-wordpress","post_format-post-format-video"],"_links":{"self":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts\/3342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/users\/83"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/comments?post=3342"}],"version-history":[{"count":0,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts\/3342\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/media\/3369"}],"wp:attachment":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/media?parent=3342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/categories?post=3342"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/tags?post=3342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}