Manual de Instruções

No separador “Homepage” deve ser configurada toda a página inicial (Homepage) do site, tanto a nível de conteúdo escrito como de imagens/vídeos/etc. É apresentada uma lista com as várias homepages criadas e cada uma delas é constituída por blocos de conteúdos editáveis (ferramenta Visual Page Designer), com vários templates disponíveis onde se poderá criar e editar autonomamente, e que aparecerão depois do banner principal.

A existência de múltiplas Homepages permite que possam existir diferentes Homepages ativas por país. Adicionalmente, as Homepages permitem inserção de data de início e fim, pelo que podem ser trabalhadas múltiplas homepages com antecedência, sendo que em determinadas datas a Homepage “antiga” é desativa, ficando visível a Homepage “nova”.

Ao carregar no detalhe de uma homepage, é possível editar os seguintes campos:

• Informação – área onde é exibido o ID da Homepage (interno da plataforma), bem como um botão para pré-visualizar a homepage no browser, sem cache;
• Critérios de exibição – área que permite alterar o espaço temporal em que a Homepage fica visível/ativa em site, bem como selecionar o(s) país(es) em que a Homepage deverá ficar visível;
• Conteúdo multi-idioma – área onde é definido o nome da Homepage e apenas é visível no painel administrativo, na listagem de homepages criadas;
• Meta-dados – preenchimento dos dados para SEO;
• Plug-ins – área onde deve ser selecionado o banner principal da homepage. Existe a opção de escolher um banner específico para desktop, com a possibilidade de escolher o método de renderização (ajustar à largura ou altura do ecrã), e outro para mobile, ambos carregados no submenu “Multimédia”.

Para detalhes sobre edição dos blocos (ferramenta Visual Page Designer), por favor consultar a Ajuda do Construtor de Páginas. 

Na área de Menus são geridas todas as páginas do website. As páginas são o “esqueleto” do website, visto que são as páginas que recebem todo o conteúdo principal e que comandam a informação que é exibida em frontoffice.

Neste menu é possível estruturar as páginas do website e associar e/ou criar os respetivos conteúdos que irão aparecer em frontoffice. As páginas estão estruturadas nos seguintes grupos:

• Menu superior (ou menu principal do website);
• Menu inferior (ou footer do website);
• Outras páginas;
• Páginas de checkout;
• Páginas de My Account (Área de cliente).

Sempre que é criada uma nova página, é necessário selecionar o “Módulo” que lhe irá ficar associada, isto é, qual o propósito/template da página. Esta escolha afetará o comportamento, gestão e aparência da página. Os módulos disponíveis na Plataforma Redicom Cloud são os seguintes:

Ao carregar em qualquer um dos menus, será apresentada uma lista com as principais áreas transcritas no paragrafo anterior que, quando selecionadas tem alguns campos editáveis, como a sua visibilidade no menu e lista de subpáginas.

Identificação

