Design
Colors, buttons, and layout
Colors
Checkout Button
Add to Cart Button
Options
Show strikethrough prices
Show savings amount
Variant Selectors
Configure how product options appear
Visibility
Show variants on page (before Add to Cart)
Show variants inside cart drawer
Page: customer picks before adding (recommended). Cart: allows changing after adding.
Per-Option Style
Configure the style for each option type. When a product is selected, its option names appear here.
Pills Design
Dropdown Design
Swatches Design
Header
Cart drawer header settings
Title
The cart quantity is added automatically
Close Button
Announcements
Show a banner with timer or message
Enable
Use {TIMER} for countdown
Tiered Rewards
Progress bar with reward tiers
Enable
Currency shown in the reward progress bar
Tiers
Recommendations
Products shown on empty cart
Enable
Upsells
Recommend products when cart has items
Enable
Products
Bundles
Offer product bundles like Bogg Bag — group items at a special price
Enable
Bundle Products
Additional Notes
Let customers add order notes
Enable
Add-ons
Extra products offered as add-ons
Enable
Add-on Products
Discount Codes
Let customers enter promo codes
Enable
Trust Badges
Security icons and payment badges in the cart
Enable
Store Settings
Shopify connection
Domain e Token sao gerenciados pelo MC Sync. Configure na tela principal.
Descontos
O cupom é enviado ao Shopify que valida as regras automaticamente (mínimo de itens, valor mínimo, etc.). Configure as regras do cupom no Shopify Admin → Discounts.
Dica: Para descontos com regras (ex: 10% acima de 2 itens), use "Descontos Automáticos" no Shopify Admin. Eles são aplicados automaticamente sem precisar de cupom e o subtotal já será exibido com o desconto.
Dica: Para descontos com regras (ex: 10% acima de 2 itens), use "Descontos Automáticos" no Shopify Admin. Eles são aplicados automaticamente sem precisar de cupom e o subtotal já será exibido com o desconto.
Código ISO de 3 letras (USD, BRL, EUR). Usado nos eventos de tracking.
Tracking Pixels
Se seus pixels estão instalados via integração nativa da Shopify (API), eles rodam em sandbox e o MC Cart não consegue acessá-los. Coloque os IDs aqui para que o MC Cart carregue os pixels diretamente na página.
Meta Events Manager → Fontes de dados → ID do Pixel
Google Analytics → Admin → Data Streams → Measurement ID
Google Tag Manager → Container ID
TikTok Events Manager → Pixel ID
Conversions API (Server-Side)
Envia eventos duplicados via servidor para melhor tracking no iOS. Requer um Cloudflare Worker deployado (instruções abaixo).
Token do Conversions API (Meta Events Manager → Settings → Generate Access Token). O server-side tracking e ativado automaticamente.
Como deployar o Worker:
1. Crie conta grátis em dash.cloudflare.com
2. Vá em Workers & Pages → Create
3. Clique "Create Worker", dê o nome mc-capi
4. Cole o conteúdo do arquivo mc-capi-worker.js
5. Em Settings → Variables, adicione:
•
•
•
6. Clique Deploy e copie a URL aqui
1. Crie conta grátis em dash.cloudflare.com
2. Vá em Workers & Pages → Create
3. Clique "Create Worker", dê o nome mc-capi
4. Cole o conteúdo do arquivo mc-capi-worker.js
5. Em Settings → Variables, adicione:
•
META_PIXEL_ID = seu Pixel ID•
META_TOKEN = seu Access Token (do Events Manager)•
ALLOWED_ORIGINS = seu domínio (ex: meusite.com)6. Clique Deploy e copie a URL aqui
Product Preview
Select a product to preview how the cart and product page will look
Translations
Customize all cart texts