Cada bloco tem um shortcode equivalente com as mesmas opções. No editor de blocos, você as define na barra lateral e escolhe produtos, cursos e badges em uma lista. Um shortcode recebe as mesmas opções como atributos, e os itens pelo UUID. Onde copiar um UUID está explicado no fim desta página.
Um atributo que você omite usa o valor padrão da tabela. Um atributo de texto vazio também volta ao texto padrão.
Botão de checkout
Um botão que abre o checkout do memberarea para um produto.
O painel Finalizar compra da barra lateral tem dois campos: Produto e Texto do botão. Sem texto, o botão diz Comprar agora.
Enquanto nenhum produto for escolhido, o editor mostra um espaço reservado com a lista de produtos e a página não mostra nada. Se o produto for removido depois no seu memberarea, o editor avisa para você escolher outro.
[memberarea_checkout]
| Atributo | Valores | Padrão |
|---|---|---|
product |
UUID de um produto | nenhum, obrigatório |
label |
qualquer texto | Comprar agora |
class |
suas próprias classes CSS | nenhum |
Produto
Exibe um produto com um botão de adicionar ao carrinho, compacto ou com todos os detalhes.
O painel Produto da barra lateral tem o seletor Produto e Apresentação, com Compacto. Quantidade e adicionar ao carrinho. (o padrão) ou Completo. Imagem, preço e opções.
Enquanto nenhum produto for escolhido, o editor mostra um espaço reservado e a página não mostra nada.
[memberarea_product]
| Atributo | Valores | Padrão |
|---|---|---|
product |
UUID de um produto | nenhum, obrigatório |
layout |
compact, full |
compact |
class |
suas próprias classes CSS | nenhum |
Qualquer layout diferente de full resulta no layout compacto.
Carrinho
Um botão de carrinho com uma lista suspensa que mostra o que o visitante adicionou e o leva ao checkout.
O bloco não tem opções. Enquanto o site não estiver conectado, o editor mostra uma dica de onde conectá-lo, e a página não mostra nada.
[memberarea_cart]
| Atributo | Valores | Padrão |
|---|---|---|
class |
suas próprias classes CSS | nenhum |
Catálogo de cursos
Lista os cursos que você vende, cada um com seu preço e um botão de checkout. Os membros veem um link para os cursos que já têm.
- Apresentação: Colunas (1 a 4, padrão 3), Número máximo de cursos (0 a 24, zero mostra todos os cursos), Exibir a imagem do curso, Exibir a descrição e Exibir o preço, os três ativados por padrão.
- Quais cursos: Somente cursos que podem ser comprados, desativado por padrão. Quando ativado, cursos sem produto ficam de fora.
- Textos: Botão de compra (padrão Comprar agora) e Botão para um curso que o membro já tem (padrão Abrir curso).
- Quando não há nada para exibir: Quando nenhum curso está à venda, Para onde o botão leva e Texto do botão.
Quando não sobra nenhum curso para mostrar, o bloco exibe "Nenhum curso está à venda no momento." ou o seu próprio texto, mais um botão para a página que você informou, com o texto Saiba mais, a menos que você escreva outro. Quando a lista de cursos não pode ser carregada do seu memberarea, o bloco não mostra nada.
[memberarea_course_catalogue]
| Atributo | Valores | Padrão |
|---|---|---|
columns |
1 a 4 | 3 |
limit |
um número, 0 para todos os cursos |
0 |
purchasable |
sim ou não | não |
image |
sim ou não | sim |
description |
sim ou não | sim |
price |
sim ou não | sim |
button |
qualquer texto | Comprar agora |
owned |
qualquer texto | Abrir curso |
empty |
qualquer texto | Nenhum curso está à venda no momento. |
link |
endereço de uma página | nenhum |
linklabel |
qualquer texto | Saiba mais |
class |
suas próprias classes CSS | nenhum |
Selo verificado
Exibe o badge verificado de um dos seus cursos, com participantes e número de aulas.
O painel Selo da barra lateral tem o seletor Selo e quatro opções:
- Design: Largo (o padrão), Grande, Compacto, Linha única.
- Estilo: Padrão (o padrão), Claro, Transparente.
- Cantos: Retos, Levemente arredondados, Arredondados (o padrão), Muito arredondados.
- Alinhamento: Centralizado (o padrão), Esquerda.
O seletor lista apenas badges ativados. Se um badge escolhido for desativado depois, o editor avisa e os visitantes não veem nada. Sem badge, a página não mostra nada.
[memberarea_badge]
| Atributo | Valores | Padrão |
|---|---|---|
badge |
UUID de um badge | nenhum, obrigatório |
design |
long (Largo), large, compact, row (Linha única) |
long |
style |
standard, light, transparent |
standard |
radius |
none (Retos), small, medium, large |
medium |
align |
center, left |
center |
class |
suas próprias classes CSS | nenhum |
Um valor que a lista não conhece volta ao padrão.
Login de membros
Exibe um botão de entrar para visitantes e, para membros conectados, nome, foto e um botão de sair.
- Rótulos: Botão de entrar (padrão Entrar) e Botão de sair (padrão Sair).
- Conectado: Exibir a foto do perfil, Exibir o nome e Oferecer um botão de sair, todos ativados por padrão.
- Apresentação: Alinhamento, com Esquerda (o padrão), Centralizado ou Direita.
Enquanto o login de membros não estiver configurado, o editor mostra um aviso e os visitantes não veem nada.
[memberarea_login]
| Atributo | Valores | Padrão |
|---|---|---|
sign_in |
qualquer texto | Entrar |
sign_out |
qualquer texto | Sair |
avatar |
sim ou não | sim |
name |
sim ou não | sim |
logout |
sim ou não | sim |
align |
left, center, right |
left |
class |
suas próprias classes CSS | nenhum |
Meus cursos
Mostra ao membro conectado os cursos que ele tem, cada um com link direto para o seu memberarea.
- Apresentação: Colunas (1 a 4, padrão 2), Exibir a imagem do curso e Exibir progresso, ambos ativados por padrão.
- Quando não há nada para exibir: Membro sem cursos, Visitante não conectado, Para onde o botão leva e Texto do botão.
Um visitante que não está conectado vê "Entre para ver seus cursos." ou o seu próprio texto, com um botão Entrar. Um membro sem cursos vê "Você ainda não tem cursos." ou o seu próprio texto. Os dois recebem um botão para a página que você informou, com o texto Ver cursos, a menos que você escreva outro. Um curso que depende de um curso exigido mostra "Disponível quando você concluir o curso exigido." em vez do progresso. Abaixo da barra de progresso, um curso mostra, por exemplo, "40% concluído", e Concluído quando termina. Enquanto o login de membros não estiver configurado, o bloco não mostra nada.
[memberarea_my_courses]
| Atributo | Valores | Padrão |
|---|---|---|
columns |
1 a 4 | 2 |
image |
sim ou não | sim |
progress |
sim ou não | sim |
empty |
qualquer texto | Você ainda não tem cursos. |
signedout |
qualquer texto | Entre para ver seus cursos. |
link |
endereço de uma página | nenhum |
linklabel |
qualquer texto | Ver cursos |
class |
suas próprias classes CSS | nenhum |
Progresso do curso
Mostra ao membro conectado quanto ele já avançou, em um curso ou em todos.
- O que medir: Progresso de, com Todos os cursos do membro (o padrão) ou Um curso. Para um curso, escolha-o em Curso.
- Aparência: Formato (Barra ou Anel), Exibir o título, Exibir a porcentagem e, para todos os cursos, Exibir quantos cursos foram concluídos. Leitores de tela ouvem a porcentagem de qualquer forma.
- Quando não há nada para exibir: Membro sem cursos (para um curso: Membro sem este curso), Visitante não conectado, Para onde o botão leva e Texto do botão.
Um visitante que não está conectado vê "Entre para ver seu progresso." ou o seu próprio texto, com um botão Entrar. Um membro sem cursos vê "Você ainda não tem cursos.", um membro sem o curso escolhido "Você ainda não tem este curso.", cada um substituível pelo seu próprio texto e seguido do seu botão. Com Um curso mas sem curso escolhido, o bloco fica vazio.
[memberarea_progress]
| Atributo | Valores | Padrão |
|---|---|---|
scope |
overall, course |
course se course estiver definido, senão overall |
course |
UUID de um curso | nenhum |
display |
bar, ring |
bar |
label |
sim ou não | sim |
percent |
sim ou não | sim |
count |
sim ou não | sim |
empty |
qualquer texto | Você ainda não tem cursos. (um curso: Você ainda não tem este curso.) |
signedout |
qualquer texto | Entre para ver seu progresso. |
link |
endereço de uma página | nenhum |
linklabel |
qualquer texto | Ver cursos |
class |
suas próprias classes CSS | nenhum |
count só aparece no progresso geral.
Regras para todos os shortcodes
Sim e não
no, false, 0 e off desativam uma opção. Qualquer outro valor conta como
sim.
Maiúsculas e minúsculas
Os nomes dos atributos e os valores das tabelas funcionam com qualquer
combinação de maiúsculas e minúsculas, então Layout="FULL" é o mesmo que
layout="full". Seus próprios textos aparecem exatamente como você os digita.
Uma linha cada
Coloque cada shortcode em uma linha própria, para que ele não acabe no meio de
um parágrafo. A única exceção é [memberarea_checkout]: ele é exibido em linha e
pode ficar dentro de uma frase.
Links de botão
link aceita um endereço que começa com https:// ou um caminho que começa com
/, como /courses. Qualquer outra coisa, como www.example.com/courses, é
descartada e o botão não aparece.
Um curso ou todos
[memberarea_progress course="…"] mostra esse curso. Adicione scope="overall"
para mostrar o progresso em todos os cursos.
Idiomas dos widgets
O checkout, o produto, o carrinho e o badge usam os textos do seu memberarea, também quando o checkout abre a partir de um botão no Catálogo de cursos. Eles seguem o idioma do site WordPress quando ele é alemão, inglês, espanhol, francês, italiano, húngaro, holandês, polonês ou português. Qualquer outro idioma do site os exibe em inglês.
Encontrar os UUIDs
-
Produto: no seu memberarea, vá em Pagamentos > Configurações > Widgets, abra a aba Widgets, escolha o produto em Configurador de snippets e clique em Copiar ao lado de ID do produto.
O configurador de snippets com um produto escolhido e o botão Copiar ao lado de ID do produto -
Curso: em Cursos, use Copiar link do curso em um curso publicado. O link termina com o UUID do curso, como em
https://your-domain/user/courses/<UUID>. -
Badge: abra o curso, depois Configurações > Selo de marketing, clique em Personalizar em um design e depois em Gerar selo. Na janela Código do selo, o valor depois de
data-badge=é o UUID do badge.
