CriarSite.Online
Login

Categoria: Tutorial

  • Como adicionar os métodos de envio dos Correios no Woocommerce

    Ao optar pelo WooCommerce para desenvolver uma loja virtual, muitos perguntam como adicionar e configurar os métodos de envios dos Correios. Abaixo é possível conferir como adicionar e configurar a extensão no WooCommerce para integrar os serviços dos Correios.

    Veja como instalar o WooCommerce.

    Dentro da área administrativa do site, com o curso do mouse, vá no menu à esquerda, na aba Plugins e clique em Adicionar novo.

    Veja como acessar a área administrativa do site.

    No campo de pesquisa, digite Woocommerce correios e pressione a tecla Enter.

    Após localizar o plugin, clique no botão Instalar agora. Após concluída a instalar clique no botão Ativar. Certifique se o plugin é o mesmo que o indicado na imagem ao lado.

    O plugin já está ativado! Agora é possível adicionar os serviços dos Correiros nos métodos de entrega.

    Veja como configurar os métodos de entrega.

  • Como criar um novo usuário no WordPress

    Como criar um novo usuário no WordPress

    Neste tutorial é possível conferir como adicionar um novo usuário no site em WordPress.

    Para isso é necessário acessar a área administrativa do site.

    Na área administrativa do site, com o curso do mouse, vá no menu à esquerda, na aba Usuários e clique na opção Adicionar novo.

    Preencha os campos com os dados do novo usuário:
    Nome de usuário: Login que o novo usuário irá utilizar para acessar a área administrativa do site.

    Um detalhe importante é o campo Função, de acordo com a opção selecionada, o usuário terá privilégios (ou não) na área administrativa do site.


    Após selecionada a função do usuário, clique no botão Adicionar novo usuário.

    Usuário adicionado com sucesso!

    Também é possível incluir informações adicionais no perfil de usuário, como endereço, telefone, foto de perfil, etc.

    Se ainda continua com dúvidas ou dificuldades para ativar todos os recursos e usufruir do serviço entre em contato.

  • Como criar um post em sua página de notícias

    Abaixo é possível conferir como adicionar um post na página de notícias ou blog.

    Para isso, é necessário acessar a área administrativa do site e definir uma página de notícias/blog.

    Após acessar a área administrativa do site, com o curso do mouse, vá no menu à esquerda, na aba Posts, clique em Adicionar novo.

    Como adicionar post

    Como adicionar post

    Defina o título do post e clique no botão Usar o Construtor Divi.

    Também é possível definir categorias para cada post. Desça a página e encontre e opção Categorias no menu à direita. Marque na caixa par definir uma ou mais categorias do post. Também é possível criar uma nova categoria clicando em Adicionar uma categoria.

    Como adicionar post

    Como adicionar post

    Volte ao topo da página e clique no botão Usar Visual Builder.

    Faça as edições do post. Depois clique no botão Publicar.

    Como adicionar post

    Como adicionar post

    Post criado com sucesso! Após publicar um novo post, ele é adicionado de forma automática na página de notícias/blog definida no site.

    Veja como definir página inicial e página de notícias no site.

    Entre em contato e tire suas dúvidas

    Se ainda continua com dúvidas ou dificuldades para ativar todos os recursos e usufruir do serviço entre em contato.

    Entre em contato

  • Como inserir um produto na Loja Virtual

    O Woocommerce é um plugin para criação e gerenciamento de loja virtual em site WordPress. Confira abaixo como adicionar um produto simples na loja.

    Veja como instalar e fazer as primeiras configurações do plugin.

    Com o plugin instalado, na área administrativa do site, vá com o curso do mouse no menu à esquerda, na aba Produtos e clique em Adicionar produto.

    Adicione o nome do produto e uma descrição detalhada nos campos indicados. Role a página para baixo para adicionar outros detalhes sobre o produto.

    Em Dados do produto é possível definir preço, quantidade em estoque, dimensões, entre outras informações.

    No menu à direita, adicione uma categoria ao produto para facilitar pesquisas dos clientes.

    Ainda no menu à direita é possível adicionar uma foto de aprensentação do produto. Clique no link indicado na imagem para escolher uma imagem a partir da biblioteca do site ou escolher uma imagem do seu computador.

    Por fim, adicione uma descrição simples que aparecerá junto ao produto.

    Volte ao topo da página, no menu à direita, clique no botão Publicar para adicionar o produto a loja ou clique em Salvar como rascunho caso deseje publicar em um momento posterior.

    Produto adicionado com sucesso! No menu Produtos é possível acompanhar todos os produtos publicados, valor, quantidade em estoque, entre outras informações.

    Veja como adicionar um produto variável

    Na área administrativa da sua loja virtual. Com o cursor do mouse, vá no menu à esquerda, na aba Produtos, clique em Adicionar novo.

    Após preencher as informações iniciais do produto (Veja como adicionar um produto na loja virtual)”. Selecione a opção Produto variável na aba Dados do produto. Clique na opção Atributos.

    Na aba atributos, clique no botão Adicionar, para criar um novo atributo e suas variações.

    Digite o nome do atributo no campo Nome. No campo Valor(es), adicione as variações separadas por pipe “|”. Após preenchidos, marque a opção Usado para variações. Após preenchido essas informações, clique no botão Salvar atributos.

    Clique na aba Variações, selecione a opção Criar variações para todos os atributos e clique no botão Ir, após criar o(s) Atributo(s).

    O Woocommerce irá separar todas as variações por abas, onde é possível inserir informações diferentes para cada atributo.

    Clique em um atributo para exibir as informações que pode ser inserido. É possível definir: diferentes preços, imagens, número de estoque, dimensões, descrições, entre outras informações.

    Depois de preencher os dados de cada variação, clique no botão Salvar alterações.

    Pronto! Após publicar o produto na sua loja virtual, os clientes podem selecionar entre as variações criadas e ver a descrição específicas de cada uma.

    Se ainda está com dúvidas, deixe seu comentário abaixo que teremos o prazer de respondê-lo.

  • Como instalar o Woocommerce

    Como instalar o Woocommerce

    O Woocommerce é um dos plugins mais utilizados para criação de uma loja virtual. Desenvolvido para sites WordPress, a ferramenta conta com diversas extensões que facilita o gerenciamento da loja virtual, ainda é possível personalizar a loja usando o editor de site oferecido pela CriarSite.Online. Confira abaixo como instalar o Woocommerce em um site WordPress.

    Acesse a área administrativa do site. Com o cursor do mouse, vá no menu a esquerda, na aba Plugins e clique em Adicionar novo.

    Veja como acessar a área administrativa do site.

    Instruções de instalação do Woocommerce

    No campo de pesquisa, digite Woocommerce e pressione a tecla Enter.

    Instruções de pesquisa do Woocommerce

    Após localizar o plugin, clique no botão Instalar agora. Após concluída a instalar clique no botão Ativar. Certifique se o plugin é o oficial.

    Instruções de instalação do Woocommerce

    Após clicar em Ativar, a página será redirecionada para os primeiros passos de configuração do plugin. Na primeira parte, é exibindo uma mensagem de boas vindas, após ler, clique no botão Vamos lá!

    Instruções de ativação do Woocommerce

    No próximo passo, é mostrado as páginas que o plugin cria de forma automática para otimizar e facilitar o desenvolvimento da loja. Após conferir quais página são, clique no botão Continuar.

    Instruções de configuração do Woocommerce

    Em seguinda, é necessário especificar o país (e estado, em alguns casos), moeda utilizada, unidade de medida de peso e tamanho. Após feito as alterações, clique no botão Continuar.

    Configurações locais do Woocommerce

    Na próxima etapa, é possível definir opções de envio de produtos e cobrança de taxa, escolha a opção ideal e clique no botão Continuar.

    Configurações de envio do Woocommerce

    Logo após, defina as formas de pagamento da loja, essas informações podem ser alteradas posteriormente. Após selecionada as opções, clique no botão Continuar.

    Configurações de pagamento do Woocommerce

    Pronto, o plugin foi instalado e configurado com sucesso!

    Também é possível acessar as configurações e gerencias os produtos através do menu da área administrativa.

    Configurações do Woocommerce
    Gerenciamento de produtos no Woocommerce

    Entre em contato Se ainda continua com dúvidas ou dificuldades para ativar todos os recursos e usufruir do serviço entre em contato.

  • Como criar uma página de captura

    Páginas de captura (ou squeeze pages) são páginas simples e diretas com o objetivo adquirir algumas informações do usuário (como nome e e-mail) através de um formulário. Neste tutorial é possível conferir como construir uma página de captura simples utilizando o editor de site e o Bloom, plugins disponibilizados pela CriarSite.Online.

    Veja como acessar a área de downloads.

    Veja como instalar e configurar o Bloom.

    Tutorial imagem 1

    Adicione um nome para a página e clique no botão Usar o Construtor Divi.

    Tutorial imagem 2

    Clique no botão Usar Visual Builder para começar a editar a página.

    Tutorial imagem 3

    Adicione um conteúdo de acordo com a finalidade do site.

    Tutorial imagem 4

    Copie o shortcode do formulário criado, você pode conferir o shortcode clicando no ícone, conforme mostra a imagem ao lado.

    Veja como criar um formulário.

    Tutorial imagem 5

    Copie o código no local indicado, depois clique em Salvar mudanças.

    Pronto! O formulário foi adicionado e a página está finalizada.

    Não esqueça de salvar para que as alterações da página sejam efetivadas.

    Veja a página demonstrativa ao vivo.

    Tutorial imagem 6

    Entre em contato e tire suas dúvidas

    Entre em contato

    Se ainda continua com dúvidas ou dificuldades para ativar todos os recursos e usufruir do serviço entre em contato.

  • Como criar formulários de captura de e-mails

    O Bloom é um plugin de captura de e-mails que foi criado para ajudar a expandir sua lista de e-mails. O plugin funciona através da adição de formulários no site, cada um dos quais pode se conectar a um software de e-mail específico. Quando alguém se inscrever usando o formulário criado com o plugin, eles são adicionados à sua lista de e-mail.

    O plugin é gratuito para os clientes da CriarSite e está disponível na área de downloads. Clique neste link para saber como acessar e fazer o download do arquivo.

    Na área administrativa do site, vá com o curso do mouse no menu Plugins e clique na opção Adicionar novo.

    Veja como acessar a área administrativa do site.


    Clique em Fazer upload do plugin.


    Selecione o arquivo do plugin que foi baixado da área de downloads e clique em Abrir. Depois de selecionar o arquivo, clique no botão Instalar agora.

    Veja como acessar a área de downloads e baixar o plugin.


    Após ativado o plugin, clique em Settings.

    Adicionando uma conta de e-mail

    Antes de criar um formulário funcional no site usando o Bloom, é necessário conectar Bloom a um software de e-mail. O plugin trabalha com vários sistemas diferentes, tais como MailChimp, MadMinim, iContact, InfusioSoft, Feedblitz, Aweber, monitor de campanha, GetResponse, SendInBlue, MailPoet e Ontraport.

    Criando um formulário de inscrição

    Após configurado uma conta de e-mail, clique na aba de formulários, depois clique no botão New Optin para adicionar um novo formulário.

    Clique na opção que deseja fazer a inclusão do formulário no site. Neste tutorial vamos utilizar a opção Inline.

    Defina o nome do formulário, selecione o sistema de e-mail que foi configurado anteriormente. Após feito as modificações clique em Next: Design your optin.

    Selecione entre os diversos layouts pré-definidos, basta clicar com o mouse em cima do layout desejado. Depois, no final da página, clique no botão Next: Customize.

    Defina as informações que aparecerão no formulário: título, texto adicional, campos adicionais, entre outros. Após feito as modificações desejadas, no final da página clique no botão Next: Success Action.

    Defina entre mostrar uma mensagem de inscrição efetuada ou redirecionar para uma página específica, para a segunda opção é necessário inserir o url da página. Depois clique no botão Generate Shortcode.

    Copie o código gerado, é através dele que será inserido o formulário no site. Depois clique no botão Save & Exit.

    Pronto! O formulário foi criado com sucesso.

    Confira como montar umá página de captura e inserir o formulário criado.

    Se ainda continua com dúvidas ou dificuldades para ativar todos os recursos e usufruir do serviço entre em contato.

    Entre em contato

  • Acessando a área de downloads

    A CriarSite.Online disponibiliza ferramentas que otimizam o desenvolvimento do site. Essas ferramentas estão acessíveis apenas para clientes que possuem um plano de hospedagem (gratuito ou pago) em nosso site. Confira abaixo como acessar a área de downloads.

    Em seu navegador, acesse o site CriarSite.Online. No menu principal do site, clique em Login.

    Clique no botão para acessar a página de Login.

    Na página de login, digite o e-mail e a senha cadastrados no site, depois clique em Entrar.

    Na área do cliente, clique em Tickets.

    No menu a direita, clique na opção Downloads.

    Neste ambiente, você tem acesso a todas ferramentas disponibilizadas pelo CriarSite. Clique sobre o nome da ferramenta desejada para fazer o download.

    Entre em contato e tire suas dúvidas

    Se ainda continua com dúvidas ou dificuldades para ativar todos os recursos e usufruir do serviço entre em contato.

    Entre em contato

  • Como alterar o tamanho do logo no site

    Nesse tutorial, você pode conferir passo a passo com alterar o tamanho do logo do seu site usando o editor de sites no WordPress. Caso tenha dificuldades para acessar a área administrativa do seu site, confira o tutorial clicando aqui.

    A alturado logotipo é controlada na opção Customizador de Temas, encontrado em “Divi > Customizador de Temas > Plano de Fundo > Barra de Menu Primaria”.

    Necessário estar logado na área administrativa, saiba mais.

    Para entrar na área administrativa do seu site abra o seu navegador, digite na barra de endereço o seu domínio seguido de /wp-admin e entre com seus dados de login e pressione a tecla Enter.

    Depois, vá na aba Divi e clique em Customizador de Temas.

    Depois, vá na aba Divi e clique em Customizador de Temas.

    Selecione a opção Plano de Fundo.

    Escolha a opção Barra de Menu Primaria.

    A barra MENU ALTURA controla o tamanho do cabeçalho, enquanto a LOGO MAX ALTURA controla o tamanho do logotipo. O logo não pode ser maior do que o tamanho do próprio cabeçalho.

    A configuração da logo max altura é dada como uma porcentagem da barra menu altura.

    Observe que o logotipo nunca será exibido maior que o tamanho da imagem real carregada.

  • Como adicionar um formulário para contato


    Manter meios de comunicação diversificados é muito importante para um site. Assim, caso um meio de comunicação (como um chat online) estiver indisponível, sempre haverá outro para que o usuário que navega no site possa entrar em contato. O formulário para contato é uma das formas mais usadas. Abaixo, segue o tutorial de como colocar um formulário em em site com o editor de sites disponibilizado pela CriarSite.Online.

    Para isso, é necessário acessar a área administrativa do site e ter o editor de sites instalado.

    Adicionar nova page

    Dentro da área administrativa, no menu à esquerda, vá na aba Página e clique em Adicionar nova

    Usar construtor Divi

    Coloque o nome na página, é sugerido colocar “Contato” para melhor identificação da página. Depois clique em Usar o Construtor Divi, em seguida clique Usar Visual Builder, quando aparecer a opção.

    Adicionar nova linha

    Clique no ícone para adicionar uma nova linha.

    Inserir módulo

    No menu Inserir módulo, procure a opção Formulário de Contato e clique com o mouse para selecionar.

    Adicionar email

    É necessário adicionar um e-mail para onde o formulário será enviado. Para isso, procure a aba E-mail e clique com o cursor do mouse. Adicione o e-mail no campo indicado.

    Configurar campos

    Na parte de cima da janela de configuração é possível configurar cada campo do formulário ao clicar na engrenagem do campo que deseja alterar, como indicado na imagem.

    Depois que finalizar a configuração, clique no botão verde à direita, embaixo da janela de configuração.

    Formulário de contato

    Formulário adicionado com sucesso. Agora ficou fácil receber mensagens das pessoas que acessam o site.

    Também é possível adicionar o formulário de contato em uma página já existente. Clique para adicionar um novo módulo e selecione a opção do formulário.