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 !!!
Enviar checkout para meu e-mail e redirecionar para página de compra
em Desenvolvimento frontend
Postado
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>