DIY · einfach · bundweise
Wie viele Blumen braucht eure Hochzeit?
Plant Brautstrauß, Tischdeko und kleine Vasen in wenigen Minuten. Ihr bekommt eine verständliche erste Mengenempfehlung – mit Bünden für den Einkauf und einer detaillierten Stielrechnung zum Nachvollziehen.
Jetzt Blumenmenge planen
Euer erster Mengenplan
Ein paar Angaben – eine klare Empfehlung
Alle Werte lassen sich jederzeit ändern. Die Empfehlung aktualisiert sich direkt.
Passend zu eurem Plan
Erst ausprobieren. Dann entspannt bestellen.
Die Links führen nur in den bestehenden Shop. Dieser private Planer legt nichts in den Warenkorb und übermittelt keine Daten.
Wunschliefertermin im Warenkorb: Für eine Feier am Samstag empfiehlt Casa Bella Rosa den Donnerstag als Liefertag – so bleibt Zeit zum Anschneiden, Wässern und Gestalten.
Nur für die Einrichtung Shopify-Einbau: Schritt für Schritt
Noch nicht öffentlich: Der Planer ist weiterhin nur für dich erreichbar. Du kannst die Shopify-Seite bereits versteckt vorbereiten. Für Kunden funktioniert sie erst, nachdem du die öffentliche Freigabe ausdrücklich erteilt hast.
-
1
Sicherheitskopie des Themes anlegen
In Shopify zu Onlineshop → Themes gehen. Beim aktuellen Theme auf die drei Punkte … und dann auf Duplizieren klicken. So bleibt der bisherige Stand jederzeit wiederherstellbar.
-
2
Versteckte Seite erstellen
Onlineshop → Seiten → Seite hinzufügen. Als Titel „Hochzeitsblumen-Planer“ eintragen. Bei Sichtbarkeit unbedingt Ausgeblendet wählen und speichern.
URL-Handle: hochzeitsblumen-planer -
3
Eigene Seitenvorlage erstellen
Unter Onlineshop → Themes beim aktuellen Theme auf Theme bearbeiten klicken. Oben das Auswahlmenü „Startseite“ öffnen, Seiten wählen und eine neue Vorlage namens hochzeitsblumen-planer auf Basis der Standardseite erstellen.
-
4
„Benutzerdefiniertes Liquid“ hinzufügen
In der neuen Vorlage auf Abschnitt hinzufügen → Benutzerdefiniertes Liquid klicken. Den folgenden Code vollständig in das Feld kopieren:
<div class="cbr-planer-embed"> <iframe id="cbr-hochzeitsplaner" src="https://casa-bella-rosa-hochzeitsplaner.info553474.chatgpt.site" title="Casa Bella Rosa Hochzeitsblumen-Planer" loading="eager" allow="clipboard-write" referrerpolicy="strict-origin-when-cross-origin"> </iframe> </div> <style> .cbr-planer-embed { width: 100%; max-width: 1440px; margin: 0 auto; } #cbr-hochzeitsplaner { display: block; width: 100%; height: 4600px; border: 0; background: #fff; } </style> <script> window.addEventListener('message', function (event) { var frame = document.getElementById('cbr-hochzeitsplaner') || document.querySelector('iframe[src*="casa-bella-rosa-hochzeitsplaner"]'); if (!frame || event.source !== frame.contentWindow || !event.data) return; if (event.data.type === 'cbr-planer-height') { frame.style.height = Math.ceil(event.data.height) + 'px'; } if (event.data.type === 'cbr-planer-scroll') { var pageTop = window.pageYOffset || document.documentElement.scrollTop || 0; var targetTop = pageTop + frame.getBoundingClientRect().top + Number(event.data.offset) - 20; window.scrollTo({ top: targetTop, behavior: 'smooth' }); var pageScroller = document.scrollingElement; if (pageScroller && typeof pageScroller.scrollTo === 'function') { pageScroller.scrollTo({ top: targetTop, behavior: 'smooth' }); } } }); </script>Falls „Benutzerdefiniertes Liquid“ fehlt: Öffne stattdessen die neue Seite, klicke im Inhaltseditor auf <> HTML anzeigen und füge zunächst nur den iframe-Block ein. Die automatische Höhenanpassung kann dann später ergänzt werden.
-
5
Vorlage der Seite zuweisen
Zurück zu Onlineshop → Seiten, „Hochzeitsblumen-Planer“ öffnen und rechts unter Theme-Vorlage die Vorlage hochzeitsblumen-planer auswählen. Danach speichern.
-
6
Versteckt testen
Die Seitenvorschau öffnen und am PC sowie am Handy prüfen: Eingaben verändern, Mengen berechnen, Detailansicht öffnen und Shop-Links testen. Solange der Planer privat ist, kann im eingebetteten Bereich noch eine Anmeldung erscheinen – das ist zu diesem Zeitpunkt richtig.
-
7
Erst nach ausdrücklicher Zustimmung freigeben
Danach wird zuerst der Planer für Kunden freigegeben. Anschließend in Shopify die Seitensichtbarkeit auf Sichtbar stellen und unter Inhalte → Menüs die neue Seite „Hochzeitsblumen-Planer“ zum Hauptmenü hinzufügen.
Seitentitel: Hochzeitsblumen-Planer für DIY-Hochzeiten | Casa Bella Rosa
Meta-Beschreibung: Plane Rosen, Schleierkraut und Eukalyptus für Brautstrauß, Tischdeko und Vasen – mit verständlicher Mengenempfehlung von Casa Bella Rosa.