Principal Editor de Landing Pages

Editor de Landing Pages

Augusto Vaz
Por Augusto Vaz
5 artigos

Mindz Custom - Arrasta e solta (Drag & Drop)

Introdução Esta é a versão mais amigável do editor Mindz Custom. Com ele você pode criar suas páginas do total zero arrastando e soltando componentes que deseja, proporcionando a mesma liberdade que o editor avançado, porém, mais intuitivo e amigável facilitando a criação de landing pages por pessoas que não tem afinidade com programação. O ambiente do Mindz Custom pode ser acessado através do menu lateral esquerdo da sua plataforma, clicando em Customização. Estando no Dashboard basta iniciar um novo projeto clicando no botão Criar projeto. Novo Projeto Estando na tela de novos projetos, você pode escolher entre os templates pré estilizados ou criar um template em branco. O principal é escolher a opção Arrasta e solta no momento de iniciar seu projeto. No modal aberto, defina um nome para seu projeto, escolha a opção Projeto no construtor arrasta e solta, então, clique no botão Criar. Ambiente do projeto Após criado seu projeto, seja ele em branco ou a partir de um template, você terá as seguintes áreas destacadas como sendo as principais para seu desenvolvimento. - A - Botão para que você crie novas páginas em branco ao seu projeto, útil em caso de você ter iniciado um projeto em branco, então precisará criar suas páginas ou então caso tenha utilizado algum template e precise adicionar novas páginas; - B - Botão de deletar, utilizada para deletar aquela página em especifico; - C - Botão de editar nome, para caso tenha escrito o nome da sua página errado ou queira alterar o nome de uma página existente; - D - Botão de duplicar página, utilizado principalmente em casos onde você quer reutilizar uma página já editada porém com alguns ajustes; - E - Botão de abrir página no editor, serve para que você entre no modo de edição arrasta e solta já na página em questão; - F - Área onde ficam os arquivos do seu projeto, sejam Java scripts (JS), CSS, e afins. Editor Arrasta e solta (Drag & Drop) Veja abaixo os principais recursos do editor Arrasta e solta. - A - Menu de componentes, através deste menu você irá criar diversos elementos que irão compor a sua página; - B - Modo de preview, você pode visualizar como esta ficando a sua página tanto na visualização de computador quanto de celular; - C - Botão de pré-visualizar sua página em uma outra aba, assim você pode conferir seu resultado fora do editor; - D - Botão de edição de link, você pode optar por utilizar sua página em um link padrão da sua plataforma ou então criar um novo; - E - Botão para publicar á página e salvar alterações. - A - Menu Drop down para que você possa navegar entre as páginas do seu projeto; - B - Botão de desfazer alguma ação/edição que tenha feito; - C - Botão de refazer alguma ação/edição que tenha feito; Clicando em algum elemento da página será aberto um menu lateral direito com mais opções de edição daquele componente em questão, como por exemplo: - Largura e altura do componente; - Cores; - Texto; - Link; - Tipografia (fonte, tamanho da fonte, estilo, cor, espaçamento, e afins.); - Bordas. Frisando que as opções de edição do componente pode varias de um componente para outro. Header e Footer Os componentes Header e Footer basicamente são as partes "de cima" e "de baixo" da sua página personalizada. Onde já disponibilizamos praticamente quase tudo configurado e pronto pra ser usado. Além de agilizar o processo de criação, esses componentes foram desenvolvidos com foco em responsividade, garantindo que o design se ajuste perfeitamente a qualquer dispositivo — seja computador, tablet ou celular. Você poderá e editar e personalizar de acordo com a sua realidade e identidade visual! Prontinho ^u^ agora você já conhece nosso editor Arrasta e solta! Qualquer dúvida estamos á disposição em nosso suporte.

Última atualização em Sep 15, 2025

Conhecendo o Mindz Custom - Editor Avançado

