Para ativar o E-commerce, será necessário adquirir este e para isso, você pode ir em “Canais de Venda” > “Marketplace” > “Adquirir nova integração”.
![](https://conteudo.modershop.com.br/wp-content/uploads/2023/07/caminho-1024x394.png)
Com isso, o sistema lhe direcionará para a Plataforma do Modershop para que possa ativar o produto em questão.
IMPORTANTE: Antes de ativar os aplicativos, converse com seu Gerente de Contas a respeito de valores e dúvidas das integrações disponíveis.
![](https://conteudo.modershop.com.br/wp-content/uploads/2023/05/d716da42-ada8-46d4-ae7d-91877abdbf8a.png)
Feito isto, o usuário será direcionado para o cadastro inicial, com seu domínio e descrição, o que pode ser visualizado posteriormente através do botão “Visualizar” > “Editar”, conforme imagens abaixo.
![](https://conteudo.modershop.com.br/wp-content/uploads/2023/05/2-caminho-1-1024x285.png)
![](https://conteudo.modershop.com.br/wp-content/uploads/2023/05/2-caminho-2-1024x303.png)
Cadastro de marketplace
Poderemos escolher o sub domínio da loja (com o final .modershop.com.br), descrição, situação e logos.
Cadastro de sub domínio
IMPORTANTE: O Sub domínio é definido somente uma única vez, não podendo ser alterado posteriormente. É possível realizar a renomeação do campo do sub domínio somente por meio de abertura de chamado (ticket).
O exemplo de domínio que utilizamos aqui foi “loja1.modershop.com.br“, mas você pode alterar o “Loja1” para o nome da sua empresa.
![](https://conteudo.modershop.com.br/wp-content/uploads/2024/02/Captura-de-tela-2024-02-07-172648-1024x458.png)
É necessário confirmar o seu nome do sub dominio para evitar confusões.
![](https://conteudo.modershop.com.br/wp-content/uploads/2024/02/Captura-de-tela-2024-02-07-172704-1024x458.png)
Cadastro de domínio próprio
IMPORTANTE: O domínio é definido somente após a definição do sub domínio (Modershop). É possível realizar a renomeação do campo do domínio somente por meio de abertura de chamado (ticket).
Você pode também cadastrar um domínio próprio para o seu E-commerce, basta você escolher o nome e o sufixo (.com, .br, .com.br, .net, ou .org), para demais dominios consulte viabilidade com o suporte do Modershop.
![](https://conteudo.modershop.com.br/wp-content/uploads/2024/02/01-1024x512.png)
Também será exibido um dialogo pedindo para você confirmar o domínio.
![](https://conteudo.modershop.com.br/wp-content/uploads/2024/02/02-1024x511.png)
Feito isso, você terá que realizar o registro de DNS com as nossas informações no seu provedor de hospedagem/domínio.
A configuração padrão do DNS para domínio próprio para todas as lojas é:
Tipo | Nome | Valor |
A | @ | 76.76.21.21 |
Depois de feito registro, pode levar de 1h até 48h para a propagação completa do DNS por toda Internet.
Sincronizar o seu provedor DNS com o nosso
Usando nesse caso como exemplo o site registro.br, onde pode adquirir um domínio por cerca de R$ 40,00 ao ano.
Depois de ter adquirido o domínio, na pagina inicial do site deve aparecer o domínio contratado.
![](https://conteudo.modershop.com.br/wp-content/uploads/2024/05/pasted-image-0-1024x284.png)
Iremos clicar no nome do domínio. Na página que será aberta iremos clicar em Editar zona, que estará na seção ”DNS”.
![](https://conteudo.modershop.com.br/wp-content/uploads/2024/05/pasted-image-0-1-1024x195.png)
Na página seguinte iremos clicar em “Nova Entrada”.
![](https://conteudo.modershop.com.br/wp-content/uploads/2024/05/pasted-image-0-2-1024x411.png)
Agora vamos informar os parâmetros para a comunicação.
![](https://conteudo.modershop.com.br/wp-content/uploads/2024/05/pasted-image-0-3.png)
Dependendo do Provedor você poderá preencher como “@” ou “vázio”.
Não esqueça de pressionar “Salvar” antes de sair da página:
![](https://conteudo.modershop.com.br/wp-content/uploads/2024/05/pasted-image-0-4.png)
Feito isso a configuração está feita, acione o suporte do ecommerce para realizar a homologação do ambiente.
Cadastro de logo
O usuário pode definir o logo principal, se será retangular (no tamanho 334×70) ou quadrado (no tamanho 70×70) e selecionar a imagem em questão.
![](https://conteudo.modershop.com.br/wp-content/uploads/2023/07/logo-pirncipal-1024x270.png)
Importante: Para você ter uma melhor experiência utilize uma logo PNG sem fundo (fundo transparente).
Cadastro de banners
Onde o usuário pode realizar o cadastro de banners para computador (desktop) e celular (mobile), estes serão as imagens em destaque da sua loja virtual.
![](https://conteudo.modershop.com.br/wp-content/uploads/2023/07/2.1-banners-1024x538.png)
Para cadastrar um novo, clique em “Novo banner” e aparecerá a tela de cadastro do mesmo, onde deve ser informado uma descrição e a seleção das respectivas imagens.
Caso precise das dimensões das imagens dos banners, estas constarão logo ao clicar para cadastrar um novo, próximo de seus títulos.
![](https://conteudo.modershop.com.br/wp-content/uploads/2023/07/2.1.1-novo-1024x708.png)
![](https://conteudo.modershop.com.br/wp-content/uploads/2023/05/2.1.2-cadastro.png)
Ao cadastrar os banners, você pode mexer no cadastro destes, com o objetivo de definir a ordem em que aparecerão.
Com a ordem definida, basta clicar em “Salvar” para que fique salvo e estes sejam enviados para a loja.
Cadastro de cores
Pode ser definido a cor primária e secundária de sua loja, conforme sua identidade visual.
Para selecionar, basta clicar sobre a cor que deseja definir (primária ou secundária) e selecionar a cor com o mouse ou informando o valor hexadecimal desta cor.
![](https://conteudo.modershop.com.br/wp-content/uploads/2023/07/2.2-cores-1024x408.png)
Após definir as cores, basta clicar no botão “Salvar cores” de cada módulo que tenha alterado.
Meios de Pagamento
Podem ser integrados os meios de pagamentos com o Moderbank (onde pode ser habilitado o pix e boleto) ou Safe2Pay (para cartão de crédito).
Para obter sua integração, será necessário entrar em contato com as respectivas empresas para que possa contratá-las e configurar na sua loja virtual, com o token fornecido pela empresa.
Observação: Caso queira integrar com o Moderbank, basta cadastrar a conta bancária dentro do Gestão e selecioná-la na configuração da loja. Selecionando ela, basta ativar o que utilizará (pix, boleto ou ambos).
![](https://conteudo.modershop.com.br/wp-content/uploads/2023/07/2.3-meios-de-pagamento-1024x846.png)
Safe2Pay
Você pode aceitar pagamentos através da integração do Modershop com o gateway de pagamentos Safe2Pay. Atualmente suportamos apenas o formato de venda por cartão de crédito para o canal de venda.
![](https://conteudo.modershop.com.br/wp-content/uploads/2024/02/Safe2Pay-1024x538.webp)
Configuração: Safe2Pay
Ative o parcelamento via integração com o gateway de pagamento. A disponibilidade desse serviço depende de contrato direto com a Safe2Pay, você pode usar nosso link de associado e ter condições especiais para a operação de venda no cartão de débito e crédito, Pix e Boleto. Temporariamente suportamos apenas cartão de crédito.
Acesse esse link e obtenha mais informações.
![](https://conteudo.modershop.com.br/wp-content/uploads/2024/02/Captura-de-tela-2024-02-07-172916-1024x466.png)
Para você começar a usar basta você inserir o seu token de integração e clicar em conectar para criar uma conexão com o canal de integração.
![](https://conteudo.modershop.com.br/wp-content/uploads/2024/02/Captura-de-tela-2024-02-07-173033-1024x463.png)
Após você ser conectado com sucesso irá exibir os campos “Defina o máximo de parcelas” para limitar o número máximo de parcelas em uma compra parcelada.
Também é exibido um botão para “configurar parcelamento”, que é integrado ao gestão, ao clicar nele é aberto a configuração do parcelamento no gestão.
Parcelamento: Safe2Pay
Ao se conectar com o canal de integração, é carregada automáticamente as melhores condições para a operação de venda no cartão de crédito basedo no seu perfil cadastrado na Safe2Pay.
![](https://conteudo.modershop.com.br/wp-content/uploads/2024/02/Captura-de-tela-2024-02-07-173344-1024x510.png)
Você pode clicar no ícone de editar na coluna de ações da listagem e configurar o valor utilizado para acréscimo para uma parcela.
![](https://conteudo.modershop.com.br/wp-content/uploads/2024/02/Captura-de-tela-2024-02-07-173458-1024x510.png)
Nós do Modershop, recomendamos estreitamente seguir as taxas de parcelamento do canal de integração para uma melhor experiência.
Importante: Caso o valor de acréscimo seja inferior ao recomendado pelo canal de integração (valor em vermelho), você passará assumir as taxas de acréscimo da operação de venda.
Importante: Caso o valor de acréscimo seja superior ao recomendado pelo canal de integração (valor em verde), o cliente pagará a mais, além das taxas de acréscimos já utilizadas pelo canal de venda.
Importante: O valor minimo para habilitar o parcelamento é de R$ 60 reais em um produto ou carrinho compras, em breve traremos a configuração desse valor.
Meios de Entrega
Onde pode ser integrado duas empresas diferentes, as quais são o Melhor Envio ou Frenet.
Da mesma forma que os pagamentos, será necessário entrar em contato com a empresa para que possa contratá-la e integrar no E-commerce.
![](https://conteudo.modershop.com.br/wp-content/uploads/2023/07/meios-de-entrega-1024x398.png)
Termos de Uso
Neste campo, podem ser digitadas todas as informações referente aos Termos de Uso e com eles informados, basta clicar em “Salvar” para que estes fiquem registrados.
![](https://conteudo.modershop.com.br/wp-content/uploads/2023/07/2.5-termos-de-uso-1024x419.png)
Políticas de Privacidade
Funciona de forma semelhante ao campo dos termos de uso, o qual você pode digitar os dados referente às políticas de privacidade e, com ela informada, basta clicar em “Salvar”.
![](https://conteudo.modershop.com.br/wp-content/uploads/2023/07/2.6-politicas-de-privacidae-1024x405.png)
Redes sociais
Para que possam ser sincronizadas todas as suas redes sociais com o E-commerce, onde será informado um arquivo que geramos no sistema para cada rede social e será salvo para que sincronizem na loja.
IMPORTANTE: Para que consiga obter a integração das redes sociais, é necessário ter contas profissionais nas redes que serão utilizadas. Caso haja dúvidas sobre a integração, entre em contato com o suporte.
![](https://conteudo.modershop.com.br/wp-content/uploads/2023/07/2.7-redes-1024x544.png)
Criando integrações com o Google.
![](https://conteudo.modershop.com.br/wp-content/uploads/2024/02/redes-1024x490.png)
Integrando ao Google Tag Manager
O Google Tag Manager (GTM) é uma ferramenta poderosa que permite gerenciar e implantar tags de marketing (snippets de código) no seu site sem modificar o código.
Colocando em prática
Nesse exmplo de integração iremos utilizar o “AdOpt”, ele é uma ferramenta de conformidade com cookies que ajuda a garantir que seu site esteja em conformidade com a legislação de privacidade. Neste post, vamos mostrar como integrar AdOpt ao seu site usando o GTM.
Configurando o Google Tag Manager
- Criar uma Conta no GTM
- Acesse Google Tag Manager.
- Clique em “Iniciar gratuitamente” e siga as instruções para criar uma nova conta e um contêiner para o seu site.
Configurando AdOpt
- Criar uma Conta no AdOpt
- Acesse AdOpt.
- Crie uma conta e configure seu site conforme as instruções fornecidas.
- Obter o Código de Integração do AdOpt
- Na plataforma AdOpt, vá até a seção de integrações e copie o código de integração fornecido.
Integrando AdOpt com o Google Tag Manager
- Adicionar uma Nova Tag no GTM
- Acesse o GTM e vá até a seção “Tags”.
- Clique em “Nova” para criar uma nova tag.
- Configurar a Tag do AdOpt
- Nomeie a tag (por exemplo, “AdOpt Cookie Consent”).
- Clique em “Configuração da Tag” e selecione “HTML Personalizado”.
- Cole o código de integração do AdOpt na área de texto.
- Configurar o Gatilho
- Clique em “Disparar” e selecione “Todas as Páginas”. Isso garantirá que a tag AdOpt seja carregada em todas as páginas do seu site.
- Salvar e Publicar a Tag
- Clique em “Salvar” e, em seguida, em “Enviar” para publicar suas alterações no contêiner do GTM.
Adicionando Tag ID
Volte ao Modershop, procure o campo “Google Tag Manager” e preencha o campo com seu Google Tag ID.
Testando a Integração
Abra o console do navegador (geralmente pressionando F12) e verifique se o script do AdOpt está sendo carregado sem erros.
Também é possível verificar nos “Logs” que está habilitado ou não a integração.
Integrar AdOpt ao seu site usando o Google Tag Manager é um processo simples que pode ser realizado em poucos passos. Ao usar o GTM, você mantém a flexibilidade de gerenciar suas tags de forma centralizada e sem a necessidade de alterar diretamente o código do seu site.
Para inserir o endereço da página do Facebook no rodapé do ecommerce, preencha o campo do endereço.
Meta Pixel
Para utilizar da integração do Meta Pixel com o Modershop, você pode seguir por dois caminhos, a primeira é fornecendo apenas o código no do Meta Pixel ID no cadastro do ecommerce, ou criando manualmente através da nossa integração do Google Tag Manager com uma tag própria.
![](https://conteudo.modershop.com.br/wp-content/uploads/2024/02/redes-1-1024x490.png)
Configurações
Nesta aba, podemos selecionar algumas configurações para a loja.
- Exibir produtos sem estoque: Caso ativado, aparecerá os que estão sem estoque mas não poderão ser vendidos. Caso contrário, não aparecerão.
![](https://conteudo.modershop.com.br/wp-content/uploads/2023/07/config.png)
Com o cadastro da loja virtual realizado, poderemos realizar o cadastro dos produtos na loja.
Alteração de endereço
Como o E-commerce é baseado nos dados preenchidos no Plataforma Modershop, seus dados cadastrais e endereços vem da sua organização.
Com a integração inicial finalizada para alterar seu endereço de exibição no E-commerce você deve alterar acessando seu perfil > Editar organização. no canto superior direito.
![](https://conteudo.modershop.com.br/wp-content/uploads/2024/04/image-1-1024x488.png)
Após acessar a edição da sua organização, basta alterar os dados do endereço e salvar. Assim que o E-commerce for recarregado os dados do endereço no rodapé serão alterados.
![](https://conteudo.modershop.com.br/wp-content/uploads/2024/04/image-3-1024x486.png)
![](https://conteudo.modershop.com.br/wp-content/uploads/2024/04/image-4-1024x487.png)
Cadastro de produtos
Para que possamos cadastrar um produto na loja, será necessário todas as informações da aba “Adicionais” no cadastro do produto preenchidas.
Estas informações podem ser preenchidas no momento do cadastro do produto e, caso haja dúvidas sobre isto, pode ser verificado no manual de Gerenciamento de Produtos.
Observação: É de extrema importância cadastrar os produtos com as Categorias e Marcas corretas, separando os produtos dentro destas e cadastrando elas corretamente, pois serão enviadas para o E-commerce e utilizadas como filtros para seus clientes.
![](https://conteudo.modershop.com.br/wp-content/uploads/2023/05/2.8-cad-prod-1024x522.png)
Dentro do cadastro da loja (em Canais de venda > Marketplace > “Visualizar” no e-commerce), teremos um campo exclusivo para selecionar os produtos e selecionar de qual endereço de estoque eles sairão.
![](https://conteudo.modershop.com.br/wp-content/uploads/2023/05/2.8.1-seelcao-prod-1024x309.png)
Ao selecionar o produto, basta clicar em “Adicionar” e ele já será enviado para a sua loja.
Os produtos constarão conforme foram cadastrados no Gestão do Modershop, assim como informação de estoque, preços, imagens.
![](https://conteudo.modershop.com.br/wp-content/uploads/2023/05/2.8.2-1024x300.png)
O modelo do seu e-commerce será padrão e constará com o registro dos produtos conforme imagem abaixo, tudo podendo ser adaptado conforme sua logomarca!
Observação: se preferir acesse a loja de demonstração disponível, basta clicar aqui.
![](https://conteudo.modershop.com.br/wp-content/uploads/2024/02/loja1.modershop.com_.br_-1024x510.png)
![](https://conteudo.modershop.com.br/wp-content/uploads/2024/02/loja1.modershop.com_.br_loja-1024x510.png)
![](https://conteudo.modershop.com.br/wp-content/uploads/2024/02/loja1.modershop.com_.br_produto-1024x510.png)
![](https://conteudo.modershop.com.br/wp-content/uploads/2024/02/loja1.modershop.com_.br_checkout-1024x510.png)