Adicionar Página Web

Para adicionar Página Web, basta realizar o clique no botão "Adicionar Página Web" localizado no canto superior direito da interface assim passando para pagina de criação de uma Página Web.

Adicionar Página Web - Direita da Página

Criação Página Web

Após realizar o clique em "Adicionar Página Web", uma nova página será aberta apresentando campos que precisam sem preenchidos.

Pastas de criação da Página Web

Na página para a realização da criação das seguintes "Páginas Web", contém algumas devidas pastas ao qual são seguimentadas pelos devidos temas "Conteúdo", "Scripting", "Estilo" e "Configurações"

Dentro da pasta "Conteúdo", localizada na parte superior da página, você pode definir diferentes tipos de conteúdos que podem ser configurados. Esses conteúdos podem incluir textos e outros elementos que podem ser adicionados e personalizados de acordo com as suas necessidades.

Existem campos para configuração dentro da seção "Conteúdo"

  • Título : Nome que se dará a referencia do item. *Campo Obrigatório

  • Rota : Permite que você defina um destino específico para o conteúdo. Você pode especificar um endereço ou caminho que será associado ao conteúdo em questão.

  • Módulo (Para importação) : Está disponível para exportação do conteúdo. Isso significa que pode selecionar o módulo específico onde deseja que o conteúdo seja exportado. Essa funcionalidade permite que organize e distribua o conteúdo de forma eficiente em diferentes partes.

Além disso, existem algumas Check Box que podem ser marcadas conforme necessário. como as seguintes :

  • Rota Dinâmica : Permite que a rota seja atualizada dinamicamente com base em determinados parâmetros ou configurações.

  • Publicado : Indica se o conteúdo está disponível para visualização pública ou não.

Dentro da seção "Conteúdo", você terá a opção de escolher diferentes tipos de conteúdo para serem exibidos na página. Cada tipo de conteúdo selecionado resultará em uma mudança na aparência e funcionalidade da página.

Aqui estão os tipos de conteúdo disponíveis:

  • Construtor de Página : Esse tipo de conteúdo permite criar uma página personalizada usando um conjunto de blocos e elementos pré-configurados. Você poderá arrastar e soltar os blocos na página para organizar o layout conforme desejado.

  • Rich Text : Com esse tipo de conteúdo, você poderá adicionar e formatar texto com recursos avançados, como negrito, itálico, listas, links e outros elementos visuais para tornar o texto mais atraente e informativo.

  • Desconto : Esse tipo de conteúdo é específico para a exibição de informações relacionadas a descontos, promoções ou ofertas especiais. Você poderá inserir detalhes sobre o desconto, como código promocional, datas de validade e condições aplicáveis.

  • HTML : Com essa opção, você terá a flexibilidade de adicionar e editar código HTML diretamente na página. Isso permite personalizar e integrar elementos avançados, como vídeos incorporados, formulários personalizados ou recursos interativos específicos.

  • Slideshow : Esse tipo de conteúdo é ideal para exibir imagens em formato de apresentação de slides. Você poderá adicionar várias imagens e configurar as opções de transição, tempo de exibição e efeitos visuais para criar uma experiência visual atraente.

Ao selecionar um tipo de conteúdo específico, a página será adaptada para exibir e interagir com o conteúdo selecionado de acordo com suas configurações e personalizações.

Tipo de Conteúdo

Construtor de Página

Na página, encontrará uma Check Box chamada "Modelo Dinâmico". Logo abaixo dela, haverá uma tabela chamada "Blocos de Construção de Página", que pode ser configurada e personalizada de acordo com as necessidades aplicadas.

A Check Box "Modelo Dinâmico" permite que você ative ou desative a funcionalidade de modelo dinâmico para a página. Quando ativada, o modelo dinâmico permitirá que a página se adapte automaticamente com base em parâmetros específicos ou configurações adicionais.

A tabela "Blocos de Construção de Página" apresenta uma lista de blocos disponíveis que podem ser adicionados à página. Esses blocos são elementos predefinidos que podem incluir seções como Web Template e Editar Valores

Ao utilizar a caixa de seleção "Modelo Dinâmico" e a tabela "Blocos de Construção de Página", você terá a flexibilidade de criar e personalizar a página de acordo com suas preferências e requisitos específicos, oferecendo uma experiência visual e funcional aprimorada para os usuários.

Para adicionar informações à tabela, basta clicar no botão "Adicionar Linha". Isso criará uma nova linha na tabela, que poderá ser editada e configurada posteriormente. Após adicionar uma linha, uma nova coluna será criada automaticamente para permitir a edição dos dados.

Se desejar fazer alterações nos dados, basta clicar no botão "Editar" na linha requerida para acessar os campos de edição correspondentes à linha selecionada. Isso permitirá que faça as modificações necessárias nos dados da tabela de forma simples e intuitiva.

Após clicar em "Editar", será aberta uma nova tela com várias opções de atributos que podem ser incluídos por meio de campos de preenchimento, como "Web Template" e "Classe CSS".

  • Web Template : Permite que você associe um modelo de site específico à linha em edição. Isso pode afetar a aparência e o layout do conteúdo da linha, aplicando estilos e elementos visuais predefinidos.

  • Classe CSS : Permite que defina uma classe CSS personalizada para a linha em edição. Uma classe CSS é um conjunto de estilos e propriedades que podem ser aplicados aos elementos HTML.