Introdução ao Mindz Custom - Avançado O mindz Custom é o editor de landing pages avançado da Mindz, com ele você consegue utilizar e customizar template pré existentes ou então codificar sua plataforma do zero criando todo o código HTML das suas páginas. Dashboard de customização Ao acessar o ambiente de customização da sua plataforma no menu lateral você acessará ao ambiente apresentado abaixo, onde encontrará diversas áreas e funcionalidades. A - Botões para que você acessar a página que contem todos os links da sua plataforma; B - Acesso à vitrine de templates diversificados; C - Acesso ao seus projetos, sejam iniciados do zero ou por templates; D - Acesso ao ambiente de customização da área de membros estilo Netflix; E - Opções de personalização (Logo, favicon, e-mail de contato e afins.) focado no template legado da plataforma. Links da sua plataforma Nesta página você encontrará os links (URLs) da sua plataforma, como por exemplo, a página inicial "/", a página de contatos "/contatos", o site de vendas "/cursos", e afins. Além de que para cada produto que criar, este também terá um link exclusivo. Também nesta página, você consegue customizar o template utilizado para cada um destes links (URLs). Templates Ao iniciar um novo projeto você encontrará diversos templates pré configurados, dos quais você pode utilizar o botão "Ver ao vivo" para ter uma noção melhor sobre como ele é e seu estilo. E caso goste de um template você pode escolhe-lo clicando no botão "Criar novo projeto" do respectivo template, será aberto um modal para que você de um nome de projeto utilizando o template escolhido. Também nesta página é possível iniciar um projeto em branco, onde você teria que criar todas as páginas codificando-as em HTML, juntamente com os CSS, JS e outros arquivos estáticos que precisasse. Tanto iniciando um projeto em branco quanto criando um projeto a partir de um template você pode optar por crir o projeto com editor avançado de código ou usando editor arrasta e solta. Uma vez decidido o editor que irá utilizar não poderá alterar posteriormente, sendo necessário criar um novo projeto. Ficou com alguma dúvida, não deixe de entrar em contato com nosso suporte ao vivo! :)

Última atualização em Sep 15, 2025

Alterando o template da minha plataforma

Caso queira ver esse conteúdo em vídeo clique aqui O que são os templates? Os templates são modelos já configurados e estilizados para a aparência/estilo da plataforma. de diferentes modos e propósitos, onde você simplesmente pode escolher um destes estilos para sua plataforma e customizar somente o necessário, não necessitando ter que realizar toda a estilização do zero! Onde ficam os templates? Acesse o Mindz Custom clicando em: Mindz Custom no menu lateral ou então através da URL exemplo: www.nomedasuaplataforma.mindz.com.br/custom . Dentro do Mindz Custom, no menu lateral esquerdo, clique no icone de Templates. Feito isso, você estará na vitrine de templates disponíveis do Mindz Custom. Escolhido o template desejado, basta clicar no botão "Novo projeto" do template em questão. No modal que será aberto defina um nome para salva-lo como um projeto para sua plataforma, então clique no botão "Criar". Você será levado automaticamente para o painel de configuração do template que acabou de adicionar como projeto. Então agora você tem algumas possibilidades, caso queira realizar edições dos códigos HTML, CSS, JS e afins. basta clicar no botão "Ir para o editor" Caso não queira realizar alterações no momento, basta simplesmente ir para a página de links do Mindz Custom para aplicarmos o template novo! Estando na página de links, você encontrará as URLs da sua plataforma, onde algumas URLs são padrões, você também encontrará uma URL para cada um de seus produtos, caso queira ter uma página diferente para cada um deles. Clique no ícone de lápiz de um link para que você possa escolher e aplicar o novo template neste link. Será necessário realizar este mesmo procedimento para todos os links que desejar customizar com o novo template! Ao clicar no ícone de edição de um link será aberto o seguinte modal: 1 - Link externo: serve para que o cliente ao acessar este link da sua plataforma, seja redirecionado para uma outra URL que você deixou configurada aqui; 2 - Páginas: É O QUE VAMOS ESCOLHER NESTE ARTIGO, serve para que você consiga visualizar os projetos que salvou para a sua plataforma, possibilitando escolher um projeto e suas páginas customizadas; 3 - Modelo padrão: Serve para que você consiga "Resetar" para o modelo antigo da sua plataforma. A - Escolha o projeto baseado no template custom que salvou; B - Escolha a página do template respectivamente ao link da sua plataforma que está customizando. Terminado clique no botão roxo para salvar! Veja abaixo o template aplicado ao link (/) da nossa plataforma. Atenção: Lembrando que caso queira personalizar os demais links da sua plataforma, você deve edita-los um por vez. Perfeito, já aplicamos o nosso template custom às nossas páginas que desejamos, agora precisamos editar as informações que forem necessárias de acordo com nossa empresa, estratégias. Para isso podemos voltar na home do Mindz custom, então clicar em "Ir para o painel" do nosso projeto em questão, ou então clicar em "Ver todos" para vermos todos os projetos que adicionamos a nossa plataforma e então escolher um para acessar o respectivo painel de edição daquele projeto. Estando no painel de edição do projeto, você pode clicar diretamente no ícone de edição de um link, ou clicar em "ir para o editor" para acessar o editor diretamente sem nenhum link aberto. Clicado para edição de uma página do template, agora é só você ou seu desenvolvedor realizar os ajustes necessários na codificação HTML, CSS, JS, ou modificar alguma imagem ou vídeo do template custom. **Caso precise utilizar alguma informação da sua plataforma de forma dinâmica você pode utilizar a API pública: **https://docs.mindz.com.br/pt-br/article/definicao-da-api-publica-v1-1aa4d8t/ Prontinho, agora você já sabe como customizar sua plataforma utilizando templates pré configurados!!! ;D Adendos: - Caso queira adicionar mais links (URLs) na sua plataforma, será necessário fazer a contratação deste recurso à parte, custando R$ 100,00/mês. SEMPRE CONFIRA VALORES ATUALIZADOS COM NOSSO SUPORTE. - À partir do nível 4 é liberado gratuitamente a possibilidade de adição de novos links (URLs) em sua plataforma.

