Google mapas com jquery

Código completo abaixo:

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=CHAVEKEY"></script>
<script type="text/javascript" src="jquery.googlemap.js"></script>
</head>
<body>
<script type="text/javascript">
  $(function() {
    $("#map").googleMap({
      zoom: 15, // Initial zoom level (optional)
      type: "ROADMAP" // Map type (optional)
	  
    });
    $("#map").addMarker({
    	address: "avenida paulista, 1000 - São Paulo - SP" // Endereço
    	
    });
  })
</script>
</body>
</html>

Chave key:

  1. Obtenha a chave usando este Tutorial
  2. Cola a chave key no segundo java script, aonde est√° escrito CHAVEKEY

Download do Jquery Google Maps:

  1. Faça o download aqui
  2. Cole o arquivo jquery.googlemap.js na mesma pasta do arquivo raiz

Configuração:
Coloque o endereço dentro do campo address:

Site para clinica de reabilitação

A webdesign.emp.br √© especializada em cria√ß√Ķes de sites para clinica de reabilita√ß√£o

O site para clinica de reabilitação da webdesign.emp.br apresentara seus tratamentos, clinicas e seviços com clareza para seus internautas

Características do Site:

Layout personalizado e responsivo
Apresentação da cliníca
Apresentação dos serviços
Localização
Contato

Sites desenvolvidos:

http://anjosdeumaasa.com.br/
www.alianceprime.com.br

Nome:*
E-mail:*
Telefone:
-
Assunto:
Mensagem:
Anti spam

Site para Associação

A webdesign.emp.br √© especializada em cria√ß√Ķes de sites para associa√ß√Ķes.

O site para associação da webdesign.emp.br apresentara sua associação e serviços com clareza para seus internautas

Características do Site:

Layout personalizado e responsivo
Apresentação da associação
Apresentação dos serviços
Localização
Contato

Sites desenvolvidos:

http://abacon.net.br/
http://asnac.net/

Nome:*
E-mail:*
Telefone:
-
Assunto:
Mensagem:
Anti spam

PHP mailer com anexo

Faça download da biblioteca Aqui

<?php

function isImage( $type ) {

$mime_images = array('image/jpeg','image/jpg', 'image/jpeg', 'image/pjpeg', 'image/png', 'image/x-png', 'image/gif', 'application/pdf', 'application/msword');
// verificando se arquivo é imagem, pdf ou word
return in_array($type, $mime_images);
}

if($_GET['acao'] == 'enviar'){
 
 $nome 	    = $_POST['nome'];
 $email     = $_POST['replyto'];
 $telefone  = $_POST['telefone'];
 $arquivo   = $_FILES["arquivo"];
 

	 if(isImage($arquivo['type'] ) or ($arquivo['type']=='')) 
		  {
			
		  
	 
	 $corpoMSG = "<strong>Nome:</strong> $nome<br> <strong>E-mail:</strong> $email<br> <strong>Telefone:</strong> $telefone<br> ;
	 // chamada da classe, salve o download com o nome phpmailer na pasta raiz		
	 require_once('phpmailer/class.phpmailer.php');
	 // instanciando a classe
	 $mail   = new PHPMailer();
	 // email do remetente
	 $mail->SetFrom('email@dominio.com.br', 'Contato');
	 $mail->Host = "smtp.dominio.com.br"; // Endereço do servidor SMTP
	 $mail->SMTPAuth = true; // Usa autenticação SMTP? (opcional)
	 //$mail->SMTPSecure = 'ssl';	// SSL REQUERIDO pelo GMail
	 $mail->Port = 587;  		// A porta 587 dever√° estar aberta em seu servidor
	 $mail->Username = 'email@dominio.com.br'; // Usu√°rio do servidor SMTP
	 $mail->Password = 'senha'; // Senha do servidor SMTP
	 // email do destinatario
	 $address = "email@dominio.com.br";
	 $mail->AddAddress($address, "Athinaea");
	 // assunto da mensagem
	 $mail->Subject = "Assunto";
	 // corpo da mensagem
	 $mail->MsgHTML($corpoMSG);
	 // anexar arquivo
	 $mail->AddAttachment($arquivo['tmp_name'], $arquivo['name']  );
		 
		 if(!$mail->Send()) {
		   echo "Erro: " . $mail->ErrorInfo;
		  } else {
		   echo "<META http-equiv='refresh' content='1;URL=http://dominio.com.br/obrigado/'> ";
		  }
	}
	
	else
	{
	echo ('<script>alert("Arquivo Resumo profissional incompatível. Use no formato word, pdf ou imagem");</script>');
	}
}
?>
<form action="?acao=enviar" method="post" enctype="multipart/form-data">
<label for="nome">Nome(*):

<input id="nome" name="nome" required="required" type="text" />
</label>
<label for="replyto">E-Mail:

<input id="replyto" name="replyto" type="text" required="required"/>
</label>
<label for="telefone">Telefone(*):

<input id="telefone" name="telefone" required="required" type="text" /></label>
<input name="" type="submit" value="Cadastrar" /></td>
</form>

Adicionar variação de imagens por atributo no WooCommerce

Por padrão, o WooCommerce apenas trocará a imagem principal da variação quando você selecionar uma variação do produto, e não as imagens da galeria abaixo dela.

Esta extensão permite que os visitantes da sua loja online possam trocar imagens de galeria diferentes quando seleccionam uma variação de produto. Adicionar este recurso permitirá que os visitantes vejam imagens diferentes de uma variação do produto, todas na mesma cor e estilo.

