Skip to content

Integrate an app through Nube SDK

Nuvemshop apps inject content into named slots:

{{ component('nubesdk-slot', { type: "before_main_content" }) }}

If no app targets the slot, nothing is rendered.

  • before_main_content — beginning of <body>
  • after_header — after the header

The platform automatically injects these slots around dynamic sections:

  • before_dynamic_section
  • after_dynamic_section

The slots receive section_type, section_id, and section_index. Do not add these calls manually to section templates: doing so may duplicate integration points. Preserve explicit layout, product, and grid slots on their original nodes.

Examples: before_product_detail_price, after_product_detail_add_to_cart, before_product_grid_item_name, product_grid_item_image.

Full list: docs/ai/architecture.md § Platform apps integration.

Do not remove or rename slots when customizing — apps installed in stores silently depend on them.