Jump to content
MirukaBr

Enviar checkout para meu e-mail e redirecionar para página de compra

Recommended Posts

Olá galera, sou bem iniciante em html, porém de pouco em pouco tô tentando aprender. Queria fazer uma espécie de checkout para uma loja que estou fazendo, e pra isso usei uma base de formulário para fazer isso, pois o Mercado Pago não salva seus dados de endereço, então achei melhor fazer uma página de checkout para isso. Com ajuda de um gerador que encontrei fuçando na net, consegui o código que colocarei abaixo, porém no mesmo site do gerador, não oferece o botão de enviar. Queria saber como faço para enviar o formulário para meu e-mail ou outro lugar e após isso redirecionar o comprador para o Mercado Pago para efetuar o pagamento, desde já fico agradecido !!!

 

Código abaixo:

 

<form class="form-horizontal">
<fieldset>

<!-- Form Name -->
<legend>Checkout</legend>

<!-- Text input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="Nome ">Nome</label>  
  <div class="col-md-4">
  <input id="Nome " name="Nome " type="text" placeholder="Seu nome" class="form-control input-md">
    
  </div>
</div>

<!-- Text input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="Sobrenome">Sobrenome</label>  
  <div class="col-md-4">
  <input id="Sobrenome" name="Sobrenome" type="text" placeholder="Seu sobrenome" class="form-control input-md">
    
  </div>
</div>

<!-- Text input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="Endereço">Endereço</label>  
  <div class="col-md-4">
  <input id="Endereço" name="Endereço" type="text" placeholder="Primeira linha do endereço" class="form-control input-md">
    
  </div>
</div>

<!-- Text input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="Endereço2">Nº, Complemento...</label>  
  <div class="col-md-4">
  <input id="Endereço2" name="Endereço2" type="text" placeholder="Informações adicionais do endereço" class="form-control input-md">
    
  </div>
</div>

<!-- Text input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="Cidade">Cidade</label>  
  <div class="col-md-4">
  <input id="Cidade" name="Cidade" type="text" placeholder="Sua cidade" class="form-control input-md">
    
  </div>
</div>

<!-- Multiple Checkboxes (inline) -->
<div class="form-group">
  <label class="col-md-4 control-label" for="Estado">Estado</label>
  <div class="col-md-4">
    <label class="checkbox-inline" for="Estado-0">
      <input type="checkbox" name="Estado" id="Estado-0" value="AC">
      AC
    </label>
    <label class="checkbox-inline" for="Estado-1">
      <input type="checkbox" name="Estado" id="Estado-1" value="AL">
      AL
    </label>
    <label class="checkbox-inline" for="Estado-2">
      <input type="checkbox" name="Estado" id="Estado-2" value="AP">
      AP
    </label>
    <label class="checkbox-inline" for="Estado-3">
      <input type="checkbox" name="Estado" id="Estado-3" value="AM">
      AM
    </label>
    <label class="checkbox-inline" for="Estado-4">
      <input type="checkbox" name="Estado" id="Estado-4" value="BA">
      BA
    </label>
    <label class="checkbox-inline" for="Estado-5">
      <input type="checkbox" name="Estado" id="Estado-5" value="CE">
      CE
    </label>
    <label class="checkbox-inline" for="Estado-6">
      <input type="checkbox" name="Estado" id="Estado-6" value="DF">
      DF
    </label>
    <label class="checkbox-inline" for="Estado-7">
      <input type="checkbox" name="Estado" id="Estado-7" value="ES">
      ES
    </label>
    <label class="checkbox-inline" for="Estado-8">
      <input type="checkbox" name="Estado" id="Estado-8" value="GO">
      GO
    </label>
    <label class="checkbox-inline" for="Estado-9">
      <input type="checkbox" name="Estado" id="Estado-9" value="MA">
      MA
    </label>
    <label class="checkbox-inline" for="Estado-10">
      <input type="checkbox" name="Estado" id="Estado-10" value="MT">
      MT
    </label>
    <label class="checkbox-inline" for="Estado-11">
      <input type="checkbox" name="Estado" id="Estado-11" value="MS">
      MS
    </label>
    <label class="checkbox-inline" for="Estado-12">
      <input type="checkbox" name="Estado" id="Estado-12" value="MG">
      MG
    </label>
    <label class="checkbox-inline" for="Estado-13">
      <input type="checkbox" name="Estado" id="Estado-13" value="PA">
      PA
    </label>
    <label class="checkbox-inline" for="Estado-14">
      <input type="checkbox" name="Estado" id="Estado-14" value="PB">
      PB
    </label>
    <label class="checkbox-inline" for="Estado-15">
      <input type="checkbox" name="Estado" id="Estado-15" value="PR">
      PR
    </label>
    <label class="checkbox-inline" for="Estado-16">
      <input type="checkbox" name="Estado" id="Estado-16" value="PE">
      PE
    </label>
    <label class="checkbox-inline" for="Estado-17">
      <input type="checkbox" name="Estado" id="Estado-17" value="PI">
      PI
    </label>
    <label class="checkbox-inline" for="Estado-18">
      <input type="checkbox" name="Estado" id="Estado-18" value="RJ">
      RJ
    </label>
    <label class="checkbox-inline" for="Estado-19">
      <input type="checkbox" name="Estado" id="Estado-19" value="RN">
      RN
    </label>
    <label class="checkbox-inline" for="Estado-20">
      <input type="checkbox" name="Estado" id="Estado-20" value="RS">
      RS
    </label>
    <label class="checkbox-inline" for="Estado-21">
      <input type="checkbox" name="Estado" id="Estado-21" value="RO">
      RO
    </label>
    <label class="checkbox-inline" for="Estado-22">
      <input type="checkbox" name="Estado" id="Estado-22" value="RR">
      RR
    </label>
    <label class="checkbox-inline" for="Estado-23">
      <input type="checkbox" name="Estado" id="Estado-23" value="SC">
      SC
    </label>
    <label class="checkbox-inline" for="Estado-24">
      <input type="checkbox" name="Estado" id="Estado-24" value="SP">
      SP
    </label>
    <label class="checkbox-inline" for="Estado-25">
      <input type="checkbox" name="Estado" id="Estado-25" value="SC">
      SC
    </label>
    <label class="checkbox-inline" for="Estado-26">
      <input type="checkbox" name="Estado" id="Estado-26" value="SE">
      SE
    </label>
    <label class="checkbox-inline" for="Estado-27">
      <input type="checkbox" name="Estado" id="Estado-27" value="TO">
      TO
    </label>
  </div>
