> ## Documentation Index
> Fetch the complete documentation index at: https://docs.digifist.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Apps

> Container section for third-party Shopify app blocks and embeds.

The Apps section provides a flexible container for embedding third-party Shopify app content with customizable layout and spacing options.

<img src="https://mintcdn.com/digifist/jso8QaSVkkqb6qHE/images/theme/release/sections/apps/apps-overview.png?fit=max&auto=format&n=jso8QaSVkkqb6qHE&q=85&s=e60c0f1709c229f1e35f147f459c6f25" alt="Apps section overview" width="3280" height="2186" data-path="images/theme/release/sections/apps/apps-overview.png" />

## What this section controls

* Third-party app block container
* Layout style (normal or boxed)
* Inner spacing and padding
* Section width and color scheme

## Section settings

<Tabs>
  <Tab title="Layout">
    ### Section layout

    Choose how the app content is displayed.

    **Available options:**

    * **Normal** - Full-width layout without container
    * **Boxed** - Contained layout with borders

    **Default:** Normal

    <Tip>
      Use normal layout for full-width apps like product reviews. Use boxed for compact widgets like trust badges.
    </Tip>

    <img src="https://mintcdn.com/digifist/jso8QaSVkkqb6qHE/images/theme/release/sections/apps/layout-options.png?fit=max&auto=format&n=jso8QaSVkkqb6qHE&q=85&s=d31badf9cad5a16f6035e8a1506d0185" alt="Layout options" width="3280" height="2186" data-path="images/theme/release/sections/apps/layout-options.png" />
  </Tab>

  <Tab title="Spacing">
    ### Inner spacing

    Control padding inside the app container.

    **Available options:**

    * None (0) - No internal padding
    * Additional spacing values available

    <Note>
      Adjust inner spacing based on the app's design to ensure proper visual balance.
    </Note>

    <img src="https://mintcdn.com/digifist/jso8QaSVkkqb6qHE/images/theme/release/sections/apps/spacing-settings.png?fit=max&auto=format&n=jso8QaSVkkqb6qHE&q=85&s=74ff3637f933ab8da11653af776b80c1" alt="Spacing configuration" width="3280" height="2186" data-path="images/theme/release/sections/apps/spacing-settings.png" />
  </Tab>

  <Tab title="Section">
    Standard section settings apply:

    * Section width
    * Color scheme
    * Spacing top
    * Spacing bottom

    <img src="https://mintcdn.com/digifist/yuggJPUIy_CDeMJf/images/theme/release/sections/apps/section-settings.png?fit=max&auto=format&n=yuggJPUIy_CDeMJf&q=85&s=2d8381fe04c9da5b65f0987cfaec084f" alt="Section settings" width="3280" height="2186" data-path="images/theme/release/sections/apps/section-settings.png" />
  </Tab>
</Tabs>

## Best practices

* **Normal layout:** Use for full-width app content (reviews, testimonials)
* **Boxed layout:** Use for compact widgets (badges, counters)
* **Inner spacing:** Match app's internal spacing to avoid double padding
* **Width:** Consider app requirements - some apps need full width
* **Testing:** Preview with actual app content to ensure proper display
* **Mobile:** Test app responsiveness on mobile devices

## Common use cases

* **Product reviews** - Judge.me, Yotpo, Loox (normal layout, full width)
* **Trust badges** - McAfee, Norton security badges (boxed, centered)
* **Live chat** - Tidio, Gorgias chat widgets (normal, bottom placement)
* **Social proof** - FOMO notifications, recent sales popups
* **Email capture** - Klaviyo, Mailchimp forms (boxed or normal)
* **Size guides** - Kiwi Sizing, fit finder apps
* **Wishlists** - Wishlist King, Swym (normal layout)

## Related guides

<Card title="Custom Liquid" icon="code" href="/themes/release/sections/custom-liquid">
  Add custom code and snippets
</Card>