Substituir, inserir, anexar, antes e depois

Editar um elemento cobre a maior parte de uma variante, mas algumas mudanças são estruturais: um banner que precisa existir, uma faixa de confiança que deve ficar embaixo do botão de compra, um bloco que precisa sumir. O editor de código HTML resolve esses casos, e faz isso com cinco ações de posicionamento contra o elemento que você selecionou.

Substituir troca o elemento pelo que você escreveu. Inserir coloca o seu markup dentro dele, no início, e anexar coloca dentro, no final. Antes e depois colocam o markup como irmão do elemento, logo acima ou logo abaixo.

Escolher um posicionamento em vez de escrever um script de DOM é o que mantém a mudança legível depois. A fila de implementação consegue dizer em uma linha onde o markup entra, e o modelo de colisão consegue identificar que duas variantes estão disputando o mesmo elemento.

Essas são mudanças comuns na variante, então combinam com tudo o mais: um bloco anexado pode depois ser estilizado no painel de propriedades como qualquer outro elemento.