Componentes - O que são e como utiliza-los

Criado: 27 Junho 2015 | Atualizado: 30 Agosto 2016
Tamanho da fonte
small
regular
large
Versão para impressão
print
Com eles é a maneira mais prática e livre de criar seus conteúdos em uma página de seu web site.
Os componentes podem ser utilizados em Páginas, Eventos, Matérias, Email Marketing...

O que são os componentes?

São containers de conteúdo onde você pode alterar de forma prática e livre seus textos, fotos, layout, como um quebra-cabeça!

Um componente é um container pré-configurado para realizar uma função, essa pode ser: exibir um texto, uma imagem, uma animação, uma exibição de produtos, de matérias, ou tudo junto.
Cada componente tem suas propriedades e funções distintas, você pode utilizar quantos quiser para montar seus conteúdos, basta escolher e aplicar.

Conheça AQUI todos os nossos componentes! Veja quantas possibilidades diferentes você tem para montar uma página de site.

O que posso fazer com os componentes?

O que você quiser!!

Você pode utilizar um componente para exibir um texto com cores diferentes do seu site.
Pode utilizar um outro componente para exibir imagens.
Com os componente você também pode exibir uma galeria de fotos.
Mais um componente para obter emails para sua newsletter.
Em seguida colocar outro, mais outro....

É desta forma que você constrói o layout da sua pagina dentro do seu site!! Com muitos componentes!!!

Como adiciono um novo componente em minha página?

Basta cliacr em ADICIONAR

Deseja alterar a ordem de exibição? Basta trocar o índice.
Não quer mais exibir um componente? Basta deixar oculto.

Tudo bem simples e assim você pode exibir ou não uma promoção, trocar a ordem e fazer o que desejar!!

Veja na imagem abaixo como adicionar, alterar a ordem de exibição e ocultar algum componente:

Como eu seleciono um novo componente?

Apenas com 4 cliques você seleciona um novo componente!!

1º passo - clique em TEMPLATE para o sistema abrir a sessão de exibição de todos os componente;

2º passo - clicando na seta amarela você ativa o carrossel, o sistema exibi de 4 em 4 componentes para você escolher e incluir na sua página;

3º passo - achou o componente que deseja incluir, clique em cima dele, desta forma ele ficará em destaque,

4º passo - após o componente desejado for exibido em destaque, clique em ADICIONAR.

Veja na imagem abaixo os passos que descrevemos acima:

Como edito meus componentes?

Editar seus componentes é bem simples, basta clicar no botão editar!

Na edição de um componente você poderá trocar textos, fotos, cores, fontes, animações e etc.
Após aplicar seu componente clique em Editar

Uma tela será exibida sobre seu conteúdo com todos os recursos que o componente que você aplicou possui.
O conteúdo trabalha em forma de abas, trocando as abas você poderá editar todos as definições do seu componente.

A primeira aba a ser exibida é a Geral:
Todos os componentes possuem essa aba e nela estão propriedades gerais do componente.
Como: Margens (Margens Externas), Paddings (Margens internas), Título do componente, Textura de fundo e etc.

Na aba Conteúdo: é onde você coloca seu conteúdo, geralmente os textos do componente e onde você pode trocar cores, alinhamento, fontes e etc.

Na aba Detalhes: é onde ficam outros recursos do componente como imagens, opções gerais de exibição e etc.

Cada componente possui uma aba diferente, pois cada uma tem suas características diferentes. Tirando a primeira aba que é igual a todos você poderá manusear seu componente como desejar e fazer testes e configuração diversas até alcançar um conteúdo de cair o queixo.

Seja esperto

Dica de fácil exibição é ótimo para organizar seus componentes

Nunca deixe de preencher o Título de exibição assim ficará fácil de você identificar cada conteúdo

Quer um exemplo prático?

Essa página foi toda criada com componentes

Todas as páginas da nossa Wiki são criadas com componentes!

Para criar uma página de explicação como essa, utilizamos de 5 a 20 componentes, tudo depende do que precisamos descrever.

Com os componentes você pode trocar a ordem de exibição, trocar cor de fontes, trocar o layout do componente para que essa exerça outra exibição e etc.
Sempre que aplicamos um componente logo adicionamos o título de exibição, assim fica fácil de organizar e encontrar qual componente editar, caso precise...

Preparamos um vídeo ensinando todo o processo acima!!

Nos ajude!!

Se este conteúdo foi de grande ajuda para você começar a desfrutar da plataforma

Nos ajude dando uma curtida nesta página - Basta clicar em GOSTEI.
Caso nosso tutorial não tenha esclarecido suas dúvidas, ou você não tenha gostado de como explicamos, você pode clicar em NÃO GOSTEI. Será de grande ajuda se você também explicar por que não gostou. Desta forma podemos melhorar ainda mais nossos serviços!! Contamos com sua ajuda!! Obrigada!! :-)

O que você achou desta informação?

Avaliação 5 / 1 ( 1 )

Deixe sua avaliação
Comentários
0
Deixe seu comentário
voltar

 

Leia também

Componente - Audio Fort Wayne
Páginas - Como criar e manusear suas páginas
Páginas - melhorando o posicionamento de suas páginas nos buscadores
Páginas Avançadas - como criar/editar
Tabelas - Como criar uma tabela

 

Comentários

Faça parte da notícia, deixe seu comentário, expresse sua opinião.
E-mail protegido, também não gostamos de SPAM
Sua mensagem foi enviada com sucesso!

Índice Wiki

A


Admin - Ajuda Rápida
Admin - Viajem rápida
Aplicativo PierTurbo
Aplicativos do Admin PurplePier

B


