Instalar o widget de reservas no WordPress

Prepare o MenuOrb

1. Ative reservas públicas e o widget para site.
2. Adicione as origens do WordPress em Sites permitidos. Inclua as duas quando ambas funcionarem, como https://restaurante.com e https://www.restaurante.com.
3. Salve e copie o código gerado.

Editor de blocos Gutenberg

1. Acesse Páginas e edite a página desejada.
2. Selecione Adicionar bloco.
3. Adicione HTML personalizado.
4. Cole um dos exemplos abaixo.
5. Use Visualizar para confirmar o formulário.
6. Atualize ou publique.

Formulário incorporado

<div
  data-menuorb-reservation
  data-key="SUA_CHAVE_PUBLICA"
  data-display="form"
  data-width="100%"
  data-height="720"
  data-radius="16"
  data-language="pt-BR"
></div>
<script async src="https://www.menuorb.com/widgets/menuorb-reservations.js"></script>

Botão com popup

<div
  data-menuorb-reservation
  data-key="SUA_CHAVE_PUBLICA"
  data-display="button"
  data-color="#4f46e5"
  data-label="Reservar mesa"
  data-language="pt-BR"
></div>
<script async src="https://www.menuorb.com/widgets/menuorb-reservations.js"></script>

Elementor

1. Edite a página com Elementor.
2. Arraste um widget HTML para a seção desejada.
3. Cole o código do MenuOrb.
4. Clique em Atualizar e teste a página pública em uma janela anônima.

No modo botão, coloque o widget HTML dentro da coluna que controla o alinhamento. Também é possível adicionar style="display:flex;justify-content:center" ao contêiner.

Construtores de cabeçalho e rodapé

Use o modo botão no cabeçalho. Adicione o contêiner onde o botão deve aparecer, mas carregue o script apenas uma vez. Se o tema possui uma área global de código, o <script> pode ficar nela e o <div> no bloco do cabeçalho.

Plugins de desempenho e consentimento

Ferramentas de desempenho podem atrasar, combinar ou remover scripts externos. Se o contêiner ficar vazio:

• exclua https://www.menuorb.com/widgets/menuorb-reservations.js do atraso de JavaScript;
• exclua da minificação/combinação quando ela alterar o funcionamento;
• autorize o script no plugin de consentimento quando scripts forem bloqueados;
• limpe cache da página, objeto, CDN e navegador;
• teste a URL pública, não apenas o editor visual.

Essas opções normalmente aparecem como Atrasar execução de JavaScript, Arquivos JavaScript excluídos ou Exceções de script.

Limitação do WordPress.com

Alguns planos do WordPress.com removem tags <script>. Se a página apagar o carregador, use o link hospedado pelo MenuOrb como destino de um botão ou utilize um plano/configuração que aceite scripts personalizados.

Atualizar a chave depois

Edite o mesmo bloco HTML e substitua data-key. Não adicione outro script carregador. Publique e limpe os caches.