1. Create a Rosebud AI Game Aligned with Your Brand
Use Rosebud AI to design a custom game that matches your business goals. We all heard of the spinning wheel to deliver promo-code to visitors, but with Rosebud AI, you can generate on-brand and themed game for your e-commerce store. On Rosebud AI, you can just prompt your game and get the code to install it in a few clicks on your e-commerce.
For example:
Create a “Win a Promo Code” game for your Lays store—users play, and winners get rewarded.
2. Obtain Your Game Link from Rosebud AI
When you're done with generating your game on Rosebud AI, you can publish it.
After publishing your game, just copy its public link (should look like: https://rosebud.ai/p/your-game-id).
3. Add the Game to Your Shopify Page
In your Shopify admin, go to Theme settings, then navigate to the page where you’d like to feature the game.
Click ‘Add section’ → ‘Custom Liquid’
Paste the following embed code, replacing the sample game link with your own Rosebud AI game URL:
<divstyle="position: relative; width: 100%; display: flex; justify-content: center; align-items: center; padding-top: 2rem; padding-bottom: 2rem;">
<divstyle="position: relative; width: 90%; max-width: 900px; padding-top: 75%;">
<iframe
src="https://rosebud.ai/p/your-game-id"
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;"
frameborder="0"
allowfullscreen="true"
allow="autoplay; fullscreen *; geolocation; microphone; camera; midi; monetization; xr-spatial-tracking; gamepad; gyroscope; accelerometer; xr; cross-origin-isolated"
sandbox="allow-forms allow-scripts allow-same-origin allow-popups allow-pointer-lock allow-top-navigation"
></iframe>
</div>
</div>
Feel free to change the Top and Bottom code/padding if needed so that the screen fits correctly.
Replace https://rosebud.ai/p/your-game-id with your actual Rosebud AI game link.
4. Your Game Is Now Live on Your Site
The embedded game appears directly on your chosen Shopify page. Users can play without leaving your store, making engagement seamless.
What Can You Create for Your Users?
- Promo Code Games: Win exclusive discounts or free products.
- Trivia Quizzes: Challenge knowledge about your brand or products.
- Mini Challenges: Drive fun seasonal or product-centric interactions.
- Reward Unlockers: Offer prizes, limited editions, or member benefits.
- Personalized Games: Tailor the experience for loyalty programs or new launches.
Give your customers a fun reason to interact, drive more conversions, and make your Shopify store stand out all with a simple Rosebud AI game embed!