• ID – número interno da plataforma identificador da página, visível no URL da mesma (Exemplo: https://site.com/pt/ajuda/order-status_643.html, neste caso o ID da página é o 643);
• Ordem – número que dita a ordem pela qual a página é listada no menu;
• Ocultar do menu” e “Inibir acesso” – opções que permitem esconder a página do menu de navegação em frontoffice ou mesmo barrar o acesso;
• Subpágina de – ID da página principal/nível anterior;
• Subpáginas – área onde é possível ver e listar as subpáginas agregadas à página que está a ser configurada. Quando se carrega no link “listar/criar subpáginas”, será apresentada uma nova lista com o mesmo estilo da lista “Menu Superior” ou “Menu Inferior”, permitindo o mesmo tipo de configurações;
• URL Multi-idiomas – visualização da URL multi-idiomas da página, isto é, uma URL que será aberta em browser no respetivo idioma;
• Abrir no browser sem cache – abertura de um novo separador com a página em frontoffice, sem cache.

Configurações

• Módulo – tipo de conteúdo que é apresentado na página. O(s) campo(s) abaixo varia(m) consoante o módulo escolhido (ver tabela anterior).

No caso de ser escolhido o modulo “Página de Blocos” é possível alterar os seguintes campos:

• • Bloco principal – bloco que irá aparecer na página. Estes blocos são criados e configurados no submenu “Construtor de Páginas”;
  • Blocos alternativos – permite que sejam usados mais blocos de conteúdo além do principal. Existe a possibilidade de selecionar vários blocos com o intuito de usar blocos diferentes segmentos ou países, configurado na criação do bloco;  
  • Sobrepor homepage – quando ativo, a página criada substitui a homepage;
  • “Ativo do dia” “ao dia” – definição da data em que os blocos estarão visíveis em frontoffice.

Conteúdo multi-idioma

Definição de conteúdos de texto da página, por idioma.

• Título do menu – nome da página no menu;
• Título da página – título na página;
• Subtítulo da página – subtítulo na página;
• Meta-dados – inserção de conteúdos para SEO, relativos à página;
• Banner para menu – inserção de imagens a serem exibidas no dropdown do menu em questão.

Restrições

• Limitar aos países – limitar a visualização desta página/menu a apenas determinado(s) país(es);
• Segmentos de utilizador - limitar a visualização desta página/menu a apenas determinado(s) segmento(s) de utilizador.

Opções avançadas

• Inibir URL – quanto ativo, o menu em questão não é clicável;
• Destacar no menu – dar uma cor de destaque no menu;
• Inserir quebra de menu – quando ativo, o menu seguinte (do mesmo nível), irá quebrar para uma nova coluna à direita;
• URL simplificada – quando ativo, a URL exibida é mais simples, sendo usado apenas o “título do menu” na URL.

Páginas de Checkout e My Account

Ao expandir o menu lateral “Outras Páginas”, tem-se acesso às páginas de sistema, checkout e área de cliente.

• Páginas de Sistema – São páginas como wishlist, pesquisa, , etc e o número páginas listadas poderá variar consoante os módulos que estejam ativos (submenu Módulos de Conteúdos). Aqui só é possível alterar o conteúdo escrito e carregar imagem/banner em alguns casos;
• Páginas de Checkout – São páginas relacionadas com o processo de checkout, e tal como no caso anterior, só é possível alterar o conteúdo escrito das mesmas;
• Páginas de My Account – São páginas que aparecem na área de cliente (utilizador). Para além da possibilidade de editar o conteúdo escrito, o cliente também pode ocultar as páginas do menu da área de cliente.

CONSTRUTOR DE PÁGINAS (VISUAL PAGE DESIGNER)

Blocos de conteúdo são conjuntos de templates/blocos que podem ser construídos num editor Drag and Drop e usados na Homepage e páginas com o módulo “Página de blocos”. Esta ferramenta permite a criação de conteúdo responsivo, bem como criação de conteúdos diferentes para dispositivos móveis. 

1. Área de listagem de blocos/templates –Nesta área é fornecido um vasto número de blocos/templates que podem ser arrastados para a área de montagem dos mesmos (à direita). Em alguns casos, quando se “larga” o bloco na área de montagem, aparece um pop-up com desdobramento desse mesmo bloco, normalmente com alturas diferentes das imagens;
2. Pré-visualizar blocos em frontoffice – Botão que permite pré-visualizar a montagem dos blocos em ambiente de frontoffice:

• Visualizar todos – pré-visualização de todos os blocos (ativos e inativos) de desktop e mobile;
• Visualizar desktop - pré-visualização de todos os blocos de desktop;
• Visualizar mobile - pré-visualização de todos os blocos de mobile.

1. Área de montagem dos blocos – Área para onde são arrastados os blocos/templates presentes na listagem. Para respetiva edição. Também é possível alterar a ordem dos blocos já presentes nesta área, arrastando-os para cima ou para baixo;
2. Botão para editar conteúdo do bloco/template – Botão que permite editar todo o conteúdo de cada bloco. Os blocos/templates denomonados “Imagem/Vídeo/Texto” pernmitem que cada área (cada bloco desse template) possa ser editado como imagem, texto, imagem com texto, GIF, imagens múltiplas e vídeo;
3. Botão para eliminar bloco/template;
4. Tornar bloco/template visível ou invisível em desktop – opção que torna o bloco visível ou invisível em desktop;
5. Tornar bloco/template visível ou invisível em mobile – opção que torna o bloco visível ou invisível em mobile.

Os blocos mais específicos em termos de conteúdos são:

• Blog – Este bloco permite criar um destaque de 4 artigos do Blogue, a serem selecionados nas definições do bloco. Os artigos a serem exibidos podem ser selecionados manualmente ("Seleção Manual") ou automaticamente ("Artigos mais recentes");
• Countdown – Este bloco permite a criação de um contador (em dias/horas/minutos/segundos), para destacar determinadas Campanhas, Promoções, ou mesmo eventos (Exemplo: Saldos começam em xx:xx:xx, ou Promoções terminam em xx:xx:xx);
• Formulário – Neste bloco é possível associar um formulário previamente configurado no submenu “Formulário e Notificações”;
• Formulário de Landing Page  — Este bloco permite a submissão de dados para registo de clientes em site;
• Hotspots (exclusivo Cloud Plus) – Este bloco permite a criação de um ambiente/Look/Conjunto, com possibilidade de picagem de hotspots (locais na imagem), onde estão exibidos determinados produtos. Ao fazer mouseover nos hotspots, é exibida uma miniatura do produto, com possibilidade de adicionar diretamente ao carrinho ou entrar no detalhe de produto;
• Instagram – Bloco que exibe, automaticamente, os últimos 4 ou 6 posts da conta de Instagram. Neste bloco apenas é necessário introduzir um token (autorização) para receber informação do instagram associado ao projeto;
• Lookbook – Neste bloco, é possível fazer destaque a determinados looks/conjuntos que estejam configurados no Módulo “Shop by Look”. Ao clicar em “comprar conjunto” será exibida uma cortina lateral com os produtos, com possibilidade de adição direta ao carrinho;
• Marcas – Bloco que permite a seleção de algumas marcas (existentes no Módulo “Marcas”), para exibição dos respetivos logotipos com slide horizontal;
• Menu – Bloco que permite a criação de um “Menu” de opções/categorias;
• Produtos – Bloco para destaque de produtos. No primeiro separador (Configuração do produto) é escolhida a quantidade de produtos apresentada no bloco, e varia entre 3 e 6. Nos restantes separadores (Bloco #1, Bloco #2 e Bloco #3) são definidos os produtos a serem exibidos. Existem duas formas possível de associar os produtos:

• Escolha de uma estrutura de navegação — é definida a estrutura de navegação onde os produtos são apresentados. Estes 3 blocos equivalem a separadores de categorias (por exemplo: sapatos, calças e vestido) que são visíveis em frontoffice. Em cada caso é necessário adicionar um título (visível em frontoffice) e a navegação de onde os produtos são lidos. No bloco aparecem os primeiros produtos da listagem/ estrutura de navegação escolhida;
• Escolha de referências-cor — introdução manual de referências. 

• Produto + Imagem – Bloco que permite criação de destaque de produtos com outras imagens que não as imagens pré-definidas dos produtos. É possível a criação de um destaque de um, dois ou três produtos;
• Propostas de valor – Bloco que permite a criação de propostas de valor (máximo 6), com introdução de ícones próprios (Exemplo: Devoluções Gratuitas, Entregas em 24h, Marcas exclusivas, etc.);
• Recomendação de produtos — Bloco de recomendação de artigos com base em Inteligêngia Artificial, usando o algoritmo da ferramenta de Marketing Automation (Marketing > Campanhas Automatizadas); 
• Simulador de crédito (exclusivo Cloud Plus) – A ser usado juntamente com a Ferramenta de Conversão “Simulador de Crédito”. Neste tipo de simulador o utilizador pode escolher livremente o valor para o qual quer simular o crédito, com toda a informação necessária em termos de mensalidades e taxas adjacentes;
• Testemunhos – Bloco para destaque de alguns testemunhos (máximo 4), a serem selecionados dos testemunhos existentes no Módulo “Testemunhos”;
• Texto — Bloco para criação de área de apenas texto.

Em todos os blocos/templates é visível o separador “Definições” que permite alterar margens, espaçamentos laterais e altura mínima do texto:

• Margens – são definidas as margens que o conjunto (área) de blocos terá em relação a outros conjuntos de blocos, no caso de se configurar margem “Top” e “Bottom”, e as margens laterais que terá em relação à estrutura do website;
• Cor de fundo à largura do ecrã (fullscreen) — escolha da cor de fundo do bloco; 
• Espaçamento – refere-se ao espaçamento lateral que cada elemento do bloco terá entre si;
• Altura mínima do texto – é definida a altura da área para o texto e esta definição só funciona quando é selecionada a opção “Texto estruturado” em algum dos elementos do bloco;
• Definir intervalo de data para exibição — definição de um intervalo temporal para exibição dos blocos de conteúdo, fazendo com que o mesmo seja apenas exibido durante o intervalo de tempo definido;
• Exibir produtos em slide (exclusivo bloco "Produtos") — quando ativo, os produtos selecionados aparecem em slide, nos dispositivos móveis. 

O seu objetivo é a conversão e pode estar associada a uma campanha configurada neste submenu. O link para a landing page é obtido associando o módulo “Página de conversão” numa página/menu (Conteúdos > Menu).

A plataforma permite a realização de testes A/B com o objetivo de analisar, ajustar e melhorar as páginas. Ao aceder a este submenu, é dado acesso a uma lista de grupos de páginas de conversão criadas e ao selecionar um desses grupos é dado acesso à sua performance e a possibilidade de alterar o nome. Carregando no botão “Páginas”, tanto na listagem, como na visão da performance do grupo de páginas de conversão será apresentada uma nova listagem, desta vez com cada página desse grupo. Quando uma página de conversão (landing page) é constituída por 2 ou mais páginas, a plataforma irá fazer A/B Testing. 

Performance

Nesta área é visível o número de impressões, número de cliques, nº de submissões e a percentagem CTR (click through rate). Também é possível aceder aos dados submetidos, caso a página tenha formulário, através do botão “Dados”. Ao clicar numa página da tabela referida no parágrafo anterior, é apresentado um gráfico com a performance da página, mostrando as percentagens de click through rate e bounce rate. 

Informação

 Nesta secção é possível alterar o nome da página, assim como adicionar blocos de conteúdo no campo “Página de blocos”. Os blocos de conteúdos ficam abaixo da área principal de cada template de landing page;

• Conteúdos –Nesta secção define-se o título, subtítulo e banners/imagens, com a possibilidade de configurar o conteúdo para os vários idiomas. Dependendo do template escolhido, a área abaixo do conteúdo multi-idioma é ajustada, dando a possibilidade de escolher os produtos a ser apresentados em frontoffice ou escolher a campanha (configurada no submenu lateral “Campanhas/Códigos de Desconto”) no caso do template com formulário; 

Configurações

Esta secção é variável consoante o template escolhido no passo anterior. 

2 imagens + formulário 

No template “2 imagens + formulário” é definida a campanha para landing page, assim como a possibilidade de ser criada uma área de registo de cliente no formulário ao ativando o campo “Registar cliente automaticamente” e por fim a definição da URL para uma página de agradecimento.

Este template tem como propósito a angariação de leads, onde os utilizadores vão “cair”, e registar-se (ou apenas deixar os seus dados), em troca de um desconto para a sua 1ª compra, enviado posteriormente via email. Este desconto é configurado no submenu lateral “Campanhas/Códigos de Desconto”.

As campanhas carecem de ser ativadas através de um código que é enviado por email ao utilizador e resultam sempre de um desconto no carrinho. A performance do cupão demonstra os resultados, ou seja, quantos utilizadores clicaram no cupão e quantos o utilizaram. Ao gerar uma nova oferta de cupão o deve-se preencher vários parâmetros:

• Tipo de oferta – neste caso, será o desconto em carrinho;
• Valor da oferta ou valor percentagem – definição do desconto a aplicar;
• Permite produtos promocionais – opção que permite que a oferta seja acumulável com promoções;
• Definição de patamares – possibilita a aplicação de descontos variáveis consoante o valor da encomenda;
• Ativada somente por código promocional – indicação do código de ativação que irá ser enviado ao utilizador;
• Email de segmentação automático – configuração de todo o design do email que irá ser enviado com o cupão.

2 imagens + 6 produtos

No caso do template “2 imagens + 6 produtos” é possível selecionar entre 4 a 6 produtos, e também associar uma página de blocos.

Página de Blocos

Este template permite criar uma página com conteúdo livre através da ferramenta do construtor de blocos.

No template “2 imagens + formulário” é possível definir uma campanha para landing page. O desconto é configurado no submenu lateral “Campanhas/Códigos de Desconto”.

As campanhas carecem de ser ativadas através de um código que é enviado por email ao utilizador e resultam sempre de um desconto no carrinho. A performance do cupão demonstra os resultados, ou seja, quantos utilizadores clicaram no cupão e quantos o utilizaram. Ao gerar uma nova oferta de cupão o deve-se preencher vários parâmetros:

• Tipo de oferta – neste caso, será o desconto em carrinho;
• Valor da oferta ou valor percentagem – definição do desconto a aplicar;
• Permite produtos promocionais – opção que permite que a oferta seja acumulável com promoções;
• Definição de patamares – possibilita a aplicação de descontos variáveis consoante o valor da encomenda;
• Ativada somente por código promocional – indicação do código de ativação que irá ser enviado ao utilizador;
• Email de segmentação automático – configuração de todo o design do email que irá ser enviado com o cupão.

Nesta área encontram-se todos os formulários disponíveis no website, com possibilidade de edição e criação de novos formulários. Por defeito, existem alguns formulários pré-configurados, bem como uma mensagem de resposta para o formulário de Contacto.

No submenu lateral “Formulários” é apresentada uma lista de formulários já criados. Ao clicar num desses formulários, é possível editar os seguintes campos:

• Conteúdo multi-idiomas – área para editar o título e a descrição do formulário. Esta informação será visível em frontoffice;
• Informação – nesta área define-se o email de resposta (campo obrigatório) e a mensagem de resposta, que é configurada no submenu lateral “Mensagens de Resposta”.

Ao clicar no botão “Linhas”, tanto na listagem de formulários, como na edição de algum deles, tem-se acesso a uma lista com os campos do formulário que aparecerão em frontoffice.

Na criação de um campo de formulário, é possível configurar as seguintes áreas:

• Ordem de exibição – opção que dita a ordem pela qual os campos do formulário são organizados. A leitura dos campos é feita por ordem crescente;
• Assumir este campo como título para email interno – quando ativo, o campo em questão será usado como título do email que é enviado internamente, sempre que exista uma submissão deste formulário;
• Título – Nome que o campo tem em frontoffice;
• Tipo – define-se a tipologia do campo do formulário, tendo as seguintes opções:
  • Linha simples de texto – campo usado para preenchimento com texto simples;
  • Área de texto – área de texto usada para escrever texto longo como mensagem, observações, etc;
  • Email – área de inserção de contacto email;
  • Lista de opções – define-se uma lista de opções que o utilizador terá que escolher sob a forma de uma área dropdown. A sua configuração é apresentada na área abaixo (conteúdo multi-idiomas);
  • Upload – opção que permite que o utilizador faça upload de algum ficheiro;
  • Data – opção que permite o utilizador escolher uma data no formulário;
  • Checkbox – como o nome indica, criação de conteúdo que tenha uma checkbox;
  • Numérico – área de texto que apenas aceita números, como por exemplo uma área de contacto telefónico;
• Obrigatório – Tal como indica o nome, define a obrigatoriedade do preenchimento do campo em frontoffice;
• Largura – Largura que o campo vai ocupar, na largura total do formulário. No máximo, é possível existirem 4 campos na mesma linha, usando a opção de largura a 25%.

Está ainda disponível o botão "Consultar submissões" que permite ver e exportar os dados associados a cada formulário. 

No submenu lateral “Mensagens de Resposta” é possível criar/editar uma mensagem, a ser enviada via email, após a submissão de um formulário.

Nesta área estão listados todos os templates, de email e SMS, que o utilizador pode receber.  

Na listagem de templates pode-se ver o ID do template, o nome (título), o Assunto em PT e EN e o destinatário (Cliente ou Interno). 

Emails 

Assunto e corpo do email:

Os templates estão divididos entre Site, Conta, Encomenda e Devolução, de forma a categorizar a área/momento em que o email pode ser enviado. Clicando num template, é possível editar o Assunto e Descrição (corpo) do email. Mais em baixo é visível uma tabela de todas as variáveis disponíveis e que podem ser inseridas quer no assunto, quer no corpo do email (Exemplo: nome do cliente = {CLIENT_NAME}).

Perguntas: 

Nesta área é possível selecionar perguntas (FAQ’s de email) a serem apresentadas no final do corpo do email.  

As perguntas podem ser criadas no ecrã anterior (listagem dos templates) no botão “Informações/Perguntas”.

Adicionalmente, existe uma área de “Expressões dos emails” para edição de algumas palavras/frases/expressões dos emails, que não sejam editáveis no ecrã de edição do template. 

SMS

Clicando num Template de SMS é possível editar a mensagem (texto do SMS) que é enviada. Também nesta área baixo é visível uma tabela de todas as variáveis disponíveis e que podem ser inseridas no texto (Exemplo: nome do cliente = {CLIENT_NAME}).

Nesta área estão listados todos os banners, grupos de imagens, imagens e downloads que estão carregados em painel administrativo e podem ser utilizados no design do website.

No submenu lateral “Banners” são configurados todos os banners do website. Pode-se criar um banner carregando no botão “Novo” onde terá que dar um nome ao mesmo que apenas é visível no painel administrativo. Na listagem dos banners é visível o botão “Imagens” onde é apresentada uma lista de imagens associadas ao banner. Um banner pode ser constituído por várias imagens, por exemplo, na Homepage, quando várias imagens estão ativas no banner, as mesmas ficam representadas em formato carrossel). Ao carregar a imagem são apresentadas as seguintes opções:

• Informação – é apresentado o ID da imagem e a ordem da mesma. Existe a possibilidade de ter várias imagens num banner, havendo alternância entre elas em frontoffice, sendo o campo “Ordem” o que dita a sua ordem;
• Conteúdo multi-idioma – área onde se define o conteúdo nos diferentes idiomas, incluindo o carregamento da imagem. O título, descrição e subtítulo são as áreas de texto que podem sobrepor a imagem do banner, e cujo alinhamento é definido nas opções avançadas mais em baixo. Nesta área deve também ser introduzida a URL de destino do banner;
• Vídeo MP4 – área de carregamento de um vídeo, em formato MP4, para o banner. Quando é usado um vídeo no lugar do banner, o mesmo não coexiste com as imagens (carrossel);
• Opções avançadas de visualização – área para definir o alinhamento do conteúdo de texto acima inserido, bem como configurar o botão (texto, cor do texto, background, cor da borda e tamanho).
•  Critérios de exibição – define-se a data de exibição da imagem e restrições ao nível de países.

Assim sendo, em primeiro lugar, cria o grupo e posteriormente serão carregados os diferentes ficheiros.

A plataforma permite o upload ficheiros do tipo:

• Ficheiro ZIP
• Ficheiro Acrobat PDF
• Ficheiro DOC
• Ficheiro XLS
• Ficheiro AI
• Ficheiro JPG
• URL

Nas configurações do ficheiro deve definir o título e carregar uma imagem assim como, pode acrescentar uma descrição. 

No menu “Redes Sociais”, define-se o link das redes sociais, assim como a sua visibilidade em frontoffice e o ícone presente nos emails enviados através da plataforma.

Ao selecionar uma rede social, é possível editar os seguintes campos:

• Esconder – opção que, quando ativada, oculta os links e ícones da rede social em frontoffice;
• Ordem – ordem pela qual os ícones das redes sociais são exibidos em frontoffice;
• URL – define-se a página para qual o utilizador é direcionado quando carrega no ícone da rede social;
• URL’s distintos por país – caso hajam páginas distintas para cada país na rede social a ser configurada, o cliente pode adicioná-las neste campo com a devida correspondência ao país. Neste caso é apresentada a rede social associada ao país de onde o utilizador está a navegar.

EXPRESSÕES E TRADUÇÕES

As “Expressões e Traduções” localizadas no submenu demonstram o arquivo de todas as expressões visíveis no website. Expressões são palavras ou frases que estão “soltas” em site ou no checkout (não pertencem a nenhuma página ou módulo) e que são passíveis de serem editadas e traduzidas.