Posicionamentos de recomendações: documentação do CheckoutOS

A estratégia de posicionamento determina onde as recomendações aparecem na jornada do cliente. O posicionamento certo no momento certo pode aumentar significativamente o engajamento e a conversão.

Posicionamentos disponíveis

Página de produto

Mostre produtos relacionados enquanto os clientes navegam:

Posicionamento na página de produto

{
  "placement": {
    "location": "product_page",
    "positions": [
      {
        "id": "below_add_to_cart",
        "title": "Frequently Bought Together",
        "algorithm": "frequently_bought_together",
        "max_products": 3,
        "layout": "horizontal_cards"
      },
      {
        "id": "below_description",
        "title": "You May Also Like",
        "algorithm": "content_based",
        "max_products": 4,
        "layout": "grid_2x2"
      },
      {
        "id": "sidebar",
        "title": "Recently Viewed",
        "algorithm": "recently_viewed",
        "max_products": 4,
        "layout": "vertical_list"
      }
    ]
  }
}

Melhores algoritmos para a página de produto

Comprados juntos com frequência — Alta conversão para produtos complementares
Similaridade baseada em conteúdo — Encontre alternativas
Visualizados recentemente — Reengajamento
Opções de upgrade — Vendas adicionais de produtos de categoria superior

Página do carrinho

Última oportunidade de adicionar itens antes do checkout:

Posicionamento na página do carrinho

{
  "placement": {
    "location": "cart_page",
    "positions": [
      {
        "id": "below_cart_items",
        "title": "Complete Your Order",
        "algorithm": "based_on_cart",
        "max_products": 3,
        "layout": "horizontal_scroll",
        "show_add_button": true
      },
      {
        "id": "cart_sidebar",
        "title": "Don't Forget",
        "algorithm": "frequently_bought_together",
        "max_products": 2,
        "layout": "compact_cards"
      }
    ]
  }
}

Estratégia para a página do carrinho

Nesta etapa, concentre-se em adições simples de aceitar. Mostre produtos que complementam o conteúdo do carrinho e facilitam a decisão — acessórios, consumíveis ou pequenos complementos.

Checkout

Momentos estratégicos para vendas adicionais durante o checkout:

Posicionamentos no checkout

{
  "placement": {
    "location": "checkout",
    "positions": [
      {
        "id": "pre_payment",
        "title": "Add to Your Order",
        "algorithm": "high_converting_upsells",
        "max_products": 1,
        "layout": "inline_banner",
        "timing": "before_payment_step"
      },
      {
        "id": "post_purchase",
        "title": "One More Thing...",
        "algorithm": "personalized",
        "max_products": 2,
        "layout": "featured_card",
        "timing": "after_order_confirmed"
      }
    ]
  }
}

Página de agradecimento

Reengaje os clientes após a compra:

Posicionamento na página de agradecimento

{
  "placement": {
    "location": "thank_you_page",
    "positions": [
      {
        "id": "main_recommendations",
        "title": "Based on Your Purchase",
        "algorithm": "post_purchase",
        "max_products": 4,
        "layout": "grid_2x2",
        "offer_discount": true,
        "discount_amount": "10%"
      },
      {
        "id": "trending_section",
        "title": "Trending Now",
        "algorithm": "trending",
        "max_products": 4,
        "layout": "horizontal_scroll"
      }
    ]
  }
}

Opções de layout

Layouts disponíveis

horizontal_cards — Cartões de produtos lado a lado
vertical_list — Visualização em lista empilhada
grid_2x2 — Grade de produtos 2x2
grid_3x2 — Grade de produtos 3x2
horizontal_scroll — Carrossel com rolagem
compact_cards — Cartões menores para barras laterais
inline_banner — Banner de um único produto
featured_card — Cartão grande em destaque

Configuração de exibição

Opções de exibição

{
  "display": {
    "product_card": {
      "show_image": true,
      "image_size": "medium",
      "show_title": true,
      "title_max_lines": 2,
      "show_price": true,
      "show_compare_at_price": true,
      "show_rating": true,
      "show_reviews_count": false,
      "show_badges": ["sale", "new", "bestseller"],
      "show_quick_add": true
    },
    "section": {
      "title_style": "bold",
      "show_view_all_link": true,
      "background_color": "transparent",
      "padding": "medium"
    },
    "responsive": {
      "mobile_products": 2,
      "tablet_products": 3,
      "desktop_products": 4
    }
  }
}

Testes A/B de posicionamentos

Teste posicionamentos diferentes para descobrir o que funciona:

Teste A/B de posicionamento

{
  "experiment": {
    "name": "Cart Recommendation Position",
    "variants": [
      {
        "name": "Control",
        "weight": 50,
        "position": "below_cart_items"
      },
      {
        "name": "Sidebar",
        "weight": 50,
        "position": "cart_sidebar"
      }
    ],
    "success_metric": "recommendation_ctr"
  }
}

Otimização para dispositivos móveis

As recomendações devem se adaptar às telas de dispositivos móveis:

Boas práticas para dispositivos móveis

Reduza a quantidade de produtos exibidos (2 a 3 no celular, em vez de 4 no computador)
Use rolagem horizontal para aproveitar melhor o espaço
Aumente a área de toque dos botões de adicionar
Carregue sob demanda as imagens abaixo da área inicialmente visível
Considere seções recolhíveis

Configuração para dispositivos móveis

{
  "mobile": {
    "placements": {
      "product_page": {
        "positions": ["below_add_to_cart"],
        "max_products": 2,
        "layout": "horizontal_scroll"
      },
      "cart_page": {
        "positions": ["below_cart_items"],
        "max_products": 2,
        "layout": "horizontal_scroll",
        "collapsed_by_default": false
      }
    }
  }
}

Considerações de desempenho

Impacto no carregamento da página

Cada posicionamento de recomendação aumenta o tempo de carregamento. Use carregamento sob demanda, limite os produtos exibidos inicialmente e monitore os Core Web Vitals para garantir que as recomendações não prejudiquem o desempenho da página.

Boas práticas

Estratégia de posicionamento

Ajuste o algoritmo ao contexto — Baseado no carrinho para a página do carrinho; personalizado para usuários conectados
Não sobrecarregue — No máximo 2 a 3 posicionamentos por página
Teste títulos — “Você também pode gostar” ou “Complete seu visual”
Considere a jornada — Descoberta no início, urgência no final
Meça cada posicionamento — Alguns podem ter desempenho inferior

Tópicos relacionados

Visão geral do Smart Recommendations

Introdução às recomendações

Saiba mais

Painel de análise

Acompanhe o desempenho das recomendações

Saiba mais