# 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://because.gitbook.io/because/the-because-platform/openapi.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.