Shortcode de botão
Insira um botão estilizado em qualquer texto com o shortcode [botao], definindo link, rótulo, nova aba e largura total.
Intermediário1 min de leitura
Nesta página
O shortcode [botao] cria um botão no padrão visual do tema dentro de qualquer campo de texto que processe shortcodes do WordPress (por exemplo, o widget de editor de texto do Elementor).
Sintaxe
[botao link="https://exemplo.com/oferta" rotulo="Quero começar" aba="sim" largura_total="nao"]Atributos
| Atributo | Padrão | Valores | O que faz |
|---|---|---|---|
link | # | URL | Destino do botão. |
rotulo | Clique aqui | texto | Texto exibido. |
aba | nao | sim ou nao | sim abre em nova aba (com rel="noopener noreferrer"). |
largura_total | sim | sim ou nao | sim ocupa 100% da largura disponível. |
O botão usa a fonte de títulos do tema e os estilos de botão (btn), portanto acompanha a marca. O endereço e o rótulo são tratados com esc_url e esc_html.
Exemplos
Botão de largura total, na mesma aba:
[botao link="#oferta" rotulo="Ver a oferta"]Botão compacto para outra aba:
[botao link="https://wa.me/5511999999999" rotulo="Falar no WhatsApp" aba="sim" largura_total="nao"]Boas práticas
- Use rótulos de ação ("Quero começar", "Baixar o guia").
- Para botões principais da seção, prefira os campos de botão dos próprios widgets, que têm opções de estilo completas.
Este artigo foi útil?
Artigos relacionados
Páginas e construtor
Marcação de texto
Destaque, negrito, itálico e tachado em qualquer texto de widget usando uma sintaxe simples entre símbolos.
Páginas e construtor
Variáveis de página
Defina um valor uma única vez e reutilize em textos e links da página com {{rotulo}} — preço, nome da oferta, link de checkout.
Páginas e construtor
CSS e JS personalizado
Como escrever CSS e JavaScript em qualquer elemento ou página do Converto, incluindo a sintaxe curta de media queries por breakpoint.