Além disso, há também algumas Check Box disponíveis como:

  • Adicionar Recipiente : Essa opção adiciona um recipiente ou contêiner em torno da linha, o que pode ser útil para agrupar elementos relacionados e aplicar estilos específicos.

  • Adicionar Espaço no Topo : Ao marcar essa opção, um espaço em branco será adicionado na parte superior da linha, criando um espaçamento visual entre ela e o conteúdo acima.

  • Adicionar Espaço na Parte Inferior : Semelhante à opção anterior, essa marcação adiciona um espaço em branco na parte inferior da linha, criando um espaçamento visual entre ela e o conteúdo abaixo.

  • Adicionar Fundo Cinza : Essa opção adiciona um fundo cinza à linha, destacando-a visualmente do restante do conteúdo.

  • Esconder o Bloco : Ao marcar essa opção, a linha será ocultada na visualização final do site, tornando-a invisível para os visitantes.

Esses atributos e opções oferecem a capacidade de personalizar ainda mais a linha editada, permitindo que associe modelos de site, aplique classes CSS personalizadas e faça seleções adicionais, se disponíveis. Isso proporciona flexibilidade e controle sobre a aparência e o comportamento da linha dentro da tabela.

Rich Text

Ao selecionar Rich Text permite a inclusão de um campo para a digitação de texto formatado como Rich Text. Esse campo possibilitará a inserção de texto com formatação avançada, como negrito, itálico, listas, links e outros elementos visuais.

Além disso, uma Check Box será adicionada acima desse campo de texto, com a opção "Modelo Dinâmico". Ao marcar, ativará o modo de modelo dinâmico para o campo de texto. Isso significa que o conteúdo inserido nesse campo poderá ser atualizado automaticamente com base em parâmetros específicos ou configurações adicionais.

Formato Rich Text

Permite codificar elementos básicos do arquivo, como tamanho, cor e fonte do texto. Esse formato pode não oferecer suporte a recursos visuais mais diferenciados em aplicativos de processamento de texto específicos, como uma versão moderna do Microsoft Word, mas preserva grande parte do design principal do arquivo de documento, pois foi renderizado em um processador de texto específico.

Por exemplo, formatos proprietários como .docx, .doc ou .wp podem não ser traduzidos tão bem entre sistemas diferentes quanto uma versão .rtf.

Onde o Rich Text é usado?

O formato Rich Text é frequentemente usado quando os documentos são enviados por e-mail a um amplo conjunto de destinatários ou transportados entre diferentes partes que podem estar usando configurações de processamento de texto radicalmente diferentes.

Desconto

Dentro do "Tipo de Conteúdo" selecionado, encontrará uma única Check Box chamada "Modelo Dinâmico" e um campo de preenchimento.

Ao marcar a Check Box "Modelo Dinâmico", ativa o modo de modelo dinâmico para o campo de preenchimento. Isso permite que o conteúdo inserido nesse campo seja atualizado automaticamente com base em parâmetros específicos ou configurações adicionais.

Se contém os seguintes botões no campo de preenchimento:

  • Expandir : Permite expandir o campo de preenchimento, tornando-o maior para facilitar a digitação de um texto mais extenso.

  • Pré-visualização : Permite visualizar uma prévia do conteúdo inserido no campo de preenchimento. Ao clicar nesse botão, poderá ver como o conteúdo será exibido antes de salvá-lo definitivamente.

Essas opções oferecem maior flexibilidade e controle sobre o campo de preenchimento, permitindo a ativação do modo de modelo dinâmico, a expansão do campo para facilitar a digitação e a pré-visualização do conteúdo antes de finalizá-lo.

HTML

Ao selecionar o "Tipo de Conteúdo" em formato HTML, terá a possibilidade de criar e editar um campo para a digitação de código HTML. Esse campo permitirá que insira código HTML diretamente, fornecendo a flexibilidade de personalizar e integrar elementos avançados em sua página.

Além disso, haverá uma Check Box chamada "Modelo Dinâmico" ao marcar essa Check Box, ativará o modo de modelo dinâmico para o campo HTML. Com o modelo dinâmico ativado, o conteúdo inserido no campo HTML poderá ser atualizado automaticamente com base em parâmetros específicos ou configurações adicionais.

Essas opções oferecem a capacidade de criar campos HTML personalizados e interativos, permitindo a adição de recursos avançados. Além disso, o modo de modelo dinâmico possibilita que o conteúdo HTML seja adaptado e atualizado de forma automática, de acordo com as necessidades e configurações definidas.

Slideshow

Em seguida, temos outro tipo de conteúdo que gera um campo de preenchimento para selecionar um Slideshow específico. Esse campo permitirá que escolha o Slideshow desejado a ser exibido na página.

Além disso, haverá uma Check Box chamada "Modelo Dinâmico". Ao marcar essa Check Box, ativará o modo de modelo dinâmico para o Slideshow. Com o modelo dinâmico ativado, o conteúdo do Slideshow poderá ser atualizado automaticamente com base em parâmetros específicos ou configurações adicionais.

Salvar Implementações e Edições

Após concluir todas as adições e alterações de conteúdo necessárias, o usuário pode salvar as modificações realizadas clicando no botão "Salvar". Este botão está localizado no canto superior direito da página.

Ao clicar em "Salvar", todas as inclusões e alterações de conteúdo serão armazenadas. Isso garante que as informações sejam salvas e estejam disponíveis para uso posterior. O processo de armazenamento permite que o usuário mantenha um registro atualizado e seguro de todas as edições realizadas.

Last updated