Banner Breaking News
Banner Loja Animee - Banner animado
Banners - Como alterar o banner principal
Banners - Medidas
Banners - O que são e como usá-los
Benchmarking
Blog - Aprenda como multiplicar o número de visitantes com as Redes Sociais
Blog - Como criar uma nova matéria para exibir em seu website
Boas-vindas!

C


Cadastrando Revista Issuu no seu web site
Canal de Comunicação - Admin
Chamados - Como enviar um print screen da sua tela
Chamados - Como permitir que seus clientes abram chamados para você
Classificados - Anúncios o que são e como gerenciar
Classificados - Como gerenciar os status de edição
Classificados - Edições, o que é e como gerenciar
Clientes - Como exibir seus clientes no site
Coaching - O que é e como funciona
Cobrança - Como enviar uma cobrança
Comentários e depoimentos - como visualizar
Como divulgar CURSOS usando o aplicativo PierInbound?
Como fazer um webinário usando a ferramenta Google Hangout
Como obter melhores resultados nas pesquisas orgânicas do Google
Componente - Audio Fort Wayne
Componentes - O que são e como utiliza-los
Concursos - Como publicar um concurso

D


Depoimentos - como visualizar
DNS - Como adicionar o PurplePier ao Registro BR
Downloads - disponibilizando arquivos para baixar

E


E-commerce - Como gerenciar seu estoque
E-commerce - criando sua loja
E-commerce - Embalagens e cálculo de frete
E-commerce - Frete grátis
E-commerce - Pagamentos
E-commerce - Removendo um item da loja
E-commerce - Requisitos Iniciais
E-mail - Como acessar o servidor de email
E-mail - Como configurar o Gmail para receber email do servidor
E-mail - Como trocar a senha do email
E-mail com horários divergentes
E-mail de Noticação
E-mail de Prospecção como usar o aplicativo
E-mail Marketing - Mailing do Gmail
E-mail Marketing - Mailing Excel
E-mail Marketing - Resultado da Campanha
E-mail Outlook - Como configurar
E-mails Automatizados - Abandono de carrinho
E-mails de contato - Como é recebido os e-mails de contato pelo site
EAD - Avaliações, o que são e como utilizá-las
EAD - Como adicionar professores nos cursos
EAD - Passos iniciais
ERP - Cadastrando um cliente com cobrança de mensalidade
ERP - Cadastrando uma conta recorrente a receber ou a pagar
ERP - Contas a pagar e receber
ERP - Faturas
ERP - Faturas, como parar de enviar faturas de hospedagem ou outros serviços mensais
ERP - Trabalhe Conosco
Estatísticas - o que são e pra que servem?
Eventos - Criar um evento
Eventos - Ver ficha de inscrição em eventos

F


Facebook - Como limpar o cache de um link no Facebook?
Facebook - compartilhar não atualiza informações
Facebook - Dicas para criar aplicativos
Facebook - Endereço da Página
Faq - Perguntas Frequentes
Fotos - Como tirar fotos para seu site ou ecommerce

G


Galerias
Galerias de Fotos
Google Hangout - O que é e para que serve
GoogleHangout - Como criar suas salas de vídeo

I


Imagem - Bancos de imagens
Imagem - Como alterar o tamanho de uma imagem no Photoshop OnLine
Imagem - Como criar uma imagem para o Facebook usando o Photoshop online
Imagem - Como deixar suas imagens com o mesmo tamanho
Imagens - Como cadastrar e editar
Imprimir - Veja como imprimir grandes quantidades de itens
Itaú - Como pagar a cobrança

L


Landing Page ou HotSites - O que é e como editar
Licitações - o que é e como utilizar
Limpando o Cache
Loja Conveniência - o que é e como usar

M


Matérias - Criando e editando matérias
Menu
Menu Mega - Menu Especial
Menu Retrátil - como criar
Minisites
MultiLínguas - como adicionar mais de uma língua ao seu site

N


Newsletter - Como ver editar e gerenciar seus inscritos no seu mailing
Notificação de interesse de compra

P


Páginas - Como criar e manusear suas páginas
Páginas - melhorando o posicionamento de suas páginas nos buscadores
Páginas Avançadas - como criar/editar
Pesquisas - Primeiros Passos
Pier Aplicativo - O que é e o que faz
Pier Fórum
Pier Inbound - Como publicar matérias pelo aplicativo
PierMail - Disparar campanhas de e-mail
PierMail Disparar campanhas de e-mail usando o novo CONSTRUTOR DE LAYOUT
Playground, criar e editar imagens é divertido
Podcast - como adicionar arquivos ao seu FTP
Primeiros Passos
Produtos - Como cadastrar um produto
Produtos - Como criar categorias que exibem subcategorias
Produtos - como editar: guia rápido
Produtos - Como montar planilha em Excel para criação de Script na hora de cadastrar produtos na plataforma PurplePier?
Promoções - O que são e como criá-las
Prospecção de Cliente - o que é e como utilizar
Publicidade Flutuante
Publicidade Online - Como adicionar banner de publicidade no seu site

R


Rede de Afiliados - O que é e como utilizar
Revista ISSU
ROI - Retorno do Investimento

S


SharePoint - O que é e como utilizar
Sinistros - O que é e como utilizar essa ferramenta
Site no ar

T


Tabelas - Como criar uma tabela
Tags de usuários
Texturas - O que são e como alterar as cores do seu site

U


Usuários - O que são e como gerenciá-los

V


Veículos - Como cadastrar ou alterar um veículo
Vídeos - Youtube e Vimeo
Vouchers de desconto

W


WhatsApp - Como personalizar o conteúdo que deseja enviar para grupos, contatos e amigos