Esta extens√£o permitir√° o uso de imagens m√ļltiplas por varia√ß√£o, e simplifica! Como? Em vez de carregar uma imagem por varia√ß√£o, carregue todas as imagens de varia√ß√£o para a galeria de produtos e, para cada imagem, escolha o slug correspondente da varia√ß√£o na lista suspensa. T√£o r√°pido e simples como isso!

WooCommerce 3.0 pronto
Características

Várias imagens para variação
Lente da lente de aumento
Ligthbox
Imagem principal / miniaturas swap on choose variation
Colunas de miniaturas personalizadas
Miniaturas ocultas
Compatível com WPML
Responsivo

Link do plugins
https://br.wordpress.org/plugins/smart-variations-images/

Captcha Google em PHP

O primeiro passo é conseguir uma chave de API do Google. Acesse aqui

O segundo passo é baixar a biblioteca Recaptcha do google. Acesse aqui Acesse aqui

Salve como recaptchalib.php na mesma pasta do arquivo raiz

O terceiro passo é criar uma pagina com o código abaixo

<form action="?id=1" method="post" >
<?php
 
// busca a biblioteca recaptcha
require_once "recaptchalib.php";

$envia = $_GET['id'];
// sua chave secreta
$secret = "cole sua chave secreta aqui";
 
// resposta vazia
$response = null;
 
// verifique a chave secreta
$reCaptcha = new ReCaptcha($secret);

// se submetido, verifique a resposta
if ($_POST["g-recaptcha-response"]) {
$response = $reCaptcha->verifyResponse(
        $_SERVER["REMOTE_ADDR"],
        $_POST["g-recaptcha-response"]
    );
}
 

    if ($response != null && $response->success):
        	
    //ação em caso de resposta positiva
	
	//====================================================
      elseif($id == true): // Note the combination of the words.
    echo " Voc√™ precisa provar que n√£o √© um rob√ī!!! ";
else:
    
endif;

    ?><div class="form-label">
<div class="g-recaptcha" data-sitekey="cole sua api key"></div> </div>

<input name="button" type="submit" class="bt-verde" id="button" value="Enviar" /></td>

</form>

O quarto passo é configurar a pagina

Aonde tem

$secret = "cole sua chave secreta aqui";

coloque sua chave secreta

Aonde tem

<div class="g-recaptcha" data-sitekey="cole sua api key"></div>

coloque sua api key

Aonde tem

//ação em caso de resposta positiva

coloque a ação que tratar os dados do formulário

Base css wordpress

/* WordPress Stuff */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

Pagamento Recorrente

Negócios que operam neste modelo faturam cobranças recorrentes por meio de planos de assinatura ou créditos,  oferecem período de testes, fazem upgrade e downgrade de planos com rateio automático e limitam o acesso a recursos de acordo com o plano do usuário ou pela falta de pagamento.

Utilizamos a Plataforma WordPress com a Loja virtual .

Entre em contato para mais informa√ß√Ķes

Nome:*
E-mail:*
Telefone:
-
Assunto:
Mensagem:
Anti spam

Woocommerce Frete Gr√°tis por Produto

O wordpress tem uma fun√ß√£o de frete gr√°tis integrada, por√©m esse frete se adequa nas seguintes situa√ß√Ķes

  • Para todos os produtos
  • Com cupom de desconto
  • Com valor de pedido X

Na sua função original ele não tem a opção de colocarmos para um produto especifico. Mas com uma função e classe de entrega vamos te passar como fazer isso.

1 РAtive a função frete grátis

Acesse o menu WooComemerce > Configura√ß√Ķes > Aba entrega

Cria uma regi√£o de entrega que ir√° atender o frete gr√°tis do produto, depois de salvar, adicione o metodo de entrega Frete Gr√°tis

 

2 – Crie a classe frete gr√°tis

Acesse o menu WooComemerce > Configura√ß√Ķes > Aba entrega > Aba classe de entrega

Crie a classe Frete Gr√°tis e no slug coloque entrega-gratuita

 

3 – Coloque a classe no produto

Em dados do produto, acesse a aba Entrega, na classe de entrega selecione Frete Gr√°tis

 

4 РCrie a função para ligação do frete grátis com a classe

Cole a função abaixo na pagina functions.php do seu tema

function my_wc_free_shipping_by_shipping_class( $rates, $package ) {
$shipping_class = 'entrega-gratuita'; // Slug da sua classe de entrega.
$allow_free_shipping = true;
// Verifica se todos os produtos precisam ser entregues e se possuem a class de entrega selecionada.
foreach ( $package['contents'] as $value ) {
$product = $value['data'];
if ( $product->needs_shipping() && $shipping_class !== $product->get_shipping_class() ) {
$allow_free_shipping = false;
break;
}
}
// Remove a entrega gratuita se algum produto n√£o possuir a classe de entrega selecionada.
if ( ! $allow_free_shipping ) {
foreach ( $rates as $rate_id => $rate ) {
if ( 'free_shipping' === $rate->method_id ) {
unset( $rates[ $rate_id ] );
break;
}
}
}
return $rates;
}
add_filter( 'woocommerce_package_rates', 'my_wc_free_shipping_by_shipping_class', 100, 2 );

Site para Colégio

Se voc√™ est√° precisando desenvolver um site din√Ęmico para o seu col√©gio, temos a solu√ß√£o ideal para voc√™.

Desenvolveremos um site din√Ęmico dentro da estrutura wordpress, assim voc√™ mesmo poder√° atualizar a agenda, avisos e eventos do col√©gio.

O site também possibilita apresentar o colégio, galeria de fotos, formulário para contato, matricula, avisos, calendário, cardápio, lista de material e etc.

Criaremos um site resposivo para celulares e tabletes, além de fazer um layout agradável e com a identidade visual do seu colégio

Entre em contato conosco e solicite um orçamento
www.webdesign.emp.br/fale-conosco/