Última atualização em Sep 15, 2025

Como importar um projeto .zip no Mindz Custom

Explicação Caso você prefira ou já tenha suas paginas (HTML) codificadas em seu computador, assim como seus estilos (CSS), suas funcionalidades (JS), não precisa cria-los novamente no Mindz Custom, você pode simplesmente importa-los para o editor, para que ele organize todos estes arquivos automaticamente, então, você pode aplica-los nos links da sua plataforma. Criando o arquivo .zip Organize todas as suas páginas .html, assim como seus estilos .css, e suas funcionalidades .js todos em uma unica pasta para que então você compacte todos estes arquivos juntamente em um unico arquivo zipado .zip. a organização deve ser parecida com a imagem abaixo. Importando o arquivo .zip Tendo todas as suas páginas e demais arquivos comprimidos em um unico arquivo .zip, agora é só importa-lo no editor. Acesse o editor, clicando no ícone Mindz Custom no menu lateral esquerdo da sua plataforma. Dentro do Mindz custom, vamos iniciar um novo projeto em branco, para isso vá em Templates. Então clique em Criar projeto em branco, feito isso, será aberto um modal para que dê nome ao novo projeto que esta criando, definido o nome clique no botão "Criar". Você será levado para o painel de edição do projeto que criou, então, clique no botão "Fazer upload do projeto em .zip". Será aberto um modal para que busque o arquivo .zip em seu dispositivo, selecionado o arquivo .zip clique em "Enviar". Terminado de upar seu projeto, agora é preciso aplicar suas páginas aos links da sua plataforma, para isso basta ir para a página de links do Mindz Custom para aplicarmos o seu template! Estando na página de links, você encontrará as URLs da sua plataforma, onde algumas URLs são padrões, você também encontrará uma URL para cada um de seus produtos, caso queira ter uma página diferente para cada um deles. Clique no ícone de lápiz de um link para que você possa escolher e aplicar a sua página neste link. Será necessário realizar este mesmo procedimento para todos os links que desejar customizar! Ao clicar no ícone de edição de um link será aberto o seguinte modal: 1 - Link externo: serve para que o cliente ao acessar este link da sua plataforma, seja redirecionado para uma outra URL que você deixou configurada aqui; 2 - Páginas: É O QUE VAMOS ESCOLHER NESTE ARTIGO, serve para que você consiga visualizar os projetos que salvou para a sua plataforma, possibilitando escolher um projeto e suas páginas customizadas; 3 - Modelo padrão: Serve para que você consiga "Resetar" para o modelo antigo da sua plataforma. A - Escolha o seu projeto que salvou; B - Escolha a página do projeto respectivamente ao link da sua plataforma que está customizando. Terminado clique no botão roxo para salvar! Veja abaixo nossa página aplicada ao link (/) da nossa plataforma. Atenção: Lembrando que caso queira personalizar os demais links da sua plataforma, você deve edita-los um por vez. Prontinho, agora você já sabe como upar um projeto para a sua plataforma utilizando utilizando um arquivo .zip! ;D

Última atualização em Sep 15, 2025