Passo a passo guiado: criar um site de doações para sua organização

Nesse artigo, mostraremos elementos de um exemplo de site de doações para inspirar e ajudar você a criar sites semelhantes para sua própria organização. Nesse exemplo, o site de doações fornece um exemplo de como uma página com design e mensagens conscientes podem inspirar sua organização. Essa página de exemplo também é implantada como parte de um site do hub de Recursos Humanos.

Primeiro, se você ainda não criou um site de Comunicação, confira a seção Criar site nesse artigo.

Depois de criar seu site e saber como editar páginas, você pode usar as etapas abaixo para adicionar os elementos mostrados.

Exemplo de site de doações

Imagem da página inicial

Instruções de personalização

1. Facilmente navegar no site Personalize a navegação para facilitar a descoberta de conteúdo importante no site para as pessoas. Saiba como 2. Inspirar com imagens e informações Use imagens atraentes e inspiradoras que vinculam ao conteúdo na parte superior da página. Saiba como 3. Fazer uma declaração Crie um texto profissional e consistente com várias opções de formatação. Saiba como Fazer chamada de ação Facilite a tomada de ações imediata das pessoas. Saiba como 4. Divulgar as notícias compartilhe ideias e histórias que intensificam sua mensagem. Saiba como 5. Receber eventos no calendário Adicionar um calendário de eventos para manter as pessoas atualizadas sobre eventos relacionados. Saiba como

Criar seu site

Para fazer com que um site como o mostrado aqui, você criará um Site de comunicação. Para fazer isso, selecione Criar site na página inicial do SharePoint (ou, se você for associar esse site a um site existente do hub, navegue até o site do hub e selecione Criar site lá para que o site de comunicação seja automaticamente associado a esse site do hub).

Em seguida, escolha Site de comunicaçãoe, em seguida, o layout Tópico. Preencha o nome do site, a descrição e outras informações e selecione Concluir. Em seguida, você obterá um modelo com o mesmo tipo de layout do exemplo nesse artigo.

Para saber mais, consulte Criar um site de comunicação no SharePoint Online.

Voltar para o início

Facilitar a vida do seu site

Você pode personalizar de forma rápida e fácil a organização e a navegação do seu site do SharePoint para que os visitantes naveguem até o site e encontrem facilmente as informações necessárias.

• Adicione e edite o menu principal Edite facilmente os menus superior e esquerdo para vincular a página a outras páginas do SharePoint ou na Internet.

• Mega menus Quando um site é implantado como parte de um site do hub, você pode criar poderosos mega menus.

Para obter informações mais detalhadas sobre como trabalhar com navegação, consulte Personalizar a navegação no seu site do SharePoint.

Voltar para o início

Inspire com imagens e informações

Deixe sua equipe saber o que é mais importante com imagens de alto impacto, identidade visual da empresa e notícias importantes. O impacto inicial da home page do site de doações é criado por imagens grandes e atraentes da web part em destaque. O layout usado nesse exemplo é Quatro blocos.

Layout em destaque

A edição da web part apresenta opções de layout. A opção Blocos, como mostrada acima, apresenta layouts entre um e cinco blocos. A opção Camadas define cada imagem como uma camada com a imagem ao lado do título. É possível usar até cinco camadas, para que você possa usar a web part para preencher a página inteira.

Nesse exemplo, a web part em destaque está em uma seção de largura total.

Use o Mover Web Part à esquerda para reorganizar os blocos na Web Part do Hero.

Personalizar cada bloco

Quando você selecionar um título, verá uma barra de ferramentas na parte inferior do lado onde pode selecionar Editar detalhes onde você pode alterar o link e a imagem usada. Com o título maior, você também pode definir chamada para texto e link de ação. Na mesma barra de ferramentas, você pode definir o ponto do foco para a animação de foco, além de ampliar e reduzir a imagem.

Para obter mais detalhes sobre como usar a web part em destaque, consulte Usar a web part em destaque.

Voltar para o início

Fazer uma declaração com a web part de texto

Tipografia uniforme e com aparência profissional é um recurso desse site, e a web part de Texto fornece ferramentas para refinar o impacto do texto usado em vários locais nessa página. Nesse exemplo, a web part de Texto está usando o estilo texto normal. Selecionar as reticências (...) na extremidade direita da barra de ferramentas de formatação oferece opções adicionais.

Nesse exemplo de site de doações mostrado abaixo, a web part está em uma seção de uma coluna.

Para obter mais detalhes sobre como usar a web part de Texto, consulte Adicionar texto e tabelas à sua página com a web part de Texto

Voltar para o início

Chamada de ação

Nesse exemplo, o site de doações tem uma seção usando um layout de três colunas com imagens e links dentro da seção.

Aqui, a web part da imagem é emparelhada a uma web part de texto para criar uma chamada de ação.

Para obter mais detalhes sobre como usar a web part de imagem, consulte Usar a web part de imagem.

Trabalhando com seções

Para criar seções, comece a editar clicando em Editar no canto superior direito da página.

O símbolo + antes ou depois de uma seção adicionará uma seção usando um dos vários layouts.

As seções fazem sua página, e você coloca uma ou mais web parts. Durante a edição da página, cada seção mostrará controles para editar o layout, mover ou excluir as seções. Para saber mais sobre como trabalhar com seções, consulte Adicionar ou remover seções e colunas em uma página.

Trabalhando com web parts

Selecione o símbolo de adição em uma seção, que pode aparecer antes ou depois de uma Web Part em uma seção, para ver os muitos tipos de web parts disponíveis. Para saber mais sobre todas as web parts, consulte Como usar web parts em páginas do SharePoint.

As web parts podem ser editadas, movidas ou excluídas dentro das seções. O ícone Editar web part abre controles detalhados exclusivos para cada tipo de web part.

Quando suas atualizações de página estiverem prontas, selecione Publicar para torná-las visíveis para seu público.

Voltar para o início

Divulgar as notícias com a web part de Notícias

A web part de Notícias fornece controles para escolher a Fonte de Notícias e o Layout, e para Organizar e Filtrar o conteúdo. Em Layout, há cinco opções para ajustar como os itens de notícias serão apresentados. Nesse exemplo, as notícias estão usando o site como a origem e o layout Notícia principal. As histórias são apresentadas lado a lado com uma imagem grande, e duas imagens menores, pois apenas três notícias no site são publicadas.

Nesse exemplo, a web part está em uma seção de uma coluna.

Para obter mais detalhes sobre como usar a web part de Notícias, consulte Web part de Notícias em uma página do SharePoint.

Voltar para o início

Adicionar um calendário de eventos com a web part de Eventos

A web part de Eventos permite exibir facilmente os eventos futuros na sua página de doações. Você pode usar essa web part para chamar a atenção para eventos relacionados à ação de doações, desde o planejamento de sessões até os eventos reais, e os leitores podem selecionar o evento facilmente para adicioná-lo a seus calendários.

Nesse exemplo de site de doações, essa web part usa o layout película de filme.

Para obter mais detalhes sobre como usar a web part de Eventos, consulte Usar a web part de Eventos.

Voltar para o início

Quer mais?

Inspire-se com mais exemplos e com a capacidade de adicionar um exemplo de site de doações com o Look Book do SharePoint.