Se você estiver usando GemPages v6, consulte Este artigo.
O que é uma seção de Compartilhamento Social?
Uma seção de compartilhamento social é um bloco na sua página que exibe ícones de mídia social clicáveis, geralmente colocados perto de conteúdo importante, como páginas de produtos, artigos de blog ou campanhas promocionais.

Quando os visitantes clicam nesses ícones, eles podem:
- Compartilhe conteúdo diretamente para suas contas de mídia social (por exemplo, compartilhar um link de produto no Facebook).
- Visite seus perfis sociais para seguir ou interagir com sua marca.
Adicionar uma seção de compartilhamento social ajuda você a:
- Aumente a exposição da marca em diversas plataformas.
- Gere novo tráfego para sua loja por meio de compartilhamentos orgânicos.
- Incentive os clientes a recomendar produtos a amigos e comunidades.
- Crie confiança mostrando canais sociais ativos e conectados.
Etapas para projetar uma seção de compartilhamento social no GemPages
Para criar uma seção de Compartilhamento Social no GemPages v7, recomendamos usar o Elemento Linha e o Elemento Imagem.
Siga esses passos:
Etapa 1: acesse o editor GemPages
- No seu administrador do Shopify, navegue até Construtor GemPages app> PÁGINAS para localizar todas as páginas criadas com GemPages.
- Clique na página de destino para abrir o editor.
Etapa 2: adicionar um elemento de linha com várias colunas
- Na barra lateral esquerda, arraste e solte um Elemento de Linha na posição desejada na página.

Por exemplo, preferimos criar uma seção de compartilhamento social vinculada ao Facebook e ao X (antigo Twitter). Portanto, usaremos uma linha com um layout de 2 colunas.
- Se você quiser vincular mais plataformas sociais nesta seção, você pode alterar a quantidade em traçado seção.

Observe que um elemento de linha pode conter até 6 colunas.
Etapa 3: Adicionar e configurar os elementos de imagem em cada coluna
- Arraste e solte um Elemento de Imagem em cada coluna.

- Em seguida, clique na imagem para abrir seu painel de configurações e localizar o fonte seção.

- Passe o mouse sobre a imagem atual e clique Carregar imagem para carregar o logotipo da plataforma social.


- Desloque-se até o de vidrio seção e ative para expandir as configurações. Em seguida, selecione o Após clicar = Abrir página.

- A partir daí, você pode copiar os seguintes links para compartilhar sua página na plataforma social de destino:
| https://www.facebook.com/sharer/sharer.php?u=https://YOUR-SITE-HERE.com | |
| X | https://x.com/intent/tweet?url=https://gempages.net/ |
| https://www.linkedin.com/sharing/share-offsite/?url=https://YOUR-SITE-HERE.com | |
| https://pinterest.com/pin/create/button/?url=https://YOUR-SITE-HERE.com | |
| Gmail | https://mail.google.com/mail/?view=cm&to=&su=&body=https://YOUR-SITE-HERE.com |
| mailto:?subject=&body=https://SEU-SITE-AQUI.com |
- Substitua a URL pela URL da sua página.
Por exemplo, queremos compartilhar a página inicial do GemPages no X. O link poderia ser: https://x.com/intent/tweet?url=https://gempages.net/
- Se preferir compartilhar a página atual que você está editando, você pode obter o URL dela em Configurações de publicação painel:

Copie o URL ou você pode alterar o identificador em URL e identificador da página se necessário antes de compartilhar.

Além disso, você pode adicionar uma imagem de visualização abaixo do Visualização de imagem para compartilhamento social seção para melhor visibilidade nas plataformas sociais:

Uma vez feito isso, clique Aplicar configurações.
Etapa 4: ajuste o tamanho e configure o espaçamento
- Clique na imagem e role para baixo até Dimensões: seção na barra lateral esquerda.
A partir daqui, você pode selecionar sua preferência quadro e ajuste o largura e altura da imagem do logotipo.

Por exemplo, definimos o Largura = 50 px.
- Clique com o botão direito e selecione o elemento pai para retornar ao painel de configurações da linha.

- alterar o Largura da coluna = Ajustar ao conteúdoe ajuste o Lacuna = 0 sob a Espaçamento entre colunas seção.

Etapa 5: salvar e publicar
Uma vez feito isso, salve as alterações e clique em Publicar para republicar sua página. Depois, você poderá conferir o resultado na sua loja online.
Resultado:

Obrigado por seus comentários