Instawp - Site Wordpress

Site Teste WordPress

Site para testarmos as conversões https://app.instawp.io/dashboard

1. Acessar a pagina incial do link a cima e clicar em

2. Adicionar um nome ao site e criar

3. Acessar o site

4. Na coluna a esquerda selecionar Plugins e Add New

5. Vamos instalar o seguinte: woocommerce

6. Assim que instalar, pode clicar em ativar., abrira a seguinte pagina, preencheremos o endereço teste

10. Manter os dois na primeira opção

11. Não marcar esse ponto

12. Escolher StoreFront

13. Clicar em:

14. Dentro de Set Up Payments clicar em

15. Depois clicar em Set up Shipping

16. Em seguida complete task

17. Clicar em StoreFront

18. Depois em Lets go

19 Depois na outra pagina publicar, ai ja pode voltar pro site/wp-admin

Adicionando configuraçoes a mais (Formulario Contact

e numero de telefone e botão Whatzapp)

Numero de contato: adicionar ao body :

<h2 style="text-align: center"> (11) 1234-5123 </h2>

Gerador de botão whatzapp → https://codepen.io/JackTheKiller/full/eYpoowE

Adicionando formulario de Contact:

1. Ir em plugins

2. Pesquisar: Contact form 7

clicar em instalar e depois ativar

Depois ir na opção contato e adicionar novo

5. Escolha um nome para o seu formulário como na imagem abaixo e apague todo texto onde está marcado.

<label> First name

[text* Firstname] </label>

<label> Last name

[text* Lastname] </label>

<label> Your email

[email* Email] </label>

<label> Your Tel

[tel* Tel] </label>

<label> Street

[text* Street] </label>

<label> city

[text* City] </label>

<label> region Select

[select* Region "UF" "SP" "RJ" "MG" "PR"] </label>

<label> region

[text* region] </label>

<label> postal_code

[number* Postalcode] </label>

<label> Your message (optional)

[textarea your-message] </label>

[submit "Submit"]

Clicar em salvar e copiar o código gerado onde esta marcado no print abaixo

No painel do wordpress ir em pages, nesse caso podemos modificar uma pagina que já esta pronta, no caso do print abaixo o Sample page, mas pode ser qualquer pagina dessas, também pode criar uma pagina nova, clicar em quick edit e alterar o nome para Contato, só para fácil memorização

Ainda em pages, vai onde você modificou o nome para contato e agora selecione a opção editar

Agora copie aquele código do formulário que criamos alguns passos antes

Cole no local indicado e selecione o nome do form que você criou e depois clique em update e pronto, o form vai estar criado no site

Depois de publicar e salvar o processo acima, agora navegando pelo seu site, vão ter acesso na aba de contato e o form configurado

Page updated

Google Sites

Report abuse