Introdução

Esta é a versão mais amigavel 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.




Prontinho ^u^ agora você já conhece nosso editor Arrasta e solta!
Qualquer dúvida estamos á disposição em nosso suporte.

Atualizado em: 04/04/2025