1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Pegar nos parametros url e enviar por email

Discussão em 'Web Development' iniciada por SouONeves, 11 de Junho de 2019 às 15:57. (Respostas: 0; Visualizações: 1102)

  1. Boas, estou a desenvolver uma loja online, para fazer o carrinho de compras usei o simplecart js, ou seja, é sem php e funciona perfeitamente.

    A questão é o checkout ou pagamento, como preferirem. Por paypal, está a funcionar corretamente, mas queria utilizar uma forma em que as pessoas pudessem pagar apenas quando receberem em casa. Ou seja, após o preenchimento dos dados pessoais (nome, morada, codigo postal, ...), teria de me ser enviado um mail com os dados dessa pessoa e os produtos comprados.

    EDIT: Tenho um formulário de contacto que liga a um ficheiro php e envia o mail. Funciona, mas liguei a este código e não consigo por a andar.

    Este é o meu código:
    HTML:
    <!DOCTYPE html>
    <html>
    <head>
        <title>simpleCart</title>
        <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" href="style.css">
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
        <link href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
        <link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet" type="text/css">
        <link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic" rel="stylesheet" type="text/css">
        <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css">
        <link href="vendor/bootstrap/css/bootstrap.css" rel="stylesheet">
        <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    </head>
    
    <body>
        <section class="bg-dark" style="padding: 50px">
            <div class="container">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="simpleCart_items"></div>
                            <div class="left"><strong>Items: </strong><span class="simpleCart_quantity"></span></div>
                            <div class="right"><strong>Valor: </strong><span class="simpleCart_total"></span></div>
                            <div class="right"><strong>IVA: </strong><span class="simpleCart_tax"></span></div>
                            <div class="right"><strong>ENVIO: </strong>GRÁTIS</div>
                            <div class="right"><strong>Valor Total: </strong><span class="simpleCart_grandTotal"></span></div>
                        </div>
                    </div>
                </div>
                <p></p>
                <div class="card">
                    <div class="card-body">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="tab-content pt-4">
                                        <div class="tab-pane fade in show active" id="tabCheckoutBilling123" role="tabpanel">
                                            <form id="contactForm" name="sentMessage" novalidate>
                                                <div class="row">
                                                    <div class="col-md-6 mb-4">
                                                        <label for="firstName" class="">Nome</label>
                                                        <input type="text" id="firstName" class="form-control" placeholder="Nome" required>
                                                    </div>
                                                    <div class="col-md-6 mb-2">
                                                        <label for="lastName" class="">Apelido</label>
                                                        <input type="text" id="lastName" class="form-control" placeholder="Apelido" required>
                                                    </div>
                                                </div>
                                                <label for="email" class="">Email (opcional)</label>
                                                <input type="text" id="email" class="form-control mb-4" placeholder="[email protected]">
                                                <label for="address" class="">Morada</label>
                                                <input type="text" id="address" class="form-control mb-4" placeholder="Rua..." required>
                                                <label for="address-2" class="">Morada 2 (opcional)</label>
                                                <input type="text" id="address-2" class="form-control mb-4" placeholder="Ex: Local de Trabalho">
                                                <div class="row">
                                                    <div class="col-lg-4 col-md-4 mb-4">
                                                        <label for="state">Distrito</label>
                                                        <select class="custom-select d-block w-100" id="state" required>
                                                            <option value="">Escolher...</option>
                                                            <option>Aveiro</option>
                                                            <option>Beja</option>
                                                            <option>Braga</option>
                                                            <option>Bragança</option>
                                                            <option>Castelo Branco</option>
                                                            <option>Coimbra</option>
                                                            <option>Évora</option>
                                                            <option>Faro</option>
                                                            <option>Guarda</option>
                                                            <option>Leiria</option>
                                                            <option>Lisboa</option>
                                                            <option>Portalegre</option>
                                                            <option>Porto</option>
                                                            <option>Santarém</option>
                                                            <option>Setúbal</option>
                                                            <option>Viana do Castelo</option>
                                                            <option>Vila Real</option>
                                                            <option>Viseu</option>
                                                            <option>Madeira</option>
                                                            <option>Açores</option>
                                                        </select>
                                                        <div class="invalid-feedback">
                                                            Seleciona um distrito
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4 col-md-4 mb-4">
                                                        <label for="city">Localidade</label>
                                                        <input type="text" class="form-control" id="city" required>
                                                        <div class="invalid-feedback">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4 col-md-4 mb-4">
                                                        <label for="zip">Código-Postal</label>
                                                        <input type="text" class="form-control" id="zip" placeholder="0000-000" pattern="\d{4}-\d{3}" required>
                                                        <div class="invalid-feedback">
                                                        </div>
                                                    </div>
                                                </div>
                                                <hr>
                                                <div class="mb-1">
                                                    <input type="checkbox" class="form-check-input filled-in" id="chekboxRules" required>
                                                    <label class="form-check-label" for="chekboxRules">Eu aceito os termos e condições</label>
                                                </div>
                                                <hr>
                                                <div id="success"></div>
                                                <button id="sendMessageButton" class="btn btn-primary btn-lg btn-block" type="submit">Enviar</button>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
        <script src="simplecart.js"></script>
        <script src="script.js"></script>
        <script src="js/contact_me.js"></script>
        <script src="vendor/jquery/jquery.min.js"></script>
        <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
        <script src="vendor/bootstrap/js/bootstrap.js"></script>
        <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
        <script src="js/jqBootstrapValidation.js"></script>
        <script src="js/validator.js"></script>
        <script>
            $(document).ready(function() {
                $('.mdb-select').material_select();
            });
    
        </script>
    </body>
    
    </html>
    
     

Partilhar esta Página