Inserir um widget no editor

A ferramenta widget pode ser usada para adicionar vários elementos de conteúdo à página, incluindo links para qualquer página de conteúdo ou nó, produto ou categoria do Commerce. Os links podem ser posicionados na página em formato de bloco ou incorporados diretamente ao conteúdo. Você pode usar a ferramenta Widget para criar links para os seguintes tipos de conteúdo:

Por padrão, os links herdam seu estilo da folha de estilos do tema.

IMPORTANT
A inserção de várias diretivas, especialmente de widgets como o tipo Visualizados Recentemente / Produtos Comparados, pode produzir um efeito negativo na primeira carga da página quando ela não estiver armazenada em cache. Por isso, use-as com cuidado. Normalmente, isso não cria um problema. Mas você deve discutir esse problema em potencial com sua equipe de desenvolvimento.
  1. Abra uma página, um bloco ou um bloco dinâmico no modo de edição.

  2. Vá para a seção Content ​e clique em qualquer elemento compatível com o editor.

  3. Posicione o cursor onde deseja que o widget apareça e clique no ícone Inserir Widget.

    Barra de ferramentas do editor - Inserir widget {width="700" modal="regular"}

    Se você não tiver o Page Builder habilitado e preferir trabalhar com o código, clique em Show / Hide Editor. Posicione o ponto de inserção no texto no qual você deseja que o widget apareça. Em seguida, clique em Insert Widget.

  4. Escolha o Widget Type.

    Para obter mais informações sobre essas opções, consulte Tipos de widget. As etapas a seguir usam um exemplo para inserir um link em um produto.

  5. Para usar o nome do produto, deixe o campo Anchor Custom Text vazio.

  6. Insira um Anchor Custom Title para a prática recomendada de SEO.

    Este título não está visível na página.

  7. Defina Template como um dos seguintes:

    • Para incorporar o link ao texto, selecione Product Link Inline Template.

    • Para colocar o link em uma linha separada, selecione Product Link Block Template.

  8. Clique em Select Product e faça o seguinte:

    • Na árvore, navegue até a categoria desejada.

    • Na lista, escolha o produto vinculado.

  9. Clique em Insert Widget para colocar o link na página.

    Se você estiver trabalhando com código HTML, uma marca de marcação para o link aparecerá na parte superior da página, entre chaves duplas. Se necessário, use Recortar e Colar para posicionar a marca de marcação no código onde deseja que o link apareça.

  10. Quando as edições de conteúdo forem concluídas, clique em Save.

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de