</div>

</fieldset>
</form>

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Rafaeloliveiraz
      Olá pessoal,
       
      Eu estou tentando criar uma variavel para fazer um checker no conteúdo do input de um form antes de realizar o envio... Por exemplo SE o conteúdo do campo começar com "http://facebook.com/..." ele faz o envio normalmente, porém caso o começo seja OUTRO preciso que substituia o valor preenchido por um valor padrão e ai realize o envio.
       
      Acredito que com if e else resolva meu problema, eu até criei o bloqueio para que o conteúdo não seja enviado se for diferente mas por algum motivo ele só está funcionando se a pessoa tentar enviar uma segunda vez, como se o bloquei só funcionasse após a pessoa realizar o primeiro envio, então acabei desativando. O códito está somente assim agora:
       
       
      <form action="" id="shortForm" method="post"> <div> <input type="text" name="url" id="url" size="60" value="http://" onfocus="clearText(this)" class="input round-left" /> <button class="input button round-right" id="create">Encurtar URL</button> </div> </form>  
       
      Este form é para um encurtador de URL, onde eu quero que somente URLs do meu site sejam encurtadas, e caso alguém utilize uma URL para outro site preciso que o form altere o link dessa pessoa para outro padrão sem que ela saiba...
       
      Eu até montei a função mas não estou sabendo como posso mesclar com o input do form:
       
      <!DOCTYPE html> <html> <body> <p>Mudar conteúdo de envio</p> <input id="url" type="text"> <button onclick="myFunction()">Encurtar</button> <p id="envio"></p> <script> function myFunction() { var link = document.getElementById("url").value; var text; // Se a URL estiver certa if (link === "http://meusite.com/...") { input = "Enviado sem alterações"; // Se a url for outra } else { input = "http://urlcorreta.com"; } document.getElementById("envio").innerHTML = input; } </script> </body> </html>  
      Alguém poderia me dizer se isso poderia funcionar e como eu deveria seguir para mesclar ambos?
       
      Obrigado.
       
    • By fideles
      Fala pessoal, tudo na paz? Como anda a quarentena ? Todos se cuidando....
       
      Seguinte, uma dúvida ou navalhada minha,
       
      Tenho um form simples, básico mesmo onde trampo, só para fazermos levantamento quando alguém chega.
       
      Nome da pessoa
      Um regime de contratação (CLT ou PJ) (input do tipo radio) (Nos value dos input radio tem CLT e PJ)
      Nome da empresa (campo oculto) (aqui funciona na boa)
       
      Preciso fazer com que se a pessoa clicar em PJ fazer ela preencher obrigatoriamente o campo "Nome da empresa" se ela for CLT não faz nada.
       
      Já tentei da seguinte forma e não da certo, talvez esteja errando por bobeira.
       
      if(empty($tipo_contratacao == "PJ")) { echo "<meta http-equiv='refresh' content='0; pesquisa_retorno_2.php'><script>alert('O campo nome da empresa não foi preenchido')</script>" ; return false; }  
      Alguém tem uma luz ?
       
      Obrigado.
    • By BrunaLS
      Olá! Venho pedir uma ajuda para pensar sobre as mudanças que devo fazer no meu site.
       
      Hoje tenho um site no wix: www.brunamoraespsicologa.com.br
      Já recebi o feedback de muitas pessoas de que um site no wix não é uma coisa que ajuda muito no meu SEO.
      Portanto estou pensando em migrar para a plataforma wordpress. Pelo que eu entendi, eu teria que fazer uma estrutura (paginas, links) igualzinha neste novo site wordpress, inclusive ter conteúdos iguais em todas as páginas. Isso confere?
      Por que se for assim, penso que eu como não sou programadora iria ter sérias dificuldades. O que vocês acham?
       
      Meu outro problema é: preciso mudar o nome do meu domínio para www.brunalimapsicologa.com.br.
      Sendo assim, não sei nem por onde começar. A estratégia que penso é:
      1) fazer um novo site no wordpress
      2) instalar o domínio www.brunalimapsicologa.com.br no wordpress e deletar o do wix
      3) fazer o domínio www.brunamoraespsicologa.com.br redirecionar para o domínio do wordpress
      O que vocês acham, é o adequado a se fazer?
       
      Por que a minha maior questão é com o SEO do site. Não quero perder os backlinks que já tenho, o rankeamento.
      Então pergunto, de qual modo vocês fariam essa mudança?
       
      Agradeço desde já!
       
    • By 22studio
      Quero pegar os dados do carrinho e enviar para uma outra tabela, será um metodo de cotação, quando o usuario escolher todos os produtos ele pega os produtos do carrinho e joga pra tabela cotação, o que ta dando errado é que faço o foreach, mas só passa uma linha da tabela, se tento usar o $i++ não passa nada por causa do name do formulario, ao clicar em concluir cotação tem que pegar todos os dados da lista e jogar pro resultado, deixei o campo do id só pra visualização
       
          <?php $sqlcarrinho = DB::prepare("SELECT * FROM carrinho INNER JOIN produtos ON carrinho.idproduto = produtos.id WHERE carrinho.idusuario = '".$_SESSION['id']."'"); $sqlcarrinho->execute(); $mostracarrinho = $sqlcarrinho->fetchAll(PDO::FETCH_ASSOC); if (count($mostracarrinho) == true) {     foreach($mostracarrinho as $row){ ?>     <form action="addcarrinho.php?op=cotacao&idusuario=<?php echo $_SESSION['id']?>" method="post">         <input type="text" name="idproduto" value="<?php echo $row['idproduto']?>">         <?php }} ?>         <button type="submit" class="button cart_button_checkout">Concluir Cotação</button>     </form> Quando clico no botão concluir cotação ele joga para esse arquivo:
      Obs.: no codigo abaixo apenas quero receber os dados, caso dê certo farei com que esses dados sejam gravados na tabela em seguida
      if(isset($_GET['op']) and $_GET['op'] == 'cotacao' and $_SESSION['id']++){     $pega = $_POST['idproduto'];         var_dump($pega); }
      Só pega um resultado (item) do carrinho, quando precisaria que pegassem todos os itens e jogassem pra cá
    • By Alberto Nascimento
      Como faço para inserir data e horário no campo abaixo?
       
      <input name="horarioatual" id="horarioatual" style="width: 366px" type="text" />  
      Quando utilizava no PHP 5.3 funcionava com "echo", porém agora não esta mais quando estou utilizando o PHP 5.6
       
      <?php echo "$date"; ?>  
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.