# Incorporar uma página de grupo em um site

Agora é possível incorporar uma página de grupo em um site externo à OFN. Aqui você encontrará instruções passo a passo para configurar isso. Esse recurso é relativamente novo e não foi testado de forma abrangente em todas as plataformas.[ Entre em contato com a OFN local](https://openfoodnetwork.org/find-your-local-open-food-network/) se tiver problemas com a incorporação de uma página de grupo em seu site.

## Pré-requisitos para incorporar uma página de grupo

### Plataforma

É possível incorporar uma página de grupo em qualquer site onde você possa adicionar html personalizado à página de destino, incluindo plataformas como WordPress, Squarespace ou Wix.

Abaixo estão alguns recursos específicos da plataforma:&#x20;

* Vá para [Squarespace](https://support.squarespace.com/hc/en-us/articles/206543167) para obter mais informações sobre como adicionar html personalizado usando “codeblocks”.&#x20;

### Segurança

Como a OFN é uma plataforma de comércio eletrônico e lida com transações monetárias, ela possui um requisito de segurança mais alto do que alguns sites. Portanto, você precisará configurar o SSL/TLS no site em que deseja incorporar sua página de grupo. Você pode obter um certificado de segurança gratuito da [Let’s Encrypt](https://letsencrypt.org/) ou por cerca de $10 a $30 para outro serviço pago.

### Página de grupo OFN

Antes de prosseguir, você deve concluir a [configuração de sua página de grupo na Open Food Network](/recursos-basicos/groups/group-page.md). Você precisará saber o URL da página do seu grupo OFN para concluir as etapas de configuração abaixo.

## Como incorporar uma página de grupo

**1)  Entre em contato com a equipe local da OFN**&#x20;

Antes de tudo, você precisará [entrar em contato com a equipe local da OFN](https://openfoodnetwork.org/find-your-local-open-food-network/) e informar que deseja incorporar sua página de grupo OFN em seu site. Você precisará fornecer a eles seu domínio externo, por exemplo, regionalgroup.com.au para que eles possam conceder permissão para que seu site se comunique com a OFN.

**2) Adicionando HTML personalizado ao seu site**

Incorporar sua página de grupo é tão simples quanto inserir uma linha de código em seu site. Abaixo está um exemplo do HTML que você deve inserir na página onde deseja incorporar sua página de grupo OFN. Você precisará substituir 'flavour-crusader' pelo link permanente OFN exclusivo da sua loja.

```
<iframe src="/groups/flavour-crusader?embedded_shopfront=true"style="width:100%;min-height:35em"></iframe>
```

Depois de fazer isso, você verá a página do grupo OFN aparecer em seu site no local onde inseriu o HTML.

NOTA: Consulte as instruções sobre como[ criar e gerenciar uma página de grupo](/recursos-basicos/groups/group-page.md) para descobrir como editar seu link permanente OFN exclusivo.

**3) Customização**

Dependendo do estilo do seu site, pode ser necessário editar o CSS. Se você não estiver familiarizado com CSS, talvez seja necessário contratar os serviços do administrador do seu site. O CSS pode ser necessário para evitar ter duas barras de rolagem e para garantir que o comprimento e a largura da página do grupo incorporado sejam visualmente atraentes. Certifique-se de testar a exibição da página do seu grupo em um dispositivo móvel, pois isso pode exigir mais alterações.

## Instruções para Visitantes

### Cookies

A maioria das pessoas tem cookies ativados em seus navegadores. Mas se um visitante não ativar os cookies, ele poderá ver uma mensagem de erro semelhante à abaixo e não conseguir visualizar o grupo incorporado.

![](/files/-M0d9dPxcYui_Ya31gzd)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://guia.openfoodbrasil.com.br/recursos-basicos/groups/embed-a-group-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
