Mutmachbuch
Mutmachbuch’s Shopify storefront enables fully personalized children’s empowerment books through a guided, multi-step personalization modal built with modern Web Components. Implemented on the Essence theme, the flow persists inputs, validates each step, and adds the main book plus optional dedication and diary as linked line items in a single cart request, with real-time cart bubble updates and an upsell prompt. The product experience includes sticky add to cart, product highlights, complementary products, pickup availability, and structured data.
ShopifyLiquidEssence themeWeb Components
Product Page
The product page features a personalization modal and custom sections for each book. Adding additional information for each book builds trust and provides more context about the specific book.
Collection Page
When dealing with collections, books were categorized for easier navigation and store exploration. Collections were divided by occasion, gender, and special collections for promotional purposes. Every single book has different descriptions that were split and added via Shopify metafields.
Personalization
Book personalization is a wizard that overlays the whole screen and configures the entire book during purchase. The user gets a unique copy of their book that is printed on demand since all character names are decided in the wizard.
Personalization - Step 1
Book personalization starts with choosing the main character's name or the person for whom the book is bought. The name is inserted in all dedicated places in the book.
Personalization - Step 2
The second step involves entering all supporting characters' names. This step is optional, and all missing fields will be populated with the original character names.
Personalization - Step 3
The third step contains an additional dedication that the user can change or edit to their liking. The user also has the option to opt out of the special dedication message.
Personalization - Step 4
The last step features a special offer from the Mutmachbuch team and can be selected or declined. After this step, all items are added to the cart, and the user can choose to continue shopping or go to their cart.
