> 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 This guide explains how to use the Because app to add or replace content dynamically across your Shopify store. ## 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="" %} 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.

Because Text Block

Because PDP Text Campaign

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.

Because Banner

Because PDP Banner Campaign

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)!

Because Badges

Because Badges

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.

Because Top Bar

Because Top Bar Targeting Klaviyo Segment

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.

Because Product Recommendation

Because Product Recommendation for Replenishment Flow

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