> For the complete documentation index, see [llms.txt](https://because.gitbook.io/because/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://because.gitbook.io/because/the-because-platform/openapi.md).

# Content Types

## Because Content Types: The TLDR Version

The Because app allows you to use various content types, such as banners, badges, image replacements, top bars, text blocks, and product recommendations, to create a personalized shopping experience. 

Each content type is designed to blend seamlessly with your site’s styling and can be dynamically triggered based on customer behavior and data from Klaviyo.

{% embed url="<https://youtu.be/dItFzar_x_s>" %}
Because App Content Types
{% endembed %}

## Because Content Types: The Full Deets

Here’s an overview of the versatile content types you can use with Because to enhance your pre-purchase journey:

1. **Text Elements**
   1. **Overview**: Text blocks are highly flexible and can be used as subheaders, product descriptions, or paragraph text. They automatically inherit your site’s fonts, colors, and padding, ensuring a seamless look and feel.
   2. **Use Case**: Use text blocks to add additional information or highlight key product features without disrupting the design of your site.

<figure><img src="/files/tXdqBFhAqdV5pAapkhs7" alt="" width="563"><figcaption><p>Because Text Block</p></figcaption></figure>

<figure><img src="/files/XdEpnu1tjHmQ1oLAvYtk" alt="" width="563"><figcaption><p>Because PDP Text Campaign</p></figcaption></figure>

2. **Banners**
   1. **Overview**: Banners are like text blocks but with customizable containers. You can adjust background colors, add icons from the Because library, or upload your own.
   2. **Use Case**: Ideal for highlighting promotions, sales, or special offers across your site. Banners draw attention while maintaining a cohesive design.

<figure><img src="/files/i50nsycoExwTV53reoFi" alt="" width="563"><figcaption><p>Because Banner</p></figcaption></figure>

<figure><img src="/files/UgZYhhw9oP4JK1sYuK0g" alt="" width="563"><figcaption><p>Because PDP Banner Campaign</p></figcaption></figure>

3. **Badges**
   1. **Overview**: Replace generic Shopify theme badges with more personalized and customizable options. Badges can be used for AB testing and tailored to fit any product or promotion.
   2. **Use Case**: Perfect for labeling products as “low stock,” “bestseller,” or highlighting new arrivals. See more Badge use cases [here](https://www.trybecause.com/use-cases/badges)!

<figure><img src="/files/QnYoQkn5I9FP6oFvYSAn" alt="" width="563"><figcaption><p>Because Badges</p></figcaption></figure>

<figure><img src="/files/r5Zj9g9HbcMR8BczRc8d" alt="" width="563"><figcaption><p>Because Badges</p></figcaption></figure>

4. **Top Bars**
   1. **Overview**: Top bars provide dynamic messaging based on customer lifecycle stage, interests, or shopping behavior. Triggered by Klaviyo data, these bars can be displayed site-wide or on specific pages.
   2. **Use Case:** Use top bars to greet new visitors, announce site-wide promotions, or highlight free shipping offers based on user behavior.

<figure><img src="/files/DLFUyBM2R9EufUicee5T" alt="" width="563"><figcaption><p>Because Top Bar</p></figcaption></figure>

<figure><img src="/files/Hw5LR0W4ORLmEutBhwOt" alt="" width="563"><figcaption><p>Because Top Bar Targeting Klaviyo Segment</p></figcaption></figure>

5. **Replace Image**
   1. **Overview**: Swap out existing images on your site with dynamic, personalized visuals that resonate more with your audience.
   2. **Use Case**: Ideal for tailoring product images based on user demographics, or promotional events.
6. **Product Recommendations**
   1. **Overview**: Unlike Shopify’s native “You May Also Like” feature, Because’s product recommendations are dynamically triggered through Klaviyo data, allowing for more personalized suggestions.
   2. **Use Case**: Provide targeted product suggestions that are more likely to convert by leveraging user data like past purchases or browsing behavior.

<figure><img src="/files/Mk1ghVLFx4ot9W6dDcvm" alt="" width="563"><figcaption><p>Because Product Recommendation</p></figcaption></figure>

<figure><img src="/files/4aU6H2nqhO0NBZb9smS1" alt="" width="563"><figcaption><p>Because Product Recommendation for Replenishment Flow</p></figcaption></figure>

## Tips for Success:

* **Consistency is Key**: Ensure that all dynamic content blends seamlessly with your existing site design to avoid a disjointed user experience.
* **Test and Optimize**: Use A/B testing with banners and badges to find the most effective messaging and design.
* **Leverage Data**: Utilize Klaviyo’s rich customer data to trigger the most relevant content for each user.