UOL Afiliados - Publique anúncios e ganhe dinheiro com seu site

<!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, zoom=1">  <meta name="msapplication-tap-highlight" content="no">  <meta name="mobile-web-app-capable" content="yes"> <meta name="application-name" content="UOL Afiliados"> <meta name="theme-color" content="#FF8100">  <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-title" content="UOL Afiliados"> <meta name="apple-mobile-web-app-status-bar-style" content="#FF8100">  <meta name="msapplication-TileColor" content="#E7A950"> <meta name="msapplication-navbutton-color" content="#FF8100"> <title>UOL Afiliados - Publique anúncios e ganhe dinheiro com seu site</title>  <meta name="title" content="UOL Afiliados - Publique anúncios e ganhe dinheiro com seu site"> <meta name="description" content="Ganhe dinheiro com seu site utilizando o programa de Afiliados do UOL. Acompanhe seu rendimento, personalize seus anúncios e muito mais. Cadastre-se já!"> <meta name="keywords" content="uol, afiliados"> <meta name="author" content="UOL Universo Online">  <meta property="og:url" content=""> <meta property="og:type" content="website"> <meta property="og:title" content="UOL Afiliados - Publique anúncios e ganhe dinheiro com seu site"> <meta property="og:locale" content="pt_BR"> <meta property="og:description" content="Ganhe dinheiro com seu site utilizando o programa de Afiliados do UOL. Acompanhe seu rendimento, personalize seus anúncios e muito mais. Cadastre-se já!"> <meta property="og:image" content="https://afiliados.uol.com.br/img/logo_uolafiliados_header.svg"> <link rel="stylesheet" href="https://conteudo.jsuol.com.br/g/uolfw/1.7.4/css/UOLfw.min.css"> <link href="/css/theme.min.css" rel="stylesheet"> <link href="https://conteudo.jsuol.com.br/p/afiliados/uol-header/0.3.2/css/header.min.css" rel="stylesheet">  <link rel="icon" type="image/png" href="https://afiliados.uol.com.br/img/favicon.png"/>    <script type="text/javascript"> (function (u, o, l, t, m) { m = u['universal_variable'] = u['universal_variable'] || {}; m['dfp'] = m['dfp'] || {}; u['uolads'] = u['uolads'] || []; var scr = o.createElement(l); scr.src = '//tm.jsuol.com.br/uoltm.js?id=' + t; scr.async = true; var el = o.getElementsByTagName(l)[0]; el .parentNode .insertBefore(scr, el); })(window, document, 'script', 'uyemlh'); function closeAlert(){ $("#alerta-manutencao").fadeOut("slow")}; function openAlertManutencaoCadastro(){ $("#alerta-manutencao-cadastro").fadeIn("slow")}; function closeAlertManutencaoCadastro(){ let alerts = document.querySelectorAll('#alerta-manutencao'); for (alert of alerts) { alert.style.display = 'none' } }; function showAlertTxt() { let alertaManut = ""; $.ajax({ url: "https://afiliados.uol.com.br/manut.html", type: "GET", headers: {"Access-Control-Allow-Origin": "*", "Access-Control-Allow-Methods":"GET, OPTIONS, HEAD, PUT, POST", }, success: function( data ) { alertaManut = JSON.parse(data); $("#manut-p").html(alertaManut.msg); if (alertaManut.status === "true"){ $("#alerta-manutencao").fadeIn("fast") } } }); }; </script> <script src="https://www.google.com/recaptcha/api.js?onload=recaptchaCallback&render=explicit" async defer></script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PSVG9K6B');</script>   <meta name="google-site-verification" content="ZT5tj3Vi3KQFGXNuyj-D1UgbMDBBqy47-GR0ZSkXHrY"/>  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"> <script> window.onload = function () { history.pushState('', '', '/'); $('#mainNav .navbar-header a').on('click', function () { history.pushState('', '', '/'); }); } </script> </head> <body id="page-top" onload="showAlertTxt()">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PSVG9K6B" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="container-fluid" id="alerta-manutencao" style="display:none;"> <div class="panel"> <div id="info-icon-big"><img class="panel-img" src="img/icons/icon_info_M.svg"></div> <div id="manutencao-text"> <div style="font-weight: bold"><img id="info-icon-small" src="img/icons/icon_info_M.svg">Comunicado: Manutenção programada</div> <p id="manut-p"></p> </div> <div id="ic-close"><img src="img/icons/ic_close.svg" onclick="closeAlert()"></div> </div> </div> <div class="container-fluid" id="alerta-manutencao-manual" style="display:none;"> <div class="panel"> <div id="info-icon-big"><img class="panel-img" src="img/icons/icon_atencao_M.svg"></div> <div id="manutencao-c-text"> <div style="font-weight: bold"><img id="info-icon-small" src="img/icons/icon_atencao_M.svg">Aviso de manutenção na plataforma!</div> <p id="manut-c-p"> Nos dias <strong>27/04</strong> e <strong>28/04</strong>, entre <strong>23h</strong> e <strong>03h</strong>, nossa plataforma passará por manutenções programadas.<br/>Durante esse período, você poderá enfrentar dificuldades em acessar seu painel e acompanhar seus relatórios. Não se preocupe pois todos os links gerados continuarão funcionando normalmente e as conversões contabilizadas sem quaisquer problemas. Porém, poderá ocorrer atraso na atualização dos relatórios.<br/><br/>Contamos com sua compreensão. </p> <p id="manut-c-p2"> </p> </div> <div id="ic-close"><img src="img/icons/ic_close.svg" onclick="closeAlertManutencaoCadastro('alerta-manutencao')"></div> </div> </div> <div class="uolheader">  <nav class="navbar navbar-default color-primary"> <div class="container uol-navbar"> <button type="button" class="navbar-toggle pull-left"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand visible-lg"><img></a> <a class="navbar-brand hidden-lg"><img></a>  <div id="uolbar-navbar-collapse"></div> </div> </nav>  <nav id="mainNav" class="navbar navbar-default scrollspy color-primary visible-lg"> <div class="container product-navbar">  <div class="navbar-header"> <a class="navbar-brand" href="#page-top" title="UOL Afiliados"> <img> <h1 class="hidden">UOL Afiliados</h1> </a> </div> <ul class="nav navbar-nav navbar-left"> <li class="menu-item"><a class="btn clear" href="/index.html#campaigns" title="Campanhas">Campanhas</a></li> <li class="menu-item"><a class="btn clear" href="/index.html#affiliated" title="Afiliados">Afiliados</a></li>  <li class="menu-item"><a class="btn clear" href="/index.html#cases" title="Cases">Cases</a></li> <li class="menu-item"><a class="btn clear" href="/index.html#blog" title="Blog">Blog</a></li> <li class="menu-item"><a class="btn clear" href="/index.html#contact" title="Contato">Contato</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <li class="call-to-action"><a class="btn" href="https://checkout.uol.com.br/#/afiliados/individual/0?promotion=PROMOAFILIADOLP" title="Cadastre-se" ga-track="true" ga-category="Cadastre-se" ga-action="Clique" ga-label="Header">Cadastre-se</a></li>  <li class="call-to-action"><a class="btn outline" href="https://conta.uol.com.br/login?t=afiliados&dest=https%3A%2F%2Fafiliados.uol.com.br%2F" title="Login">Login</a></li> </ul> </div>  </nav> <div class="side-bar side-bar-collapsed scrollspy hidden-lg"> <div class="layer"></div> <div class="side-bar-menu" data-spy="affix" data-offset-top="51"> <ul class="nav navbar-nav product-menu"> <li><a class="" href="#campaigns" title="Campanhas">Campanhas</a></li> <li><a class="" href="#affiliated" title="Afiliados">Afiliados</a></li>  <li><a class="" href="#cases" title="Cases">Cases</a></li> <li><a class="" href="#blog" title="Blog">Blog</a></li> <li><a class="" href="#contact" title="Contato">Contato</a></li> <li class="menu-custom register"><a class="" href="https://checkout.uol.com.br/#/afiliados/individual/0?promotion=PROMOAFILIADOLP" ga-track="true" ga-category="Cadastre-se" ga-action="Clique" ga-label="Header">Cadastre-se</a></li>  <li class="menu-custom outline"><a class="" href="https://conta.uol.com.br/login?t=afiliados&dest=https%3A%2F%2Fafiliados.uol.com.br%2F" title="Login">Login</a></li> </ul> </div> </div> </div> <header id="header"> <div class="layer"> <div class="row"> <div class="col-lg-24 text-center country-bar"> <img class="item-icon" src="/img/icons/globe.png"/> <p>Where are you from?</p> <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="countrymenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> Select your country <span class="caret"></span> </button> <ul id="country-dropdown" class="dropdown-menu" aria-labelledby="countrymenu"></ul> </div> </div> </div> </div> <div class="header-content"> <div class="header-content-inner"> <h2>Transforme seu conteúdo em liberdade financeira</h2> <p>Divulgue os produtos do UOL e PagBank, gere conversões e aumente seus rendimentos.</p> <a class="btn btn-transparent btn-outline btn-lg" href="https://checkout.uol.com.br/#/afiliados/individual/0?promotion=PROMOAFILIADOLP" title="Cadastre-se agora" ga-track="true" ga-category="Cadastre-se" ga-action="Clique" ga-label="Transforme seu conteúdo em liberdade financeira">Cadastre-se agora</a>  </div> </div> </header> <section class="bg-accent-dark" id="about"> <div class="container"> <div class="row"> <div class="col-lg-24 text-center"> <h3 class="section-heading">Como funciona?</h3> </div> </div> <div class="row"> <div class="col-sm-8 col-xs-24 item"> <img class="item-icon" src="/img/icons/ic_signup.png"/> <p class="section-heading">Cadastre seu site ou rede social e escolha uma de nossas campanhas.</p> </div> <div class="col-sm-8 col-xs-24 item"> <img class="item-icon" src="/img/icons/ic_publish.png"/> <p class="section-heading">Gere seus links, banners ou e-mails e anuncie para sua audiência.</p> </div> <div class="col-sm-8 col-xs-24 item"> <img class="item-icon" src="/img/icons/ic_keeptrack.png"/> <p class="section-heading">Acompanhe sua performance e ganhos nos relatórios online.</p> </div> </div> </div> </section> <section id="campaigns" class="bg-shadow"> <div class="container"> <div class="row"> <div class="col-lg-24 text-center"> <h2 class="section-heading">Campanhas</h2> <p>Confira nossas campanhas e escolha a que mais lhe agrada</p> <div class="divider"> <hr class="pull-left dark"> <img src="/img/icons/speaker.png"/> <hr class="pull-right dark"> </div> </div> </div> </div> <div class="container"> <div class="row"> <div id="carousel-campaigns" class="carousel slide">  <div class="carousel-inner">  <div class="item active"> <div class="row"> <div class="col-xs-1"> <span class="prev-btn"><</span> </div> <div class="col-xs-22"> <div class="owl-carousel"></div> </div> <div class="col-xs-1"> <span class="next-btn">></span> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-lg-24 text-center"> <div class="more"> <a href="/campanhas.html" type="button" class="btn btn-secondary-dark btn-outline" title="Mais campanhas">Veja mais campanhas</a> </div> </div> </div> </div> </section> <section id="affiliated"> <div class="layer"></div> <div class="container"> <div class="row"> <div class="col-lg-24 text-center"> <h2 class="section-heading">Quero ser afiliado</h2> <p class="text-faded">Aumente seus rendimentos com sites, blogs e redes sociais</p> <div class="divider"> <hr class="pull-left"> <img src="/img/icons/handshake.png"/> <hr class="pull-right"> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-sm-8 col-xs-24 text-center"> <div class="service-box"> <img src="/img/actions/action_signup.png"/> <h3>Cadastre-se</h3> <p class="text-faded">Junte-se a outros 150.000 afiliados. É rápido, fácil e gratuito!</p> </div> </div> <div class="col-sm-8 col-xs-24 text-center"> <div class="service-box"> <img src="/img/actions/action_publish.png"/> <h3>Divulgue</h3> <p class="text-faded">Escolha entre uma grande variedade de anúncios e comece a divulgar em seu site, blog, fórum e perfis de redes sociais.</p> </div> </div> <div class="col-sm-8 col-xs-24 text-center"> <div class="service-box"> <img src="/img/actions/action_profit.png"/> <h3>Lucre</h3> <p class="text-faded">Ganhe por cliques, leads ou vendas realizadas. Acompanhe tudo pelo extrato e crie relatórios personalizados. Pagamento em data fixa!</p> </div> </div> </div> <div class="row hidden-xs"> <div class="col-lg-24 text-center"> <div class="service-box"> <a href="https://checkout.uol.com.br/#/afiliados/individual/0?promotion=PROMOAFILIADOLP" type="button" class="btn btn-primary" title="Cadastre-se" ga-track="true" ga-category="Cadastre-se" ga-action="Clique" ga-label="Quero ser afiliado">Cadastre-se</a>  </div> </div> </div> </div> </section> <section class="bg-dark" id="formats"> <div class="container" onclick="location.href='https://afiliados.uol.com.br/faq.html#ad'"> <div class="row"> <div class="col-lg-24 text-center"> <h3 class="section-heading">Formatos de anúncios disponíveis para afiliados</h3> </div> </div> <div class="row"> <div class="col-md-8 col-xs-24"> <div class="service-box"> <img class="item-icon visible-xs" src="/img/formats/banner.png"/> <p class="text-muted"><img class="item-icon hidden-xs" src="/img/formats/banner.png"/> Banner</p> </div> </div> <div class="col-md-8 col-xs-24"> <div class="service-box"> <img class="item-icon visible-xs" src="/img/formats/link.png"/> <p class="text-muted"><img class="item-icon hidden-xs" src="/img/formats/link.png"/> Links</p> </div> </div> <div class="col-md-8 col-xs-24"> <div class="service-box"> <img class="item-icon visible-xs" src="/img/formats/email_mkt.png"/> <p class="text-muted"><img class="item-icon hidden-xs" src="/img/formats/email_mkt.png"/> E-mail mkt</p> </div> </div> </div> </div> </section>  <section id="cases" class="bg-shadow"> <div class="container"> <div class="row"> <div class="col-lg-24 text-center"> <h2 class="section-heading">Cases</h2> <p>Veja depoimentos de quem usa o UOL Afiliados</p> <div class="divider"> <hr class="pull-left dark"> <img src="/img/icons/bubble.png"/> <hr class="pull-right dark"> </div> </div> </div> </div> <div class="container">   <div id="carousel-example-generic-0" class="carousel slide visible-md visible-lg">  <div class="carousel-inner">  <div class="item active"> <div class="row"> <div class="col-xs-8 text-center"> <div class="service-box bg-lighter"> <img src="/img/cases/agenciahertz.png"/> <p>"O UOL Afiliados hoje é a principal plataforma de trabalho para monetização da nossa empresa. O atendimento impecável faz toda a diferença para que os resultados sejam potencializados. Trabalhamos há 2 anos nessa parceria que já gerou muitos frutos. O dashboard clean e facilitado auxilia na rapidez para a mensuração dos resultados. Só temos a agradecer por essa parceria de sucesso." </p> <p class="author">Vinícius Sobral</p> <p class="author-cia">Agência Hertz</p> </div> </div> <div class="col-xs-8 text-center"> <div class="service-box bg-lighter"> <img src="/img/cases/davidtech.png"/> <p class="text-muted">“Ser afiliado do UOL Afiliados tem sido uma experiência incrível para mim. A plataforma é sem dúvidas a mais completa, possui várias ferramentas que me ajudam a identificar de onde estão vindo minhas vendas, exibe relatórios que me ajudam a aumentar minhas conversões, a equipe de suporte é simplesmente incrível e as comissões que recebo por minhas vendas são excelentes. Graças ao UOL Afiliados, pude realizar sonhos que antes pareciam ser impossíveis.” </p> <p class="author">David Silva</p> <p class="author-cia">Canal David Tech</p> </div> </div> <div class="col-xs-8 text-center"> <div class="service-box bg-lighter"> <img src="/img/cases/ajudavitor.png"/> <p class="text-muted">"Gostamos muito de ser parceiros do UOL, que é uma das marcas mais fortes do mercado online. Eles são super abertos para fazer ações em conjunto e o sistema de afiliado funciona perfeitamente. Conseguimos ver o relatório de todos os nossos resultados e sempre recebemos os pagamentos em dia." </p> <p class="author">Vitor Botega</p> <p class="author-cia">Canal Ajuda Vitor</p> </div> </div> </div> </div> </div> </div>  <div id="carousel-example-generic-2" class="carousel slide visible-xs visible-sm">  <div class="carousel-inner">  <div class="item active"> <div class="row"> <div class="col-xs-24 text-center"> <div class="service-box bg-lighter"> <img src="/img/cases/agenciahertz.png"/> <p>"O UOL Afiliados hoje é a principal plataforma de trabalho para monetização da nossa empresa. O atendimento impecável faz toda a diferença para que os resultados sejam potencializados. Trabalhamos há 2 anos nessa parceria que já gerou muitos frutos. O dashboard clean e facilitado auxilia na rapidez para a mensuração dos resultados. Só temos a agradecer por essa parceria de sucesso." </p> <p class="author">Vinícius Sobral</p> <p class="author-cia">Agência Hertz</p> </div> </div> </div> </div>  <div class="item"> <div class="row"> <div class="col-xs-24 text-center"> <div class="service-box bg-lighter"> <img src="/img/cases/davidtech.png"/> <p class="text-muted">“Ser afiliado do UOL Afiliados tem sido uma experiência incrível para mim. A plataforma é sem dúvidas a mais completa, possui várias ferramentas que me ajudam a identificar de onde estão vindo minhas vendas, exibe relatórios que me ajudam a aumentar minhas conversões, a equipe de suporte é simplesmente incrível e as comissões que recebo por minhas vendas são excelentes. Graças ao UOL Afiliados, pude realizar sonhos que antes pareciam ser impossíveis.” </p> <p class="author">David Silva</p> <p class="author-cia">Canal David Tech</p> </div> </div> </div> </div>  <div class="item"> <div class="row"> <div class="col-xs-24 text-center"> <div class="service-box bg-lighter"> <img src="/img/cases/ajudavitor.png"/> <p class="text-muted">"Gostamos muito de ser parceiros do UOL, que é uma das marcas mais fortes do mercado online. Eles são super abertos para fazer ações em conjunto e o sistema de afiliado funciona perfeitamente. Conseguimos ver o relatório de todos os nossos resultados e sempre recebemos os pagamentos em dia." </p> <p class="author">Vitor Botega</p> <p class="author-cia">Canal Ajuda Vitor</p> </div> </div> </div> </div> </div>    <ol class="carousel-indicators"> <li data-target="#carousel-example-generic-2" data-slide-to="0" class="active"></li> <li data-target="#carousel-example-generic-2" data-slide-to="1"></li> <li data-target="#carousel-example-generic-2" data-slide-to="2"></li> </ol> </div>  </div> </section> <section id="blog"> <div class="layer"></div> <div class="container"> <div class="row"> <div class="col-lg-24 text-center"> <h2 class="section-heading">Blog</h2> <p class="text-faded">Informações, dicas, ajuda e novidades</p> <div class="divider"> <hr class="pull-left"> <img src="/img/icons/writing.png"/> <hr class="pull-right"> </div> </div> </div> </div> <div class="container full-height"> <div class="row"> <div class="col-sm-8 col-xs-24 text-left"> <div class="service-box bg-shadow padding-bottom"> <img class="img-responsive" src="/img/blog1.jpg"/> <h3 class="inverse padding-horizontal">10 motivos que podem causar a reprovação da sua URL  </h3> <p class="padding-horizontal">Sabia que, antes de aprovar um cadastro, o UOL Afiliados faz uma análise editorial de todas as URLs inseridas?</p> <p class="padding-horizontal"> <a type="button" class="btn btn-primary btn-outline" href="https://blog.afiliados.uol.com.br/10-motivos-que-podem-causar-a-reprovacao-da-sua-url/" title="Leia mais">Leia mais</a> </p> </div> </div> <div class="col-sm-8 col-xs-24 text-left"> <div class="service-box bg-shadow padding-bottom"> <img class="img-responsive" src="/img/blog2.jpg"/> <h3 class="inverse padding-horizontal">Receba seus pagamentos pelo PagBank</h3> <p class="padding-horizontal">Não tem conta corrente? Sem problemas! Abra uma conta no banco digital PagBank.</p> <p class="padding-horizontal"> <a type="button" class="btn btn-primary btn-outline" href="https://blog.afiliados.uol.com.br/receba-seus-pagamentos-pelo-pagbank/" title="Leia mais">Leia mais</a> </p> </div> </div> <div class="col-sm-8 col-xs-24 text-left"> <div class="service-box bg-shadow padding-bottom"> <img class="img-responsive" src="/img/blog3.jpg"/> <h3 class="inverse padding-horizontal">Saiba como funciona o pagamento</h3> <p class="padding-horizontal">Tiramos suas principais dúvidas sobre cadastro de contas bancárias, tipos de remuneração e datas de pagamento.</p> <p class="padding-horizontal"> <a type="button" class="btn btn-primary btn-outline" href="https://blog.afiliados.uol.com.br/como-funciona-o-pagamento-no-uol-afiliados/" title="Leia mais">Leia mais</a> </p> </div> </div> </div> <div class="row hidden-xs padding-top padding-2x"> <div class="col-lg-24 text-center"> <div class="service-box"> <a type="button" class="btn btn-transparent btn-outline" href="https://blog.afiliados.uol.com.br" title="Acesse o blog">Acesse o blog</a> </div> </div> </div> </div> </section> <section id="contact" class="bg-shadow"> <div class="container"> <div class="row"> <div class="col-lg-24 text-center"> <h2 class="section-heading">Contato</h2> <p>Envie uma mensagem ou vejas as principais dúvidas</p> <div class="divider"> <hr class="pull-left dark"> <img src="/img/icons/text_message.png"/> <hr class="pull-right dark"> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-12 col-sm-24 text-left"> <form role="form" id="form-contact" novalidate> <p class="no-padding no-margin text-right text-red"> <small> <i>*Campos obrigatórios</i> </small> </p> <input type="hidden" id="send" name="send" value="ok"> <div class="form-group"> <label for="name">Nome completo <span class="text-danger">*</span></label> <input type="text" class="form-control" id="name" name="name"/> <span class="help-block hidden">Por favor, preencha o seu nome</span> </div> <div class="form-group"> <label for="email">E-mail de contato <span class="text-danger">*</span></label> <input type="email" class="form-control" id="email" name="email"/> <span class="help-block hidden">Por favor, preencha o seu endereço de e-mail corretamente</span> </div> <div class="form-group"> <label for="namLogin">Login <span class="text-muted">(Já tem uma conta no UOL Afiliados? Informe seu login para agilizar o atendimento)</span></label> <input type="text" class="form-control" id="namLogin" name="namLogin"/> </div> <div class="form-group"> <label for="campaign">Sobre qual campanha você quer falar? <span class="text-danger">*</span></label> <select type="text" class="form-control" id="campaign" name="campaign"> <option value="" selected disabled>Selecione</option> <option value="pagseguro">PagBank</option> <option value="uol">UOL/Outros produtos</option> </select> </div> <div class="form-group"> <label for="subject">Assunto <span class="text-danger">*</span></label> <select type="text" class="form-control" id="subject" name="subject"></select> </div> <div class="form-group"> <label for="subject-detail">Detalhe do assunto <span class="text-danger">*</span></label> <select type="text" disabled class="form-control" id="subject-detail" name="subject-detail"></select> </div> <div class="form-group"> <label for="message">Mensagem <span class="text-danger">*</span></label> <textarea class="form-control" rows="3" id="message" name="message"></textarea> <span class="help-block hidden">Escreva a sua mensagem</span> </div> <div class="form-group"> <label for="attachment">Anexar <span class="text-muted">(Imagens, arquivos ou documentos que ilustrem seu contato)</span></label>  <div id="file-drop-upload" class="form-control"> <input type="file" name="attachment" id="attachment" class="file" accept="application/pdf, image/*"/> <div id="add-file"> <span class="glyphicon glyphicon-paperclip"></span> Adicione o arquivo <span class="text-muted">ou arraste até aqui</span> </div> </div> <span class="file-name text-muted"></span> <span class="help-block hidden">Tamanho de arquivo máximo permitido: 2MB</span> </div> <div id="re-captcha" class="g-recaptcha"></div> <button id="contactSubmit" type="submit" disabled class="btn btn-primary">Enviar</button> </form> </div> <div class="col-md-12 col-sm-24 text-left"> <div class="boxed-container"> <img src="/img/icons/question.png"> <h3>Dúvidas frequentes</h3> <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> <div class="panel panel-default"> <div data-toggle="collapse" data-parent="#accordion" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne" class="panel-heading collapsed" role="tab" id="headingOne"> <h4 class="panel-title">1. Não tenho um site, posso me cadastrar mesmo assim?</h4> <a href="#" onclick="return false;" class="panel-heading-option"> <span></span></a> </div> <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"> <div class="panel-body"> <p> Sim. Para se tornar um afiliado UOL não é necessário ter site próprio. Você pode se cadastrar utilizando seus perfis de redes sociais, como por exemplo, Facebook e YouTube. </p> </div> </div> </div> <div class="panel panel-default"> <div data-toggle="collapse" data-parent="#accordion" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo" class="panel-heading collapsed" role="tab" id="headingTwo"> <h4 class="panel-title">2. Já possuo um cadastro em outros serviços do UOL, como prosseguir?</h4> <a href="#" onclick="return false;" class="panel-heading-option"> <span></span></a> </div> <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo"> <div class="panel-body"> <p>Caso você já tenha uma conta cadastrada em algum produto UOL (Ex. PagBank), você deve seguir as instruções abaixo:</p> <ol> <li>Acessar uol.com.br/afiliados;</li> <li>Clicar no botão "<strong>Cadastre-se</strong>";</li> <li>No campo e-mail, informar o e-mail utilizado em seu cadastro ativo;</li> <li>Informar a senha utilizada neste cadastro;</li> <li>Terminar de preencher os dados solicitados pela plataforma (dados de recebimento);</li> <li>Clicar no botão "<strong>Continuar</strong>".</li> </ol> </div> </div> </div> <div class="panel panel-default"> <div data-toggle="collapse" data-parent="#accordion" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree" class="panel-heading collapsed" role="tab" id="headingThree"> <h4 class="panel-title">3. Não lembro a minha senha. Como faço para recuperá-la?</h4> <a href="#" onclick="return false;" class="panel-heading-option"> <span></span></a> </div> <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree"> <div class="panel-body"> <p>Para recuperar sua senha, você deve seguir as instruções abaixo:</p> <ol> <li>Acessar uol.com.br/afiliados;</li> <li>Informar o e-mail de cadastro em "<strong>Acesse sua conta</strong>";</li> <li>Clique no link "<strong>Esqueceu sua senha</strong>";</li> <li>Informe novamente o e-mail em "<strong>Esqueceu sua senha</strong>";</li> <li>Clique em "<strong>Continuar</strong>";</li> <li>Você pode redefinir através do e-mail alternativo cadastrado ou redefinir utilizando o celular cadastrado;</li> </ol> <p> <strong>Se optar por escolher o e-mail alternativo, você deve clicar nesta opção;</strong> </p> <ol> <li>Digitar o e-mail alternativo completo;</li> <li>O sistema irá encaminhar um link para a redefinição da senha;</li> <li>Clicar no botão "<strong>Redefinir senha</strong>";</li> <li>Digitar a nova senha;</li> <li>Confirmar novamente a senha;</li> <li>Clicar em "<strong>Redefinir senha</strong>".</li> </ol> <p> <strong>Se optar por escolher a recuperação via celular, você deve clicar nesta opção;</strong> </p> <ol> <li>Informar o telefone cadastrado; </li> <li>Clicar em "<strong>Solicitar código</strong>"</li> <li>O sistema irá enviar um SMS no celular cadastrado;</li> <li>Informar o código recebido;</li> <li>Clicar em "<strong>Confirmar</strong>";</li> <li>Digitar a nova senha;</li> <li>Confirmar novamente a senha;</li> <li>Clicar em "<strong>Redefinir senha</strong>"</li> </ol> </div> </div> </div> <div class="panel panel-default"> <div data-toggle="collapse" data-parent="#accordion" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour" class="panel-heading collapsed" role="tab" id="headingFour"> <h4 class="panel-title">4. Quanto tempo demora para o meu cadastro/site/programa ser aprovado?</h4> <a href="#" onclick="return false;" class="panel-heading-option"> <span></span></a> </div> <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour"> <div class="panel-body"> <p>O prazo médio para aprovação é de 72 horas.</p> </div> </div> </div> <div class="panel panel-default"> <div data-toggle="collapse" data-parent="#accordion" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive" class="panel-heading collapsed" role="tab" id="headingFive"> <h4 class="panel-title">5. Quais são os motivos comuns para a reprovação?</h4> <a href="#" onclick="return false;" class="panel-heading-option"> <span></span></a> </div> <div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive"> <div class="panel-body"> <ol> <li>Site/perfil não serem de sua propriedade. Url's como facebook.com, serão reprovadas;</li> <li>Site/perfil já estar vinculada a outra conta. Lembre-se sempre de verificar se já não existe uma conta criada por você;</li> <li>Site em manutenção/Não publicado;</li> <li>Urls que contenham a marca do UOL e/ou respectivos produtos;</li> </ol> </div> </div> </div> <div class="panel panel-default"> <div data-toggle="collapse" data-parent="#accordion" data-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix" class="panel-heading collapsed" role="tab" id="headingSix"> <h4 class="panel-title">6. Quais as regras para que eu possa receber um pagamento?</h4> <a href="#" onclick="return false;" class="panel-heading-option"> <span></span></a> </div> <div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSix"> <div class="panel-body"> <p>Para receber um pagamento, é necessário:</p> <ol> <li>Acumular R$30,00;</li> <li>Ter uma conta corrente que seja do titular da conta;</li> </ol> </div> </div> </div> <div class="panel panel-default"> <div data-toggle="collapse" data-parent="#accordion" data-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven" class="panel-heading collapsed" role="tab" id="headingSeven"> <h4 class="panel-title">7. Quando eu recebo o meu pagamento?</h4> <a href="#" onclick="return false;" class="panel-heading-option"> <span></span></a> </div> <div id="collapseSeven" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSeven"> <div class="panel-body"> <p>O período de apuração para pagamento se inicia no dia 1º de um mês e fecha no último dia do mesmo mês, com pagamento a ser realizado cerca de 30 dias posteriores ao fechamento, no 1º dia útil.</p> <div>Exemplo:</div> <div> <i>Período de apuração de Setembro:</i> a régua abre em 01/09 e fecha em 30/09.<br/> <i>Pagamento:</i> o pagamento deste período será realizado em 01/11.</div> </div> </div> </div> <div class="panel panel-default"> <div data-toggle="collapse" data-parent="#accordion" data-target="#collapseEight" aria-expanded="false" aria-controls="collapseEight" class="panel-heading collapsed" role="tab" id="headingEight"> <h4 class="panel-title">8. Existe outra forma de pagamento diferente de conta corrente?</h4> <a href="#" onclick="return false;" class="panel-heading-option"> <span></span></a> </div> <div id="collapseEight" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingEight"> <div class="panel-body"> <p>Não. Os pagamentos são realizados somente em conta corrente do titular. </p> </div> </div> </div> <div class="panel panel-default"> <div data-toggle="collapse" data-parent="#accordion" data-target="#collapseNine" aria-expanded="false" aria-controls="collapseNine" class="panel-heading collapsed" role="tab" id="headingNine"> <h4 class="panel-title">9. Como cancelar minha conta?</h4> <a href="#" onclick="return false;" class="panel-heading-option"> <span></span></a> </div> <div id="collapseNine" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingNine"> <div class="panel-body"> <p>Para cancelar sua conta, você deve entrar em contato com o nosso time através do <a href="http://afiliados.uol.com.br/#contact" title="Contato">link</a>.</p> </div> </div> </div> <div class="panel panel-default"> <div data-toggle="collapse" data-parent="#accordion" data-target="#collapseTen" aria-expanded="false" aria-controls="collapseTen" class="panel-heading collapsed" role="tab" id="headingTen"> <h4 class="panel-title">10. É descontado algum imposto dos meus pagamentos?</h4> <a href="#" onclick="return false;" class="panel-heading-option"> <span></span></a> </div> <div id="collapseTen" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTen"> <div class="panel-body"> <p>Em alguns casos, é descontado o IRPF. Saiba se você se enquadra aqui: <a href="https://afiliados.uol.com.br/faq.html#tax-information">https://afiliados.uol.com.br/faq.html#tax-information</a> </p> </div> </div> </div> <div class="panel panel-default"> <div data-toggle="collapse" data-parent="#accordion" data-target="#collapseEleven" aria-expanded="false" aria-controls="collapseEleven" class="panel-heading collapsed" role="tab" id="headingEleven"> <h4 class="panel-title">11. Onde posso ler as regras de divulgação?</h4> <a href="#" onclick="return false;" class="panel-heading-option"> <span></span></a> </div> <div id="collapseEleven" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingEleven"> <div class="panel-body"> <p>Para consultar as regras de divulgação de cada programa, você deve seguir as instruções abaixo:</p> <ol> <li>Acessar uol.com.br/afiliados;</li> <li>Clicar em "Login";</li> <li>Na área logada, clicar em "Anunciantes";</li> <li>Selecionar o programa que deseja divulgar, clicando no botão <span class="show">"Divulgue já";</span></li> <li>Na tela do programa, clicar no botão "Regras de divulgação".</li> </ol> <p>DICA: Consulte e aplique sempre as regras de divulgação dos programas. Caso você veicule uma campanha e a mesma não esteja de acordo com as regras de divulgação, sua conta/ganhos podem ser suspensos. Caso tenha dúvida ou ideia de divulgação que não esteja contemplada nas regras, entrar em contato através do link.</p> <p>(o link deste item no FAQ está aqui: <a href="https://afiliados.uol.com.br/faq.html#rules">https://afiliados.uol.com.br/faq.html#rules)</a> </p> </div> </div> </div> <div class="panel panel-default"> <div data-toggle="collapse" data-parent="#accordion" data-target="#collapseTwelve" aria-expanded="false" aria-controls="collapseTwelve" class="panel-heading collapsed" role="tab" id="headingTwelve"> <h4 class="panel-title">12. Como consultar o contrato?</h4> <a href="#" onclick="return false;" class="panel-heading-option"> <span></span></a> </div> <div id="collapseTwelve" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwelve"> <div class="panel-body"> <p class="text-left">Nosso contrato está disponível para consulta aqui: <a href="https://afiliados.uol.com.br/faq.html#contract">https://afiliados.uol.com.br/faq.html#contract</a> </p> </div> </div> </div> <div class="panel panel-default"> <div data-toggle="collapse" data-parent="#accordion" data-target="#collapseThirteen" aria-expanded="false" aria-controls="collapseThirteen" class="panel-heading collapsed" role="tab" id="headingThirteen"> <h4 class="panel-title">13. Quais os formatos disponíveis para veiculação?</h4> <a href="#" onclick="return false;" class="panel-heading-option"> <span></span></a> </div> <div id="collapseThirteen" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThirteen"> <div class="panel-body"> <p> <b>Banner</b> </p> <p>É um formato publicitário bastante utilizado na internet, para divulgação de produtos/serviços. São imagens desenvolvidas nos formatos .jpg ou gif e podem ter várias dimensões (tamanho) e que são utilizadas em sites ou blogs.</p> <p> <b>Banner Rotativo</b> </p> <p>É o mesmo formato do banner, com a diferença que nesse formato, você pode rotacionar os banners de um ou mais produtos em um único código.</p> <p> <b>Email Marketing</b> </p> <p>Templates para divulgação em massa por e-mail.</p> <p> <b>Links Prontos</b> </p> <p>Link disponibilizado pela plataforma para a divulgação de um produto/serviço e que pode ser utilizado na divulgação em redes sociais, sites e blogs.</p> <p> <b>Link Personalizado</b> </p> <p>Ferramenta que permite que determinado link do anunciante seja utilizado pelo afiliado na divulgação em redes sociais, sites e blogs.</p> <p> <b>XML</b> </p> <p>Modelo disponibilizado para quem tem experiência com a linguagem XML. Com ele você terá toda a flexibilidade do XML para criar anúncios relevantes aos visitantes e conteúdo do seu site e/ou blog.</p> <p>(o link deste item no FAQ está aqui: <a href="https://afiliados.uol.com.br/faq.html#ad">https://afiliados.uol.com.br/faq.html#ad</a>)</p> </div> </div> </div> </div> <div class="row"> <div class="col-lg-24 text-center"> <div class="more"> <a href="/ajuda.html" type="button" class="btn btn-secondary-dark btn-outline" title="Outras dúvidas">Outras dúvidas</a> </div> </div> </div> </div> </div> </div> </div> </section> <div class="modal fade internationalContactFeedback" id="internationalContactSuccess" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body"> <div class="alert alert-lg alert-success"> <strong>Thanks! We will contact you as soon as possible.</strong> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <div class="modal fade internationalContactFeedback" id="internationalContactError" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body"> <div class="alert alert-lg alert-danger"> <strong>An error occurred while sending mail. Try again later.</strong> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div>  <div class="modal fade" id="contactSuccess" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">E-mail enviado com sucesso</h4> </div> <div class="modal-body"> <p>Muito obrigado. Recebemos seu e-mail e em breve um de nossos atendentes entrará em contato com você.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal">Fechar</button> </div> </div> </div> </div>  <div class="modal fade" id="contactFail" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Erro ao enviar e-mail</h4> </div> <div class="modal-body"> <p>Ocorreu um erro ao tentar enviar o e-mail. Verifique os campos e tente novamente mais tarde</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button> </div> </div> </div> </div> <div class="modal fade" id="internationalModal" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Please fill out the form below and we'll get in touch</h4> </div> <div class="modal-body"> <form id="internationalForm" role="form"> <div class="col-lg-12"> <div class="form-group"> <label for="intName">First Name <span class="text-danger">*</span></label> <input type="text" class="form-control" id="intName" name="intName" minlength="1" required/> </div> </div> <div class="col-lg-12"> <div class="form-group"> <label for="intLastName">Last Name <span class="text-danger">*</span></label> <input type="text" class="form-control" id="intLastName" name="intLastName" minlength="1" required/> </div> </div> <div class="col-lg-24"> <div class="form-group"> <label for="intPhone">Phone Number <span class="text-danger">*</span></label> <input type="number" class="form-control no-spinners" id="intPhone" name="intPhone" required/> </div> </div> <div class="col-lg-24"> <div class="form-group"> <label for="intEmail">Email Address <span class="text-danger">*</span></label> <input type="email" class="form-control" id="intEmail" name="intEmail" required/> </div> </div> <div class="col-lg-24"> <div class="form-group"> <label for="intSite">Website <span class="text-danger">*</span></label> <input type="url" class="form-control" id="intSite" name="intSite" required/> </div> </div> <div class="col-lg-24"> <div class="form-group"> <label for="intCountry">Country </label> <div id="intCountry" name="intCountry" class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="countrymenuclone" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <span class="caret"></span> </button> <ul id="country-dropdown-clone" class="dropdown-menu" aria-labelledby="countrymenuclone"></ul> </div> </div> </div> <div class="col-lg-24 text-center"> <button id="internationalFormSubmit" type="submit" class="btn btn-primary btn-lg">Send</button> </div> </form> </div> <div class="modal-footer"></div> </div> </div> </div> <section id="footer" class="bg-accent-dark no-padding"> <div class="container"> <div class="row visible-xs"> <div class="col-xs-24"> <div class="item bordered"> <div> <h5>Blog</h5> <p class="text-faded">Informações, dicas, ajuda e novidades</p> </div> <a type="button" href="https://blog.afiliados.uol.com.br" class="btn btn-primary" title="Conheca">Conheça</a> </div> </div> <div class="col-xs-24"> <div class="item bordered"> <div> <h5>Dúvidas?</h5> <p class="text-faded">Encontre as informações que precisa aqui.</p> </div> <a type="button" href="/ajuda.html" class="btn btn-primary" title="Ajuda">Ajuda</a> </div> </div> <div class="col-xs-24"> <div class="item bordered"> <div> <h5>Ganhe dinheiro</h5> <p class="text-faded">Comece agora mesmo a ganhar dinheiro com o seu site</p> </div> <a href="https://checkout.uol.com.br/#/afiliados/individual/0?promotion=PROMOAFILIADOLP" type="button" class="btn btn-primary" title="Cadastre-se">Cadastre-se</a>  </div> </div> <div class="col-xs-24"> <div class="item"> <h5>Fique por dentro de todas as novidades do UOL Afiliados</h5> <a href="https://www.facebook.com/UOLAfiliados/" title="Facebook"> <img class="img-responsive" src="/img/icons/facebook.png" /> </a> </div> </div> </div> <div class="row hidden-xs"> <div class="col-sm-6"> <div class="item-centered"> <img class="img-responsive" src="/img/logo_uolafiliados_rodape.svg" width="200"> </div> </div> <div class="col-sm-4 bordered"> <div> <h5>Blog</h5> <p class="text-faded">Informações, dicas, ajuda e novidades</p> </div> <a type="button" href="https://blog.afiliados.uol.com.br" class="btn btn-primary" title="Conheca">Conheça</a> </div> <div class="col-sm-4 bordered"> <div> <h5>Dúvidas?</h5> <p class="text-faded">Encontre as informações que precisa aqui.</p> </div> <a type="button" href="/ajuda.html" class="btn btn-primary" title="Ajuda">Ajuda</a> </div> <div class="col-sm-4 bordered"> <div> <h5>Ganhe dinheiro</h5> <p class="text-faded">Comece a ganhar dinheiro com seu site agora mesmo</p> </div> <a href="https://checkout.uol.com.br/#/afiliados/individual/0?promotion=PROMOAFILIADOLP" type="button" class="btn btn-primary" title="Cadastre-se">Cadastre-se</a>  </div> <div class="col-sm-6"> <div class="item"> <h5>Fique por dentro de todas as novidades do UOL Afiliados</h5> <a href="https://www.facebook.com/UOLAfiliados/" title="Facebook"> <img class="img-responsive" src="/img/icons/facebook.png" /> </a> </div> </div> </div> </div> </section> <section id="copyright" class="bg-shadow"> <p class="text-center small copyright--text">©1996 - <script type="text/javascript"> document.write(new Date().getFullYear()); </script> - UOL - O melhor conteúdo. Todos os direitos reservados.</p> </section>  <script src="/vendor/jquery/jquery.min.js" type="text/javascript"></script>  <script src="/vendor/jquery-validation/jquery.validate.min.js" type="text/javascript"></script> <script src="/vendor/jquery-validation/additional-methods.js" type="text/javascript"></script>  <script src="https://conteudo.jsuol.com.br/g/uolfw/1.7.4/js/UOLfw.min.js" type="text/javascript"></script> <script src="https://conteudo.jsuol.com.br/p/afiliados/uol-header/0.3.2/js/header.min.js" type="text/javascript"></script> <script> $('.uolheader').uolHeader({ ROIProductId: 120, uolBarIconPath: '/img/logo_uol.svg', uolBarMobileIconPath: '/img/logo_uolafiliados_header_logged.svg', productBarIconPath: '/img/logo_uolafiliados_header_logged.svg', homeUrl: 'https://afiliados.uol.com.br' }); </script> <script src="/js/scripts.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> <script> function goToProductPage() { let redir = this.getAttribute('click_redir'); if (redir) { open(redir); } else { open("https://conta.uol.com.br/login?t=afiliados&dest=https%3A%2F%2Fafiliados.uol.com.br%2F"); } } $(document).ready(function () { var owl_carousel = document.querySelector(".owl-carousel"); $.getJSON("/json/campaigns.json", function (results) { for (var i = 0; i < results.length; i++) { for (var j = 0; j < results.length; j++) { if (results[i].order < results[j].order) { var temp = results[j]; results[j] = results[i]; results[i] = temp; } } } for (var k = 0; k < results.length; k++) { var div_wrapper_box = document.createElement("div"); var div_service_box = document.createElement("div"); var div_service_box_inner = document.createElement("div"); var div_service_box_top_img = document.createElement("div"); var commission_description_contain = document.createElement("div"); var commission_description = document.createElement("p"); var img_commission = document.createElement("img"); div_wrapper_box.setAttribute("class", "col-md-24 col-lg-24 text-center"); div_service_box.setAttribute("class", "service-box"); commission_description_contain.setAttribute("class", "container-text-service"); div_service_box.setAttribute("click_redir", results[k].product_page); div_service_box.addEventListener("click", goToProductPage); div_service_box_top_img.setAttribute("class", "topImg"); img_commission.setAttribute("class", "img-responsive"); img_commission.src = results[k].image_url; commission_description.innerHTML = results[k].commission_description; commission_description_contain.appendChild(commission_description); /* Div Img Top */ div_service_box_top_img.style.height = "100px"; div_service_box_top_img.style.backgroundImage = "url('" + results[k].image_url + "')"; div_service_box_top_img.style.backgroundSize = "contain"; div_service_box_top_img.style.backgroundRepeat = "no-repeat"; div_service_box_top_img.style.backgroundPosition = "center"; div_service_box.appendChild(div_service_box_top_img); div_service_box.appendChild(commission_description_contain); div_wrapper_box.appendChild(div_service_box); owl_carousel.appendChild(div_wrapper_box); } var owl = $('.owl-carousel').owlCarousel({ loop: true, dots: true, margin: 3, nav: true, smartSpeed: 1500, autoplay: true, navText: [ '<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>' ], navClass: [ 'owl-prev', 'owl-next' ], responsive: { 0: { items: 1 }, 600: { items: 2 }, 768: { items: 2 }, 1000: { items: 4, dots: false } } }); $('.next-btn').click(function () { owl.trigger('next.owl.carousel'); }); $('.prev-btn').click(function () { owl.trigger('prev.owl.carousel'); }); }); var year = new Date(); $('.year').text(year.getFullYear()); }); </script> </body> </html>

CINXE.COM

UOL Afiliados - Publique anúncios e ganhe dinheiro com seu site