> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://supr-bundles-and-subscriptions.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Complementos da página do produto

| Para acessar esta página, vá em [**Supr Bundles & Subscriptions > Design**](https://admin.shopify.com/apps/super-subscriptions/app/widget) e role até o card **Configurações de complementos**, no final da página.

Os complementos do widget são os extras ao redor do seu widget de assinatura: um selo ao lado do preço do produto, o texto do botão de adicionar ao carrinho, o seletor de data de entrega e algumas regras de exibição. Cada um é uma linha no card **Configurações de complementos**. Ative ou desative uma linha com o botão de alternância e clique na linha para abrir as configurações dela.

Os complementos mudam a página do produto ao redor do widget. Eles não são os produtos complementares que você pode anexar a uma opção de kit, que são configurados na oferta.

### Índice

* [Selo de assinatura](#3-selo-de-assinatura)
* [Detalhes do preço da assinatura](#3-detalhes-do-preco-da-assinatura)
* [Texto do botão de adicionar ao carrinho](#3-texto-do-botao-de-adicionar-ao-carrinho)
* [Texto de limite de assinatura atingido](#3-texto-de-limite-de-assinatura-atingido)
* [Ordem das ofertas](#3-ordem-das-ofertas)
* [Bônus de fidelidade](#3-bonus-de-fidelidade)
* [Ocultar quando houver uma única opção](#3-ocultar-quando-houver-uma-unica-opcao)
* [Atualizar preços na página do produto](#3-atualizar-precos-na-pagina-do-produto)
* [Código da moeda nos preços](#3-codigo-da-moeda-nos-precos)
* [Centavos em preços inteiros](#3-centavos-em-precos-inteiros)
* [Seletor de data](#3-seletor-de-data)
* [Contagem regressiva da oferta](#3-contagem-regressiva-da-oferta)
* [Adicionar ao carrinho fixo](#3-adicionar-ao-carrinho-fixo)
* [Campos personalizados](#3-campos-personalizados)
* [Assinaturas de presente](#3-assinaturas-de-presente)
* [Upsell no carrinho](#3-upsell-no-carrinho)
* [Gaste mais, economize mais](#3-gaste-mais-economize-mais)
* [Adicionar à minha assinatura](#3-adicionar-a-minha-assinatura)
* [Perguntas frequentes](#3-perguntas-frequentes)
* [Guias relacionados](#3-guias-relacionados)

### Selo de assinatura

|| Exibe um pequeno selo ao lado do preço do produto sempre que uma opção de assinatura está selecionada. Esse selo destaca o desconto para que os compradores vejam de imediato o valor de assinar.

* **Rótulo do selo**
  Defina o texto que aparece dentro do selo. Use `{{ subscription_discount }}` para inserir o desconto, por exemplo `ASSINATURA • {{ subscription_discount }}`. Se o rótulo do selo não tiver nenhuma variável, o selo mostra apenas o texto que você digitou, sem o desconto.

* **Texto do desconto percentual**
  Personalize como os descontos percentuais são exibidos usando `{{ subscription_discount_percentage }}`.

* **Texto do desconto em valor**
  Personalize os descontos de valor fixo usando `{{ subscription_amount_off_discount }}`.

* **Texto do desconto de preço fixo**
  Mostre um preço fixo de assinatura usando `{{ subscription_fixed_price_discount }}`.

* **Animação**
  Escolha entre **Nenhuma**, **Pop** ou **Queda** para chamar a atenção quando o selo aparecer.

O rótulo do selo contém o texto, e os três textos de desconto controlam como o desconto em si é escrito. Aquele que corresponde ao tipo de desconto da sua opção de assinatura é inserido onde você colocar `{{ subscription_discount }}`. Para remover o selo, desative a linha.

### Detalhes do preço da assinatura

|| Mostra o preço por entrega e o preço unitário abaixo do preço principal do produto. Isso ajuda os clientes a entender o custo de uma assinatura pré-paga ou de produtos vendidos por peso ou volume.

* **Texto do preço por entrega (pré-paga)**
  Identifique o custo de cada entrega em uma opção de assinatura pré-paga usando `{{ per_delivery_price }}`, por exemplo `{{ per_delivery_price }} / entrega`.

* **Preço unitário**
  Exiba o preço unitário com `{{ unit_price }}` e `{{ unit_price_measurement }}`. Isso usa o preço unitário que você definiu no produto na Shopify.

* **Preço por semana ou por mês**
  Escolha **Por semana** ou **Por mês** para adicionar uma linha como `R$ 7,82 / semana`, calculada a partir do preço de cada entrega e da frequência de entrega. Isso ajuda os clientes a comparar opções com frequências diferentes e acompanha a opção de kit que eles escolherem. Escreva o texto com `{{ per_week_price }}` ou `{{ per_month_price }}`. Um mês conta como 30,44 dias. Marque **Arredondar para valores inteiros** para mostrar `R$ 8 / semana` em vez de `R$ 7,82 / semana`; o preço cobrado não muda.

* **Preço dos pedidos seguintes**
  Quando os pedidos seguintes custam algo diferente do primeiro, por exemplo depois de um [refil](https://supr-bundles-and-subscriptions.crisp.help/pt-br/article/a-beginners-guide-to-subscription-offers-mpp4ps/) ou de uma mudança no desconto de fidelidade, é adicionada uma linha como `Depois R$ 5,00 a partir do pedido 2`. Escreva o texto com `{{ renewal_price }}` e `{{ order_number }}`. O preço é por unidade, como as linhas acima, e é o mesmo preço posterior que a Shopify mostra no checkout.

Essas linhas aparecem apenas quando uma opção de assinatura está selecionada. O preço por item impresso dentro do próprio widget ("R$ 3,50 cada") é outra coisa: ele é ativado e desativado em **Elementos > Preço por unidade** e redigido em **Rótulos**; veja [O widget de assinatura](https://supr-bundles-and-subscriptions.crisp.help/pt-br/article/the-subscription-widget-l9335l/#3-precos).

### Texto do botão de adicionar ao carrinho

|| Muda o rótulo do botão de adicionar ao carrinho enquanto uma assinatura está selecionada, para que os clientes saibam que estão iniciando um pedido recorrente. Vem ativado por padrão e mostra **Adicionar assinatura ao carrinho**.

* **Texto do botão de adicionar assinatura ao carrinho**
  Digite qualquer texto, como "Assinar agora", para substituir o texto do botão do seu tema sempre que uma opção de assinatura estiver selecionada. Se o texto for longo demais para caber onde o seu tema coloca o botão (ao lado da quantidade, por exemplo), o botão mantém o texto do próprio tema nesse tamanho de tela, em vez de quebrar para uma nova linha.

Você também pode mostrar a economia no botão, usando qualquer uma destas variáveis:

* `{{ subscription_savings_amount }}` o valor que a assinatura economiza
* `{{ subscription_discount_value }}` o desconto em si, como porcentagem ou valor
* `{{ subscription_full_amount }}` o preço antes do desconto da assinatura
* `{{ subscription_discounted_amount }}` o preço depois dele

Por exemplo, `Assine e economize {{ subscription_savings_amount }}` aparece como "Assine e economize R$ 5,00". Os valores acompanham o que o cliente selecionou, então são atualizados quando ele muda a quantidade, a variante ou a frequência de entrega.

Para manter sempre o texto do botão do seu tema, **desative** este complemento. O botão passa a mostrar o que o seu tema define, com ou sem uma assinatura selecionada.

### Texto de limite de assinatura atingido

|| O texto exibido quando um comprador escolhe uma opção de assinatura que atingiu um limite definido por você. Os limites são definidos na própria opção, na oferta, em **Limitar assinaturas ativas** (**Máximo por opção**, **Máximo por produto** e **Máximo por cliente**).

* **Texto do botão de adicionar ao carrinho**
  Substitui o texto do botão de adicionar ao carrinho quando uma assinatura com limite está selecionada. O padrão é "Limite de assinatura atingido".

* **Mensagem de validação no checkout**
  O erro exibido no checkout se o cliente ainda tiver o produto com limite no carrinho.

* **Cliente já no limite (checkout)**
  O erro exibido no checkout quando um cliente conectado já tem tantas assinaturas em uma opção quanto o **Máximo por cliente** permite. Traduza em [Configurações > Traduções](https://supr-bundles-and-subscriptions.crisp.help/pt-br/article/translations-1f89xct/), em **Widgets**.

### Ordem das ofertas

|| Define a ordem em que as assinaturas de ofertas diferentes aparecem, quando um produto está em mais de uma oferta.

As opções de assinatura de cada oferta formam um grupo na página do produto, com o **Nome da assinatura** da oferta como título. Clique na linha, mova os grupos para cima e para baixo com as setas e clique em **Salvar**. O grupo do topo é exibido primeiro. A mesma ordem é usada em todos os lugares em que a Shopify os lista, inclusive no checkout.

Para mudar a ordem das opções dentro de uma oferta, arraste as linhas delas na própria oferta. Veja [A ordem em que as coisas aparecem](https://supr-bundles-and-subscriptions.crisp.help/pt-br/article/the-subscription-widget-l9335l/#3-a-ordem-em-que-as-coisas-aparecem).

### Bônus de fidelidade

|| Mostra no widget as recompensas de um programa de fidelidade, para que os compradores vejam o que ganham ao assinar. Vem desativado por padrão.

Ative com o botão de alternância e clique na linha para definir o texto e a aparência. As recompensas em si vêm do programa de fidelidade anexado à opção de assinatura. Veja [Programas de fidelidade](https://supr-bundles-and-subscriptions.crisp.help/pt-br/article/loyalty-programs-xgnl2l/).

### Ocultar quando houver uma única opção

|| Oculta o widget de assinatura sempre que o comprador tem apenas uma forma de comprar, porque não sobra nada para escolher.

Isso vale para um produto com uma opção de assinatura e sem a linha de compra única. Em uma oferta com opções de kit, também é avaliado com base na opção de kit que o comprador selecionou: enquanto ela deixa apenas uma forma de comprar, porque é **Somente compra única** ou **Somente assinatura** com uma única frequência de entrega, o widget sai de cena e essa forma de comprar é usada. Escolha uma opção de kit que ofereça mais e o widget volta.

Vem desativado por padrão. Ative para deixar que as suas opções de kit façam toda a escolha; veja [Uma escolha em vez de duas](https://supr-bundles-and-subscriptions.crisp.help/pt-br/article/bundle-types-quantity-breaks-buy-x-get-y-fixed-bundles-and-build-a-box-q04e6x/#3-uma-escolha-em-vez-de-duas). Essa também é a forma de ocultar o widget em um produto somente de assinatura com uma única frequência de entrega.

### Atualizar preços na página do produto

|| Mantém o preço do produto do seu próprio tema em sincronia com o que o comprador escolheu. Quando ele seleciona uma opção de assinatura ou uma oferta de kit, o preço grande no topo da página do produto muda para o que ele realmente vai pagar, com o preço original riscado ao lado sempre que a escolha gera economia.

Vem ativado por padrão. Desative para deixar o preço do seu tema como está: o widget de assinatura e as opções de kit continuam mostrando os próprios preços, só o preço do tema deixa de mudar.

Quando o seu tema já sabe exibir uma promoção, o app coloca o tema nesse estado e preenche o preço e o preço riscado do próprio tema, de modo que um desconto de assinatura ou de kit parece exatamente uma redução de preço definida por você, nas suas fontes e nas suas cores. Quando um tema não tem estilo de promoção próprio, o preço riscado é criado a partir do preço do tema, para continuar combinando com a sua tipografia e a sua cor, com um traço simples por cima.

| Isso foi verificado diretamente no Horizon, no Dawn e nos temas baseados no Dawn (Refresh, Craft, Sense, Ride, Taste, Studio, Crave, Colorblock, Publisher, Origin, Spotlight, Trade, Concept), nos temas mais novos da Shopify Ritual e Tinker, e no Impulse, Empire, Motion, Turbo, Focal, Pipeline e Highlight. Outros temas costumam funcionar também. Se o preço da sua página de produto não mudar, diga ao suporte qual tema você usa e nós o adicionaremos.

| Como o preço do tema acompanha a opção selecionada, o preço que o comprador vê quando a página abre é o da opção selecionada primeiro. Se uma opção de assinatura ou um pacote de kit for o padrão, o preço com desconto ou do pacote aparece no topo. Para abrir com o preço normal, clique em **Tornar padrão** na linha **Compra única** da oferta.

### Código da moeda nos preços

|| Define se os preços do seu widget de assinatura e das suas opções de kit mostram o código da moeda, por exemplo **R$ 24,00 BRL** em vez de **R$ 24,00**.

* **Igual ao tema** (o padrão): o widget e as opções de kit seguem a configuração de código de moeda do seu próprio tema, para combinar com o resto da loja.
* **Mostrar**: sempre imprime o código da moeda, independentemente do que o tema fizer.
* **Ocultar**: nunca imprime, mesmo que o tema mostre códigos de moeda em outros lugares.

A escolha é salva assim que você a seleciona e vale para todos os preços do widget de assinatura e das opções de kit, inclusive os preços que se atualizam quando o comprador muda a variante, a opção selecionada ou a quantidade. Economias como "Economize R$ 5,00" são escritas sem o código nos dois casos. Em **Igual ao tema**, a visualização na página Design mostra os preços sem o código, porque não consegue ler a configuração do seu tema; a sua loja virtual continua seguindo o tema.

### Centavos em preços inteiros

|| Define como um preço sem centavos é escrito no seu widget de assinatura e nas suas opções de kit.

* **Mostrar (R$ 24,00)** (o padrão): todos os preços mantêm os centavos.
* **Ocultar (R$ 24)**: um preço sem centavos é escrito sem eles, então R$ 24,00 aparece como R$ 24 e R$ 1.200,00 como R$ 1.200. Um preço como R$ 24,50 sempre mantém os centavos, então o que o comprador vê é sempre exatamente o que ele paga.

A escolha é salva assim que você a seleciona e vale para todos os preços do widget de assinatura e das opções de kit, inclusive designs personalizados, e para os detalhes do preço da assinatura abaixo do preço do produto. Também vale para os preços que se atualizam quando o comprador muda a variante, a opção selecionada ou a quantidade. Segue o formato de moeda da sua loja, então uma loja que escreve preços como 24,00 € passa a mostrar 24 €. O preço do produto do seu próprio tema não é alterado.

### Seletor de data

|| Permite que os clientes escolham a data de entrega em um calendário abaixo do widget. Útil para entrega local ou sempre que você quiser que os clientes escolham a data da primeira entrega.

Ative com o botão de alternância na linha **Seletor de data** e clique na linha para configurá-lo:

* **Título do seletor de data**
  O título acima do campo do calendário.

* **Rótulo da data da primeira entrega** e **Rótulo da data da próxima entrega**
  Os nomes das datas adicionadas ao carrinho e ao checkout em uma assinatura.

* **Rótulo da data de entrega única**
  Usado em compras únicas e em kits, que não têm um próximo pedido.

* **Dias de entrega disponíveis**
  Escolha quais dias da semana os clientes podem selecionar.

* **Dias de processamento antes da entrega**
  Adicione uma margem entre a realização do pedido e a primeira data de entrega disponível.

* **Data máxima de entrega do primeiro pedido**
  Limite até quanto tempo no futuro os clientes podem escolher a primeira entrega (em dias, semanas ou meses).

* **Datas de entrega desativadas**
  Bloqueie datas específicas ou períodos, como feriados.

* **Horário limite para pedidos**
  O último horário em que os clientes podem pedir para a primeira data de entrega disponível, com o respectivo **Fuso horário**.

| A aparência do campo de data não é definida aqui. Depois que o seletor de data é ativado, uma seção **Data de entrega** aparece em **Elementos** na [página Design](https://supr-bundles-and-subscriptions.crisp.help/pt-br/article/the-subscription-widget-l9335l/#3-elementos), com o título, o campo e a borda, para que o campo combine com o widget em que está.

### Contagem regressiva da oferta

A **Contagem regressiva da oferta** mostra quanto tempo falta para o fim de uma oferta, como **Termina em 2d 4h**, na página do produto, abaixo do título da oferta. Cada oferta a ativa para si mesma: defina uma data de **Fim** em **Ofertas > Programação** e marque **Mostrar uma contagem regressiva na página do produto** (veja [Programar uma oferta](https://supr-bundles-and-subscriptions.crisp.help/pt-br/article/a-beginners-guide-to-subscription-offers-mpp4ps/#3-publicacao-e-rascunhos)). Ela é atualizada enquanto a página está aberta e desaparece quando a oferta termina.

Esta linha não tem um botão de alternância próprio. Clique nela para mudar o **Texto da contagem regressiva**, em que **{time}** imprime o tempo restante em dias, horas e minutos no idioma do comprador, e a **Cor do texto** (por padrão, a cor do título da oferta). O texto é traduzido junto com os seus outros rótulos em **Configurações > Traduções > Widgets**.

### Adicionar ao carrinho fixo

O **Adicionar ao carrinho fixo** mantém uma barra de adicionar ao carrinho na tela depois que o botão de adicionar ao carrinho do seu tema sai da vista. Ela mostra o nome do produto, a variante, o preço do que o comprador escolheu (a opção de assinatura, o preço de compra única ou a opção de kit selecionada) e um botão de adicionar ao carrinho.

O botão aciona o adicionar ao carrinho do próprio tema, então o seu carrinho lateral ou a página do carrinho, os kits e todo o resto funcionam exatamente como a partir do botão principal, e ele tem o mesmo texto, inclusive **Adicionar assinatura ao carrinho** quando uma assinatura está escolhida. Ative com o botão de alternância da linha e clique na linha para definir:

* **Exibir em**: **Celulares** (o padrão) ou **Todas as telas**.
* **Layout**: uma **Barra na parte inferior da página** ou um **Card flutuante com a imagem do produto**, arredondado e centralizado.
* **Mostrar seletores de opção na barra**: pequenos menus suspensos para as opções de assinatura e as opções de kit, para que os compradores possam mudá-las sem rolar de volta para cima. Eles mudam as opções na página, então o preço e o carrinho ficam iguais aos de uma escolha feita lá.
* **Estilo**: a cor de fundo, a cor do texto, o raio dos cantos e o tamanho da fonte. Se deixados em branco, seguem o design do seu widget. O botão mantém a aparência do seu tema.

Vem desativado, a menos que você o ative. Se o seu tema já tem uma barra de adicionar ao carrinho fixa própria, desative uma das duas para que os compradores vejam apenas uma.

### Campos personalizados

Os **Campos personalizados** fazem perguntas aos compradores na página do produto, como o nome de um pet ou uma preferência de moagem, e salvam cada resposta no pedido e na assinatura, para que ela acompanhe todas as renovações. Cada opção de assinatura faz as próprias perguntas: em [**Ofertas**](https://admin.shopify.com/apps/super-subscriptions/app/offers), abra a opção, clique em **Campos personalizados** (em **Exibição**, depois de **Benefícios**) e adicione até 5 campos. Para cada um, defina:

* **Rótulo**: a pergunta. Ele também é o nome sob o qual a resposta é salva, então mudá-lo depois salva as novas respostas com o novo nome.
* **Tipo**: **Texto** ou **Lista suspensa**, com as **Opções** separadas por vírgulas.
* **Texto de exemplo** (ou **Chamada** para uma lista suspensa).
* **Resposta padrão**: com o que o campo começa, para que os compradores só a mudem quando não servir. Digite-a em um campo de texto ou escolha uma das opções em uma lista suspensa. O comprador pode mudá-la ou apagá-la; um campo obrigatório com resposta padrão já está respondido. Uma assinatura que você mesmo criar começa com as mesmas respostas.
* **Obrigatório**: o comprador não pode adicionar ao carrinho até preenchê-lo e vê **Preencha** seguido do nome do campo.
* **Os clientes podem alterar no portal**: a resposta aparece no portal do cliente em **Seus dados**, onde o cliente pode alterá-la. Desmarque para mostrar a resposta sem permitir que ele a altere.

**Saiba quando os clientes mudam as respostas.** Quando um cliente muda uma resposta no portal do cliente, ele recebe o e-mail **Contrato de assinatura atualizado**. Como todo e-mail de assinatura, ele mostra as respostas da assinatura no **Resumo da assinatura**, cada uma sob o nome do respectivo campo, omitindo as vazias. Marque **Enviar uma cópia para mim** nesse e-mail em **Configurações > Notificações > Notificações para clientes** para receber o mesmo e-mail sempre que ele for enviado e assim manter as listas de separação atualizadas. Você também recebe uma cópia das outras alterações da assinatura, como produtos ou quantidades.

**Veja e altere as respostas.** Abra a assinatura em **Assinaturas**: as respostas ficam no card **Campos personalizados**, à direita, que toda assinatura tem. Clique no lápis para alterar uma resposta ou preencher uma que o cliente deixou em branco. Você pode alterar todos os campos, inclusive os que os clientes não podem alterar no portal, mas os campos que a opção de assinatura pergunta não podem ser removidos: um obrigatório deixado em branco mostra **Obrigatório**, mas ainda assim é salvo. Clique em **Adicionar campo** para adicionar um campo seu, com nome e valor, a qualquer assinatura, mesmo uma cuja opção não pergunta nada; o ícone de lixeira remove os seus próprios campos e as respostas salvas sob um nome que nenhum campo usa mais (um campo que você renomeou ou removeu). Os campos que você adiciona são salvos nos próximos pedidos, onde o cliente pode vê-los, mas não no portal do cliente, a menos que **Outros detalhes do pedido**, em **Configurações > Portal do cliente**, os inclua. As alterações valem a partir do próximo pedido. O pedido que o comprador fez mantém as respostas que ele deu, listadas abaixo do produto na página do pedido na Shopify. Quando você cria uma assinatura por conta própria (**Assinaturas > Criar contrato de assinatura**), o mesmo card **Campos personalizados** permite responder aos campos da opção e adicionar os seus.

Os campos aparecem abaixo das opções de assinatura enquanto essa opção está escolhida, em todos os designs, e também funcionam com opções de kit; a visualização do editor de ofertas os mostra enquanto você digita. Eles usam as bordas, os cantos e a cor de texto do design do seu widget. Clique na linha **Campos personalizados** aqui para substituí-los em **Estilo** (inclusive **Fundo do campo**, o preenchimento dos campos; se deixado em branco, os campos usam o fundo da opção do seu design, ou branco) e para reescrever a mensagem de um campo obrigatório. Traduza os rótulos, os textos de exemplo, as opções, as respostas padrão de texto e a mensagem em **Configurações > Traduções > Widgets > Campos personalizados**; uma lista suspensa traduzida ainda salva a opção no idioma principal da sua loja, então os seus pedidos aparecem iguais, qualquer que seja o idioma do comprador.

|| **As cores seguem o seu design.** Todo complemento com uma seção **Estilo** (campos personalizados, assinaturas de presente, adicionar ao carrinho fixo, upsell no carrinho e Adicionar à minha assinatura) usa as cores e os cantos do design do seu widget quando você os deixa em branco, para combinar com as suas opções de assinatura. As fontes seguem o seu tema.

### Assinaturas de presente

As **Assinaturas de presente** reúnem os textos e a aparência do botão **Enviar como presente**, exibido enquanto um comprador escolhe uma opção que pode ser dada de presente (em **Ofertas**, uma **Assinatura pré-paga** única com **Os compradores podem enviá-la como presente** marcado). Quando ativado, pede o e-mail do destinatário (sempre) e, se você escolher em **Também pedir**, o nome e uma mensagem de presente (a mensagem vem ativada, a menos que você a desative). Clique na linha para reescrever o botão, os nomes dos campos e as mensagens, e para definir o **Estilo** deles (se deixado em branco, segue o design do seu widget); traduza em **Configurações > Traduções > Widgets > Assinaturas de presente**. O destinatário recebe o e-mail **Presente recebido** quando a assinatura começa. Veja [Posso oferecer assinaturas de presente?](https://supr-bundles-and-subscriptions.crisp.help/pt-br/article/can-i-offer-gift-subscriptions-qw0pmu/) para a configuração completa.

### Upsell no carrinho

O **Upsell no carrinho** adiciona um botão **Assine e economize 10%** a cada produto comprado uma única vez, na página do carrinho e no carrinho lateral, logo acima da quantidade. Um clique transforma essa linha em uma assinatura, pelo preço de assinatura, sem sair do carrinho.

* O botão oferece a primeira opção de assinatura do produto que a página do produto mostraria por conta própria (ou todas elas, veja **Permitir que os compradores escolham a frequência** abaixo), então opções vendidas apenas dentro de um kit, opções que você mantém fora da loja virtual, opções de teste grátis e opções pré-pagas nunca são oferecidas. Opções limitadas a clientes com determinada tag também ficam de fora; as opções para clientes conectados aparecem apenas para clientes conectados.
* A economia é o desconto da opção. Sem desconto, o botão mostra **Mudar para uma assinatura**.
* Uma faixa de quantidade (um pacote de 2, um pacote de 3) também recebe o botão, quando o desconto dessa opção de kit se aplica a assinaturas. A linha mantém o desconto do kit com o desconto da assinatura por cima, o mesmo preço que a sua página de produto cobra por esse pacote em uma assinatura, e só é oferecida uma opção que esse pacote permite. As demais linhas de kit (kits fixos, monte uma box, Compre X Leve Y, brindes e complementos) e as linhas com detalhes de outro app nunca recebem um botão.
* **Permitir que os compradores escolham a frequência** (nas configurações da linha, desativado por padrão) coloca uma lista suspensa com as opções de assinatura do produto ao lado de um botão **Assinar**, cada opção com a própria economia ("Entrega todo mês, economize 10%"). A primeira opção vem escolhida, então um clique ainda resolve. Um produto com apenas uma opção mantém o botão único. Os nomes das opções vêm das suas opções de assinatura, no idioma do comprador.
* **Permitir que os compradores voltem para compra única** (desativado por padrão) dá às linhas de assinatura um botão **Mudar para compra única**. Ele não é exibido para produtos vendidos somente por assinatura, nem para uma opção de kit vendida somente por assinatura.
* Em **Estilo**, escolha um botão com contorno ou preenchido, a cor dele e a cor do texto, o raio dos cantos, a fonte (a fonte de corpo ou de título do seu tema, de sistema, serifada ou monoespaçada), o peso e o tamanho e, com a lista suspensa ativada, a cor do texto da lista. A seta da lista usa a cor do botão. Se deixadas em branco, as cores e os cantos seguem o design do seu widget (a borda da opção escolhida), lido da página do produto; em uma página sem widget, usam o design que esse comprador viu por último e, só antes de ele ter visto algum, o do seu tema.
* Precisa que a incorporação de app esteja ativada, porque um carrinho lateral pode abrir em qualquer página.

Clique na linha para reescrever os botões e as entradas da lista suspensa (`{discount}` é a economia, `{option}` o nome da opção) e traduza em **Configurações > Traduções > Widgets > Upsell no carrinho**. A maioria dos temas é compatível; se o botão não aparecer no seu carrinho, diga qual tema você usa.

### Gaste mais, economize mais

|| Um desconto no pedido quando o carrinho atinge um nível de gasto, por exemplo 5% de desconto a partir de R$ 50 e 10% a partir de R$ 100, com uma barra de progresso no topo da página do carrinho e do carrinho lateral: "Gaste mais R$ 20,00 para economizar 5%".

1. Clique em **Gaste mais, economize mais**, defina até 5 níveis (**Gastar pelo menos**, na moeda da sua loja, e **Porcentagem de desconto**) e escolha o que **Conta**: todos os itens do carrinho, apenas itens de compra única ou apenas itens de assinatura.
2. Reescreva o **Texto do progresso** (`{remaining}` é o valor que ainda falta gastar, `{discount}` a porcentagem do próximo nível) e o texto de **Último nível atingido** (`{discount}`), e defina a cor, os cantos e o tipo da barra em **Estilo**. Os dois textos são traduzidos em **Configurações > Traduções > Widgets**.
3. Clique em **Salvar** e depois ative o botão de alternância.

Como funciona:

* Cada nível é um desconto automático da Shopify criado pelo app, então o checkout o aplica, e você os verá em **Descontos** no admin da Shopify. Altere-os aqui: cada salvamento os substitui.
* A Shopify aplica o **melhor nível** que o carrinho atinge. Os níveis se combinam com descontos de kit, descontos de assinatura e descontos de frete, mas não com outros descontos no pedido.
* **Conta** decide tanto o que a barra soma quanto sobre quais itens o desconto é aplicado: com **Apenas itens de compra única**, as assinaturas nem contam nem recebem o desconto.
* O **Nome do desconto no checkout** (`{minimum}`, `{discount}`) é mostrado no pedido apenas no idioma da sua loja: a Shopify não traduz nomes de desconto.
* A barra precisa que a incorporação de app esteja ativada. Os valores mínimos são convertidos para compradores que pagam em outra moeda.
* Enquanto estiver ativado, a visualização na página Design também desenha a barra abaixo do widget, com a legenda **No carrinho e no carrinho lateral, com este produto**: ela mostra o que um carrinho com o produto visualizado, pelo preço selecionado, exibiria, no seu **Estilo**.

### Adicionar à minha assinatura

O **Adicionar à minha assinatura** permite que um cliente que já assina adicione o produto que está vendo a essa assinatura, direto da página do produto, sem um novo checkout. O botão aparece abaixo das opções de assinatura apenas para clientes conectados à sua loja e com uma assinatura ativa; mais ninguém o vê.

Ele aparece como um card: o botão e, abaixo dele, a data em que o produto será enviado (**Enviado com o seu próximo pedido em 23 de outubro**). O card aparece enquanto o cliente tem uma opção de assinatura selecionada, não em uma compra única, e oferece apenas as assinaturas ativas ou pausadas dele nessa mesma opção de assinatura, para que o produto seja adicionado pelo preço que a página mostra. Com uma assinatura assim, não há lista; com mais de uma, ele escolhe qual em uma lista (**Assinatura nº 1234, próximo pedido em 23 de outubro**).

Clicar no botão abre uma confirmação antes de qualquer alteração. Ela lista tudo o que já está na assinatura, depois o novo produto destacado e marcado como **Novo**, com o preço dele em cada entrega, e o próximo pedido da assinatura com o produto adicionado: subtotal, descontos, frete, impostos e total, calculados pela Shopify. Quando o produto traz um desconto maior ou um frete mais barato, essa linha é destacada e marcada como **Nova economia**. Só quando o cliente clica em **Adicionar à assinatura** o produto é adicionado, a todos os pedidos dessa assinatura, pelo preço de assinatura, e ele recebe o e-mail habitual **Assinatura atualizada**.

**Um produto que já está na assinatura.** Adicionar um produto que a assinatura já tem aumenta a quantidade dessa linha em vez de adicionar uma segunda, então a confirmação mostra a linha uma vez, com a nova quantidade. Uma linha que faz parte de um kit ou de uma box de assinatura, um brinde ou recompensa, ou que traz detalhes do próprio cliente (uma gravação, por exemplo), é deixada como está, e o produto é adicionado separadamente.

**Faixas de quantidade.** Se a assinatura já tem o produto como um pacote de faixa de quantidade na mesma opção de assinatura, o produto entra nesse pacote em vez de virar uma linha própria, quando isso resulta em um pacote maior. Por exemplo, mais uma lata em um pacote **Duplo** o transforma em **Triplo**, com a economia do Triplo em todos os pedidos seguintes, com o preço exato que o seu checkout calcula. A confirmação mostra o pacote com a nova quantidade e o novo nome. Se nenhum pacote servir para a nova quantidade, o produto é adicionado separadamente e o pacote existente mantém o preço. Outros tipos de kit ainda não são combinados dessa forma.

Segue as mesmas regras de adicionar produtos no portal do cliente: precisa que **Adicionar produtos** esteja ativado em **Configurações > Portal do cliente** e é recusado dentro da sua janela **Bloquear alterações antes do próximo pedido**. Clique na linha para reescrever todos os textos do card e da confirmação e para definir o **Estilo**: um botão com contorno ou preenchido, as cores de destaque e do texto, os cantos, a fonte, o peso e o tamanho, e a cor do texto da lista. Uma visualização mostra o card e a confirmação enquanto você edita. Os textos são traduzidos junto com os seus outros rótulos em **Configurações > Traduções > Widgets**.

### Perguntas frequentes

**O botão mudou para "Adicionar assinatura ao carrinho". Como mantenho o "Adicionar ao carrinho" do meu tema?**
Desative **Texto do botão de adicionar ao carrinho** em **Configurações de complementos** ou digite o texto que você quer em **Texto do botão de adicionar assinatura ao carrinho**.

**O preço no topo da página do meu produto não muda quando uma assinatura ou um kit é selecionado.**
Verifique se **Atualizar preços na página do produto** está ativado. Se estiver e o preço do seu tema ainda não mudar, diga qual tema você usa e adicionaremos compatibilidade.

**A página do meu produto mostra um preço com desconto em vez do preço que defini.**
O preço do tema acompanha a opção selecionada quando a página abre. Faça da linha **Compra única** o padrão na oferta ou desative **Atualizar preços na página do produto**.

**Os preços no widget mostram "BRL" (ou não mostram).**
Mude **Código da moeda nos preços** para **Mostrar** ou **Ocultar**. Se o widget mostrar uma moeda diferente do resto da sua loja, envie uma mensagem para nós com o link do produto.

**Posso mostrar preços sem ,00?**
Sim. Defina **Centavos em preços inteiros** como **Ocultar**. Preços com centavos, como R$ 24,50, os mantêm.

**Meu produto é somente de assinatura com uma única frequência. Posso ocultar o widget?**
Sim. Ative **Ocultar quando houver uma única opção**.

### Guias relacionados

* [O widget de assinatura](https://supr-bundles-and-subscriptions.crisp.help/pt-br/article/the-subscription-widget-l9335l/)
* [O que aconteceu com o editor de widgets](https://supr-bundles-and-subscriptions.crisp.help/pt-br/article/what-happened-to-the-widget-editor-ct911p/)
* [Retirada na loja e entrega local para assinaturas](https://supr-bundles-and-subscriptions.crisp.help/pt-br/article/store-pickup-and-local-delivery-for-subscriptions-m44p7a/)
* [O que os compradores veem no carrinho e no checkout](https://supr-bundles-and-subscriptions.crisp.help/pt-br/article/what-shoppers-see-in-the-cart-and-at-checkout-pmtcfu/)