GrapeJS é um projeto Open Source disponível no Github que estamos acompanhando há algum tempo em alternativa ao Topol.io com desenvolvimento de componentes customizados, suporte ao MJML e é bem fácil de implementar dentro de qualquer sistema.

GrapeJS é um promissor editor de e-mails OpenSource

GrapeJS é um projeto Open Source disponível no Github que estamos acompanhando há algum tempo em alternativa ao Topol.io com desenvolvimento de componentes customizados, suporte ao MJML e é bem fácil de implementar dentro de qualquer sistema.
Avalie o post

Vamos conversar sobre o seu Mautic?
março 2019
segterquaquisex
252627281
45678
1112131415
1819202122
2526272829

GrapeJS é um projeto Open Source disponível no Github que estamos acompanhando há algum tempo em alternativa ao Topol.io (que atualmente é nosso editor favorito) e reúne todos os benefícios do Open Source, desenvolvimento de componentes customizados, suporte ao MJML e é bem fácil de implementar dentro de qualquer sistema. Vale a pena investir seu tempo neste projeto!

Editor HTML Visual com GrapeJS

O GrapeJS é um editor de HTML visual fácil de utilizar e que facilita muito a composição de e-mails em HTML com uma interface amigável onde você pode formatar fontes, criar layouts com tabelas e inserir imagens rapidamente.

Você pode utilizar o GrapeJS em websites, newsletters e apps.

GrapleJS Editor
GrapeJS Editor


GrapeJS no Github

De um modo geral o GrapeJS lê uma área de uma página e transforma essa área em um editor visual de HTML e CSS. Você pode desenvolver seus próprios templates e componentes utilizando apenas HTML e Javascript. Empresas de todos os tipos podem incorporar o GrapeJS em seus apps ou sistemas para que os usuários utilizem uma interface incrível para criar conteúdo.

Componentes simples com Arraste e Solte na tela

GrapeJS oferece uma série de componentes iniciais que você pode utilizar facilmente em seus projetos e você poderá criar seus próprios blocos de conteúdo facilmente utilizando estes componentes iniciais.

A interface do GrapeJS é fácil de utilizar e foi pensada no usuário final oferecendo ícones e opções consistentes para que a curva de aprendizado seja mínima e a produtividade seja ainda maior.

Ajustes finos de Largura e Altura

Um dos principais pontos do GrapeJS é a facilidade em ajustar propriedades complexas do HTML e aplicar CSS através de propriedades simples e fáceis de entender.  Você pode ajustar altura, largura, padding e margin com apenas alguns cliques.

Tipografia com GrapeJS

Ajuste todas as opções de tipografia como família de fontes, tamanho, peso, altura, cor e altura da linha.

O Alinhamento vertical e horizontal também é fácil de ser ajustado e você ainda pode aplicar sombras para facilitar a leitura.




Cores, Bordas e Background

As cores de fundo de elementos e as bordas poderão melhorar o aspecto visual dos seus blocos de conteúdo. Com o GrapeJS você pode arrendondar bordas, ajustar largura e cor e também a posição interna dos elementos.


Design Responsivo

O GrapleJS oferece todas as ferramentas necessárias para que você possa otimizar o fluxo de trabalho na composição de e-mails e landing pages e também permite que você crie componentes para acelerar seus preocessos. Você poderá realizar ajustes finos em templates e páginas para Desktop, Tablet e Mobile.

O código é seu!

Ao final da edição da sua página ou e-mail você poderá capturar todo o HTML necessário para colocar seu projeto nos trilhos. Se você montar uma newsletter o código gerado já está com o CSS inline e compactado para que você tenha o trabalho apenas de enviar seu e-mail no Mautic.


Começe a utilizar o GrapleJS hoje mesmo!

Você poderá baixar o GrapleJS através do website oficial ou no repositório do Github.

Sobre o Autor

Assine nossa Newsletter

#60DiasMautic

O #60diasmautic é um projeto que visa apresentar diariamente por 60 dias os principais recursos do Mautic como formulários, dicas, plugins, gestão de contatos, configuração de SMTP e dicas para Hospedagem do Mautic.
Exclusivo

Powertic Cloud

Painel Exclusivo para Hospedagem e Administração do Mautic e SMTP
Hospedagem

Deixe um comentário

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

Já ouviu o Podcast dessa semana?

Artigos relacionados

Vantagens do uso do Mautic como Fonte de Dados

Vantagens do uso do Mautic como Fonte de Dados

Como a segmentação de lista é um impulsionador da capacidade de entrega, os profissionais de marketing têm ampla motivação para investir em recursos e tecnologia que será usada como fonte de dados suplementares pra segmentação.

Permissões e do Opt-in na estratégia de e-mail marketing

Permissões e do Opt-in na estratégia de e-mail marketing

O Relatório State of E-mail Engagement 2019 da Return Path mostrou um fator que, surpreendentemente, não impacta o engajamento dos contatos – ou pelo menos não mais – é a estratégia de opt-in (ou a Double Opt-in).