{"id":5342,"date":"2026-03-09T15:47:24","date_gmt":"2026-03-09T14:47:24","guid":{"rendered":"https:\/\/support.sparkles.io\/kennisbank\/how-to-designs-auf-deine-website-stellen\/"},"modified":"2026-05-05T09:47:05","modified_gmt":"2026-05-05T08:47:05","slug":"how-to-designs-auf-deine-website-stellen","status":"publish","type":"ht_kb","link":"https:\/\/support.sparkles.io\/de\/kennisbank\/how-to-designs-auf-deine-website-stellen\/","title":{"rendered":"How to \u2013 Designs auf deine Website stellen"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"categorie-maken\">1. Kategorien erstellen<\/h2>\n\n<h3 class=\"wp-block-heading\">1.1 Was ist eine Kategorie?<\/h3>\n\n<p>Kategorien sind wie die Regale in einem Lager; sie geben einen \u00dcberblick \u00fcber die Produkte und zeigen, wo diese zu finden sind. Zu jeder Kategorie geh\u00f6ren Unterkategorien. Dies l\u00e4sst sich als Karteikasten im entsprechenden Regal des Lagers beschreiben. Jedes Design, das du online stellst, ordnest du einer solchen Unterkategorie zu.   <\/p>\n\n<figure class=\"wp-block-image size-full\"><img  title=\"\" fetchpriority=\"high\" decoding=\"async\" width=\"962\" height=\"540\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-cms.webp\"  alt=\"categorie-cms How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2019\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-cms.webp 962w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-cms-300x168.webp 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-cms-768x431.webp 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-cms-50x28.webp 50w\" sizes=\"(max-width: 962px) 100vw, 962px\" \/><\/figure>\n\n<p><em>\u00dcbersicht der Kategorien im CMS.<\/em><\/p>\n\n<h3 class=\"wp-block-heading\" id=\"categorie-toevoegen\">1.2 Wof\u00fcr brauche ich (Unter-)Kategorien?<\/h3>\n\n<p>Die (Unter-)Kategorien dienen folgenden Zwecken:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Eigene \u00dcbersicht, damit du ein bestimmtes Design leicht wiederfinden kannst.<\/li>\n\n\n\n<li>F\u00fcr Google Adwords-Kampagnen.<\/li>\n<\/ul>\n\n<p>Erstelle nicht zu viele Kategorien, um die \u00dcbersicht zu behalten. Halte es also allgemein und gehe nicht zu detailliert vor, wie zum Beispiel \u201eblaue Einladungen\u201c. <\/p>\n\n<p>Mit jeder Kategorie kannst du separat Einstellungen verkn\u00fcpfen, wie zum Beispiel, welche Umschl\u00e4ge du hierf\u00fcr aktivierst.<\/p>\n\n<h3 class=\"wp-block-heading\">1.3 Kategorie hinzuf\u00fcgen<\/h3>\n\n<p>Unter <strong>CMS &gt; Content &gt; Kategorien<\/strong> kannst du mit der Erstellung von Kategorien und Unterkategorien beginnen.<\/p>\n\n<p>Klicke auf den Button <strong>Hauptkategorie hinzuf\u00fcgen<\/strong>, um eine Hauptkategorie zu erstellen.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img  title=\"\" decoding=\"async\" width=\"400\" height=\"657\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/hoofdcategorie-maken.webp\"  alt=\"hoofdcategorie-maken How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2020\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/hoofdcategorie-maken.webp 400w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/hoofdcategorie-maken-183x300.webp 183w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/hoofdcategorie-maken-30x50.webp 30w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/figure>\n\n<p><em>Hauptkategorie hinzuf\u00fcgen<\/em><\/p>\n\n<div class=\"wp-block-group block-exercise\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Wenn du eine Kategorie erstellst, gibst du ihr einen Namen und einen Titel. <\/p>\n\n\n\n<p class=\"letop-message\"><strong>ACHTUNG<\/strong>: Der Name ist gleichzeitig die URL, der Titel ist das, was der Kunde im Shop sieht. <\/p>\n\n\n\n<p>Speichere, indem du auf \u201e<strong>Hauptkategorie hinzuf\u00fcgen<\/strong>\u201c klickst. Deine Kategorie wurde nun hinzugef\u00fcgt! <\/p>\n<\/div><\/div>\n\n<h3 class=\"wp-block-heading\" id=\"subcategorie-toevoegen\">1.4 Unterkategorie hinzuf\u00fcgen<\/h3>\n\n<p>Klicke auf das Stiftsymbol bei der entsprechenden Hauptkategorie, um eine Unterkategorie erstellen zu k\u00f6nnen.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img  title=\"\" decoding=\"async\" width=\"776\" height=\"640\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-toevoegen.webp\"  alt=\"categorie-toevoegen How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2021\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-toevoegen.webp 776w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-toevoegen-300x247.webp 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-toevoegen-768x633.webp 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-toevoegen-50x41.webp 50w\" sizes=\"(max-width: 776px) 100vw, 776px\" \/><\/figure>\n\n<p><em>W\u00e4hle das \u201eStiftsymbol\u201c, um einer Hauptkategorie eine Unterkategorie hinzuzuf\u00fcgen.<\/em><\/p>\n\n<div class=\"wp-block-group block-exercise\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Wenn du eine Unterkategorie erstellst, gibst du ihr ebenfalls einen Namen und einen Titel. <\/p>\n\n\n\n<p>Klicke anschlie\u00dfend auf \u201e<strong>Hinzuf\u00fcgen<\/strong>\u201c. Die Unterkategorie erscheint nun links im Bild.  <\/p>\n\n\n\n<p>Klicke noch einmal auf das Stiftsymbol, um einzustellen, wie viele Produkte du auf einer Seite anzeigen m\u00f6chtest. Die logischste Option ist, \u201eAlles\u201c anzukreuzen. <\/p>\n\n\n\n<p class=\"tip-message\">TIPP: Betrachte die Unterkategorie wirklich als Karteikasten und nicht als Seite. Seiten bieten dem Nutzer mehr M\u00f6glichkeiten, wie zum Beispiel das Einstellen von Filtern. Hast du also eine Kategorie \u201eGeburtskarten\u201c? Erstelle f\u00fcr den Kunden auch eine Seite \u201eGeburtskarten\u201c. Hier kannst du die Designs dieser Kategorie mittels Tags laden. Nutzt du die Kategorieseite selbst nicht? Dann sorge daf\u00fcr, dass du die Kategorie auf die Kundenseite weiterleitest (Redirect), damit Google klar erkennt, welche Seite identifiziert werden soll.      <\/p>\n<\/div><\/div>\n\n<h3 class=\"wp-block-heading\" id=\"categorie-instellingen\">1.5 Kategorie-Einstellungen verwalten<\/h3>\n\n<p>Jede Hauptkategorie hat Einstellungen, die du bearbeiten kannst und die f\u00fcr alle Designs in dieser Kategorie sowie die darunter liegenden Unterkategorien gelten. Klicke auf das Zahnrad in der \u00dcbersicht, um die Einstellungen der Hauptkategorie zu bearbeiten. <\/p>\n\n<figure class=\"wp-block-image size-full\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"518\" height=\"428\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-instellingen.webp\"  alt=\"categorie-instellingen How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2022\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-instellingen.webp 518w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-instellingen-300x248.webp 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-instellingen-50x41.webp 50w\" sizes=\"(max-width: 518px) 100vw, 518px\" \/><\/figure>\n\n<p><em>Kategorie-Einstellungen verwalten<\/em><\/p>\n\n<p><strong>Optionen<\/strong><\/p>\n\n<p>Die meisten Optionen sind selbsterkl\u00e4rend. Hier noch eine zus\u00e4tzliche Erl\u00e4uterung: <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>M\u00f6glichkeit zur Bestellung von Gru\u00dfkarten in dieser Hauptkategorie:<\/strong> Gru\u00dfkarten haben einen anderen Preis als andere Karten. Wenn du eine Gru\u00dfkarten-Kategorie m\u00f6chtest, aktiviere diese Option und sende eine E-Mail an den Support (support@sparkles.io), damit die richtigen Preise mit der Kategorie verkn\u00fcpft werden k\u00f6nnen. <\/li>\n\n\n\n<li><strong>Eilbestellung ist Standard:<\/strong> Wenn diese Einstellung aktiviert ist, ist die Versandart \u201eZustellung am n\u00e4chsten Tag\u201c bei der Bestellung vorausgew\u00e4hlt.<\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\" id=\"categorie-papiersoorten\">1.6 Aktivierte Papiersorten<\/h3>\n\n<p>Die angekreuzten Papiersorten sind in dieser Hauptkategorie aktiviert. Es steht dir jederzeit frei, weniger Papiersorten auszuw\u00e4hlen. Die Entscheidung, mehr Papiersorten anzubieten, kann nicht einfach so getroffen werden; sollte dies dennoch gew\u00fcnscht sein, wende dich bitte an den Support.   <\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"276\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-papiersoorten-1024x276.webp\"  alt=\"categorie-papiersoorten-1024x276 How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2023\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-papiersoorten-1024x276.webp 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-papiersoorten-300x81.webp 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-papiersoorten-768x207.webp 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-papiersoorten-50x14.webp 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-papiersoorten.webp 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p><em>Aktivierte Papiersorten<\/em><\/p>\n\n<h3 class=\"wp-block-heading\" id=\"categorie-enveloppen\">1.7 Aktivierte Umschl\u00e4ge<\/h3>\n\n<p>Die angekreuzten Umschl\u00e4ge werden in dieser Kategorie nicht angezeigt. So kannst du zum Beispiel bei einer Kategorie f\u00fcr Geburtskarten den schwarzen Umschlag ankreuzen und in einer Kategorie f\u00fcr Trauerkarten die farbigen Umschl\u00e4ge, da diese standardm\u00e4\u00dfig nicht ausgew\u00e4hlt sind. <\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"309\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-enveloppen-1024x309.webp\"  alt=\"categorie-enveloppen-1024x309 How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2024\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-enveloppen-1024x309.webp 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-enveloppen-300x91.webp 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-enveloppen-768x232.webp 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-enveloppen-50x15.webp 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-enveloppen.webp 1404w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p><em>Aktivierte Umschl\u00e4ge<\/em><\/p>\n\n<h3 class=\"wp-block-heading\" id=\"categorie-melding-gebruikers\">1.8 Meldung \u201eEntwurf speichern\u201c f\u00fcr Nutzer<\/h3>\n\n<p>Hier kannst du entscheiden, ob der Kunde eine Meldung erh\u00e4lt, dass die Datei nicht gespeichert wird, wenn er im Editor arbeitet und zu einer anderen Seite wechselt. Wenn der Kunde diese Warnung erh\u00e4lt, erscheint auch direkt die Frage, ob er den Entwurf speichern m\u00f6chte, bevor er fortf\u00e4hrt.  <\/p>\n\n<p>Wir empfehlen dir dringend, dies zu tun. Wenn ein Entwurf nicht gespeichert wird, der Kunde aber die Seite verl\u00e4sst, kann der Entwurf nicht wiederhergestellt werden und die Arbeit geht verloren.  <\/p>\n\n<figure class=\"wp-block-image size-full\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"380\" height=\"98\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-melding-gebruikers.webp\"  alt=\"categorie-melding-gebruikers How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2025\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-melding-gebruikers.webp 380w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-melding-gebruikers-300x77.webp 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/categorie-melding-gebruikers-50x13.webp 50w\" sizes=\"(max-width: 380px) 100vw, 380px\" \/><\/figure>\n\n<p><em>Meldung \u201eEntwurf speichern\u201c f\u00fcr Nutzer<\/em><\/p>\n\n<h2 class=\"wp-block-heading\" id=\"tags-maken\">2. Tags erstellen<\/h2>\n\n<p>Ein Tag ist ein Wort, das du mit deinem Design verkn\u00fcpfst. Das kann alles M\u00f6gliche sein: blau, Blume, Goldfolie etc. Diese Tags verleihen dem Design eine Identit\u00e4t. Dies sind auch Suchbegriffe, nach denen Kunden suchen k\u00f6nnen.    <\/p>\n\n<h3 class=\"wp-block-heading\">2.1 Wof\u00fcr brauche ich Tags?<\/h3>\n\n<p>Die Tags werden auf zwei Arten verwendet:<\/p>\n\n<ol class=\"wp-block-list\">\n<li>F\u00fcr <strong>dich<\/strong> als Mittel, um zu bestimmen, welche Designs du auf einer bestimmten Seite zeigen m\u00f6chtest. Zum Beispiel nur Geburtskarten mit Blumen (Tag \u201eGeburtskarte\u201c + Tag \u201eBlumen\u201c). <\/li>\n\n\n\n<li>F\u00fcr <strong>deine Kunden<\/strong>, um Designs \u00fcber Filter filtern und suchen zu k\u00f6nnen. Um deine Designs auf Seiten anzeigen zu k\u00f6nnen, ist es wichtig, dass du die Designs taggst. Tags sind sowohl f\u00fcr dich praktisch, um die Designs auf einer bestimmten Seite laden zu k\u00f6nnen, als auch f\u00fcr den Kunden, um auf Seiten filtern zu k\u00f6nnen.  <\/li>\n<\/ol>\n\n<h3 class=\"wp-block-heading\" id=\"taggroep-toevoegen\">2.2 Taggruppe hinzuf\u00fcgen<\/h3>\n\n<p>\u00dcber <strong>CMS &gt; Content &gt; Tags<\/strong> gelangst du zur Tag-Seite im CMS. Klicke auf \u201e<strong>Taggruppe hinzuf\u00fcgen<\/strong>\u201c, um eine Taggruppe zu erstellen. Denke dabei an Gruppen wie Farbe, Stil, Hochzeitsthemen oder Foto.  <\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"531\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/taggroep-toevoegen-1024x531.webp\"  alt=\"taggroep-toevoegen-1024x531 How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2026\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/taggroep-toevoegen-1024x531.webp 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/taggroep-toevoegen-300x155.webp 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/taggroep-toevoegen-768x398.webp 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/taggroep-toevoegen-50x26.webp 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/taggroep-toevoegen.webp 1258w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p><em>Taggruppe im CMS hinzuf\u00fcgen<\/em><\/p>\n\n<div class=\"wp-block-group block-exercise\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Auch beim Erstellen einer Taggruppe gibst du einen Namen und einen Titel an. <\/p>\n\n\n\n<p class=\"letop-message\">ACHTUNG: Der Titel ist das, was der Kunde in den Filtern sieht. Sorge f\u00fcr einen Titel, der f\u00fcr den Kunden klar ist und zu den Tags passt, die darunter h\u00e4ngen. <\/p>\n\n\n\n<p>Klicke auf Speichern, um die Taggruppe hinzuzuf\u00fcgen. Die Taggruppe steht nun in der \u00dcbersicht. <\/p>\n<\/div><\/div>\n\n<h3 class=\"wp-block-heading\" id=\"tag-toevoegen\">2.3 Tags hinzuf\u00fcgen<\/h3>\n\n<p>Wenn du auf das Bearbeiten der Taggruppe klickst, siehst du die M\u00f6glichkeit, dieser Taggruppe einen Tag hinzuzuf\u00fcgen.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"497\" height=\"547\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/tag-toevoegen.webp\"  alt=\"tag-toevoegen How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2027\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/tag-toevoegen.webp 497w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/tag-toevoegen-273x300.webp 273w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/tag-toevoegen-45x50.webp 45w\" sizes=\"(max-width: 497px) 100vw, 497px\" \/><\/figure>\n\n<p><em>Tag im CMS hinzuf\u00fcgen<\/em><\/p>\n\n<div class=\"wp-block-group block-exercise\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Auch beim Erstellen eines Tags w\u00e4hlst du einen Namen und einen Titel.<\/p>\n\n\n\n<p class=\"tip-message\">Tipp: Gib eine Sortierreihenfolge an, wenn du m\u00f6chtest, dass der Kunde die Tags in den Filtern in einer bestimmten Reihenfolge sieht, z. B. die beliebtesten Tags oben oder alphabetisch.<\/p>\n\n\n\n<p>Klicke auf \u201eTag hinzuf\u00fcgen\u201c. Der Tag erscheint nun in der Liste der \u201eaktuellen Tags\u201c. Er erscheint auch in der \u00dcbersicht.  <\/p>\n<\/div><\/div>\n\n<h2 class=\"wp-block-heading\" id=\"kaarten-opslaan-op-de-site\">3. Vorgeschlagene Designs \u2013 Designs auf der Website speichern<\/h2>\n\n<p>F\u00fcr das Erstellen und \u201eSpeichern zur \u00dcberpr\u00fcfung\u201c von Designs verweisen wir dich auf das <a href=\"https:\/\/support.sparkles.io\/de\/editor-2\/\">Editor-Handbuch<\/a>.<\/p>\n\n<p>Nach dem Speichern des \u201eNeuen Entwurfs\u201c zur \u00dcberpr\u00fcfung findest du deine Designs im CMS unter <strong>CMS &gt; Content &gt; Vorgeschlagene Designs<\/strong>. Hier passt du die Daten des Designs an, um es danach online zu stellen. <\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"397\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/kaarten-opslaan-1-1024x397.webp\"  alt=\"kaarten-opslaan-1-1024x397 How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2028\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/kaarten-opslaan-1-1024x397.webp 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/kaarten-opslaan-1-300x116.webp 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/kaarten-opslaan-1-768x298.webp 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/kaarten-opslaan-1-50x19.webp 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/kaarten-opslaan-1.webp 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p><em>Designs auf der Website speichern<\/em><\/p>\n\n<h3 class=\"wp-block-heading\" id=\"kaart-informatie-invullen\">Was muss ich ausf\u00fcllen?<\/h3>\n\n<p>Um das Design online zu stellen, ben\u00f6tigen wir weitere Informationen: die URL, Beschreibung, Life-Event-Label, Kategorie und Tags. Schau dir das Bild unten an, um zu sehen, was zu tun ist. Danach geben wir zus\u00e4tzliche Erl\u00e4uterungen zur <a href=\"#kaart-url-invullen\">URL<\/a>, <a href=\"#kaart-beschrijving-invullen\">Beschreibung<\/a>, zum <a href=\"#life-event-label\">Life-Event-Label<\/a>, zum <a href=\"#producttype-label\">Produkttyp-Label<\/a>, zum <a href=\"#label\">Label<\/a> und zu den <a href=\"#tags-koppelen\">Tags<\/a>. Danach erkl\u00e4ren wir dir, wie du das Design tats\u00e4chlich \u201ever\u00f6ffentlichst\u201c.   <\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"707\" height=\"1024\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/kaarten-opslaan1-1-707x1024.webp\"  alt=\"kaarten-opslaan1-1-707x1024 How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2029\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/kaarten-opslaan1-1-707x1024.webp 707w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/kaarten-opslaan1-1-207x300.webp 207w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/kaarten-opslaan1-1-768x1113.webp 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/kaarten-opslaan1-1-35x50.webp 35w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/kaarten-opslaan1-1-1060x1536.webp 1060w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/kaarten-opslaan1-1.webp 1070w\" sizes=\"(max-width: 707px) 100vw, 707px\" \/><\/figure>\n\n<p><em>Design-Informationen ausf\u00fcllen<\/em><\/p>\n\n<h3 class=\"wp-block-heading\" id=\"kaart-url-invullen\">3.1 URL ausf\u00fcllen<\/h3>\n\n<p>Das Wichtigste beim Speichern eines Designs ist die URL. Die URL ist der digitale Name des Designs. Diese ist einzigartig und es ist nicht m\u00f6glich, zwei Designs dieselbe URL zu geben. Eine gute URL sorgt daf\u00fcr, dass ein Design in Google gut gefunden wird.   <\/p>\n\n<figure class=\"wp-block-image size-full\"><img  title=\"\" decoding=\"async\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/05\/Scherm\u00adafbeelding-2026-05-05-om-11.22.33.png\"  alt=\"Scherm\u00adafbeelding-2026-05-05-om-11.22.33 How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-0\"\/><\/figure>\n\n<p><em>Beispiel f\u00fcr den URL-Aufbau<\/em><\/p>\n\n<p><strong>Eine URL besteht aus verschiedenen Teilen:<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Rosa<\/strong>: Der erste Teil enth\u00e4lt den Namen der Website; im obigen Beispiel siehst du Made for Moments.<\/li>\n\n\n\n<li><strong>Blau<\/strong>: Nach dem ersten \/ (\u201eSlash\u201c) steht die Hauptkategorie. Hier ist dies \u201egeboorte kaart\u201c.  <\/li>\n\n\n\n<li><strong>Gr\u00fcn<\/strong>: Nach dem zweiten Slash steht die Unterkategorie, in der du das Design speicherst. Diese drei Teile des URL-Aufbaus werden automatisch generiert, darum musst du dich nicht k\u00fcmmern. <\/li>\n\n\n\n<li><strong>Rot<\/strong>: Den letzten Teil musst du selbst bei den Informationen des Designs ausf\u00fcllen; er beschreibt das Design so gut wie m\u00f6glich. Der Designer dieses Designs findet, dass es f\u00fcr ein M\u00e4dchen ist, hat ihm einen Velvet-Look gegeben, Ros\u00e9folie im Entwurf platziert und es gibt auch Herzchen im Entwurf. Die wichtigsten Elemente dieses Designs spiegeln sich in der URL wider.   <\/li>\n<\/ul>\n\n<p><strong>Was gibst du bei der URL ein?<\/strong><\/p>\n\n<p>Eine gute URL besteht aus verschiedenen beschreibenden W\u00f6rtern:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Was f\u00fcr ein Design es ist<\/li>\n\n\n\n<li>Adjektive, die das Design beschreiben und nach denen der Kunde auch sucht: lieb, s\u00fc\u00df, cool, hip, modern etc.<\/li>\n\n\n\n<li>Auff\u00e4llige Elemente des Designs, nach denen der Kunde auch sucht: Elefant, Ballon, Goldfolie etc.<\/li>\n<\/ul>\n\n<p><strong>Was darf nicht in die URL?<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>Gro\u00dfbuchstaben<\/li>\n\n\n\n<li>Sonderzeichen, au\u00dfer einem &#8211; (Minuszeichen \/ Bindestrich).<\/li>\n\n\n\n<li>Unterstrich ( _ )<\/li>\n\n\n\n<li>Leerzeichen<\/li>\n\n\n\n<li>Zahlen wie \/liebs\u00fc\u00dffoto4783648774<\/li>\n\n\n\n<li>Exakt identische URLs. Alle URLs m\u00fcssen einzigartig sein. Identische URLs k\u00f6nnen im CMS nicht gespeichert werden. Beim Speichern erscheint dann die Meldung, dass die URL bereits existiert.   <\/li>\n\n\n\n<li>Zu wenig Variation wie: \/holz \/holz1 \/holz2 etc.<\/li>\n<\/ul>\n\n<p><strong>Kurz gesagt: Sorge f\u00fcr ausreichend Variation!<\/strong><\/p>\n\n<h4 class=\"wp-block-heading\">3.1.1. Tipps &amp; Tricks f\u00fcr die URL<\/h4>\n\n<p><strong>Variation:<\/strong> Sorge beim Erstellen von URLs f\u00fcr genug Variation. In manchen F\u00e4llen ist das schwierig. Versuche in diesem Fall, Synonyme oder Adjektive zu verwenden. Das Wort Holz kannst du zum Beispiel durch das Wort Ger\u00fcstholz, Treibholz oder graues-holz ersetzen. Hast du sehr viele Designs mit zum Beispiel Holz, k\u00f6nntest du das Wort Holz auch weglassen und beschreiben, dass das Design l\u00e4ndlich ist. Zum Beispiel: \/laendlich-klassisch-hip     <\/p>\n\n<p><strong>Hohes Suchvolumen:<\/strong> Versuche, W\u00f6rter in deiner URL zu verwenden, die ein hohes Suchvolumen haben. Nach dem Wort \u201ehip\u201c wird zum Beispiel bei Google h\u00e4ufiger gesucht als nach dem Wort \u201efetzig\u201c. Mit dem Google Keyword-Planer kannst du herausfinden, was gute Suchbegriffe sind.  <\/p>\n\n<p><strong>Halte es kurz:<\/strong> Deine URL sollte lieber zu kurz als zu lang sein. \/lieb-romantisch-rosa-weiss-stempel-foto-polaroid-tape-washitape-maskingtape-geruestholz-label-labelchen-schleifchen kann zum Beispiel auch durch \/geruestholz-foto-schleifchen ersetzt werden, sofern diese noch nicht existiert. <\/p>\n\n<h3 class=\"wp-block-heading\" id=\"kaart-beschrijving-invullen\">3.2 Beschreibung ausf\u00fcllen<\/h3>\n\n<p>Diese Beschreibung wird auf der \u00dcbersichtsseite unter der Design-Vorschau angezeigt. Siehe Beispiel. Schreibe deine Beschreibung mit Blick auf den Kunden, Upselling (z. B. die Erw\u00e4hnung einer passenden Karte f\u00fcr die Babyparty) und SEO.  <\/p>\n\n<figure class=\"wp-block-image size-full\"><img  title=\"\" decoding=\"async\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/Scherm&#xAD;afbeelding-2026-04-07-om-13.12.14.png\"  alt=\"Scherm&#xAD;afbeelding-2026-04-07-om-13.12.14 How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-4301\"\/><\/figure>\n\n<p><em>Beispiel f\u00fcr eine Design-Beschreibung auf Made for Moments. <\/em><\/p>\n\n<h3 class=\"wp-block-heading\" id=\"life-event-label\">3.3 Life-Event-Label<\/h3>\n\n<p>Du w\u00e4hlst ein Life-Event-Label aus, damit Statistiken mit diesem Ereignis verkn\u00fcpft werden k\u00f6nnen. Basierend auf diesem Life-Event werden verwandte Produkte angeboten. <\/p>\n\n<h3 class=\"wp-block-heading\" id=\"producttype-label\">3.4 Produkttyp-Label<\/h3>\n\n<p>Dieses Label wird bei einer Karte aus derselben Kollektion, z. B. einer Hochzeitskollektion, in der Cross-Selling-Leiste angezeigt.<\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"319\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/cross-sellrail-2-1024x319.webp\"  alt=\"cross-sellrail-2-1024x319 How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2033\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/cross-sellrail-2-1024x319.webp 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/cross-sellrail-2-300x94.webp 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/cross-sellrail-2-768x240.webp 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/cross-sellrail-2-50x16.webp 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/cross-sellrail-2.webp 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<h3 class=\"wp-block-heading\" id=\"label\">3.5 Label<\/h3>\n\n<p>Dieses Label wird bei einer Karte auf einer \u00dcbersichtsseite angezeigt, wie hier:<\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"296\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/label-overzichtspagina-2-1024x296.webp\"  alt=\"label-overzichtspagina-2-1024x296 How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2034\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/label-overzichtspagina-2-1024x296.webp 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/label-overzichtspagina-2-300x87.webp 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/label-overzichtspagina-2-768x222.webp 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/label-overzichtspagina-2-50x14.webp 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/label-overzichtspagina-2.webp 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<h2 class=\"wp-block-heading\" id=\"tags-koppelen\">4. Zus\u00e4tzliche Spezifikationen und Tags verkn\u00fcpfen<\/h2>\n\n<h3 class=\"wp-block-heading\">4.1 Zus\u00e4tzliche Spezifikation<\/h3>\n\n<p>\u00dcber \u201eZus\u00e4tzliche Spezifikationen\u201c kannst du angeben, wie hoch die <em>Mindestbestellmenge<\/em> f\u00fcr dieses Design sein soll. Unter <em>Standard-Papiersorte, Umschlagfarbe<\/em> und <em>Standard-Abmessung<\/em> kannst du die Pr\u00e4ferenz angeben, mit der dieses Design \u201estandardm\u00e4\u00dfig\u201c angeboten wird. Die Sortierreihenfolge kann ignoriert werden.  <\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"246\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/VO-ExtraSpecs-Tags-2-1024x246.webp\"  alt=\"VO-ExtraSpecs-Tags-2-1024x246 How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2035\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/VO-ExtraSpecs-Tags-2-1024x246.webp 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/VO-ExtraSpecs-Tags-2-300x72.webp 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/VO-ExtraSpecs-Tags-2-768x184.webp 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/VO-ExtraSpecs-Tags-2-50x12.webp 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/VO-ExtraSpecs-Tags-2.webp 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<h3 class=\"wp-block-heading\">4.2 Tags anpassen<\/h3>\n\n<p>\u00dcber den Button \u201e<strong>Tags \u2013 Bearbeiten<\/strong>\u201c gelangst du zur \u00dcbersicht der Tags, die du mit dem Design verkn\u00fcpfen kannst. Klicke auf \u201e<strong>Speichern<\/strong>\u201c, um die Tags zu speichern. <\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/tags-aanpassen-2-1024x683.webp\"  alt=\"tags-aanpassen-2-1024x683 How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2036\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/tags-aanpassen-2-1024x683.webp 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/tags-aanpassen-2-300x200.webp 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/tags-aanpassen-2-768x513.webp 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/tags-aanpassen-2-50x33.webp 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/tags-aanpassen-2.webp 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p><em>Tags beim Design bearbeiten.<\/em><\/p>\n\n<p><strong>Welche Tags kreuze ich an?<\/strong><\/p>\n\n<p>Kreuze nur die Tags an, die f\u00fcr dein Design am relevantesten sind. \u00dcberlege dir, was der Kunde erwartet, wenn er danach filtert. Eine rote Hochzeitskarte mit Blumen, bei der eine kleine Blume blau ist, taggst du nicht mit \u201eblau\u201c.  <\/p>\n\n<h2 class=\"wp-block-heading\" id=\"PIP-featuredimage\">5. Design-Bilder und Videos<\/h2>\n\n<p>Es kann zwischen zwei Arten von Uploads gew\u00e4hlt werden:<\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"380\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/featured_image_kiezen-1024x380.webp\"  alt=\"featured_image_kiezen-1024x380 How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2037\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/featured_image_kiezen-1024x380.webp 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/featured_image_kiezen-300x111.webp 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/featured_image_kiezen-768x285.webp 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/featured_image_kiezen-50x19.webp 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/featured_image_kiezen.webp 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<h3 class=\"wp-block-heading\">5.1 Bild<\/h3>\n\n<p>Diese Design-Bilder \u2013 Featured Images \u2013 werden anstelle der standardm\u00e4\u00dfig vom System generierten Vorschau angezeigt. F\u00fcr einige Freeform-Designs (wie Hochzeitsschilder, Aufkleber usw.) wird automatisch ein Product-in-Picture-Bild (PIP) angezeigt.<br\/>Bei Freeform-Designs mit einer aktiven <strong>Product-in-Picture<\/strong>-Komponente (PIP) auf der Produktdetailseite (PDP) siehst du nun auch die Featured Images des Designs im Swiper. Die Featured Images werden immer nach der PIP-Komponente verwendet.  <\/p>\n\n<p>Die Gr\u00f6\u00dfe eines Featured Image betr\u00e4gt 500x500px bei 72 dpi.<\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"603\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/PDPFeaturedimage-1024x603.webp\"  alt=\"PDPFeaturedimage-1024x603 How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2038\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/PDPFeaturedimage-1024x603.webp 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/PDPFeaturedimage-300x177.webp 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/PDPFeaturedimage-768x452.webp 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/PDPFeaturedimage-50x29.webp 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/PDPFeaturedimage.webp 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p><em>Featured Image beim Design auf der PDP.<\/em><\/p>\n\n<p>Du kannst dieses PIP mit deinem eigenen Featured Image \/ Video \u00fcberschreiben, indem du das Kontrollk\u00e4stchen <em>\u201eDas Featured Image \u00fcberschreibt das automatische Produktbild (PIP) auf der Produktlistenseite (PLP)\u201c<\/em> aktivierst. Es ist auch m\u00f6glich, die Reihenfolge der Vorschauen zu \u00e4ndern, indem du sie anklickst, gedr\u00fcckt h\u00e4ltst und ziehst. <\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"607\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/featured-image-1024x607.webp\"  alt=\"featured-image-1024x607 How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2039\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/featured-image-1024x607.webp 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/featured-image-300x178.webp 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/featured-image-768x455.webp 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/featured-image-50x30.webp 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/featured-image.webp 1464w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p><em>Featured \/ Video Image beim Design.<\/em><\/p>\n\n<h4 class=\"wp-block-heading\">5.1.1. Zusammenfassung<\/h4>\n\n<p>Was wird auf der \u00dcbersichtsseite (PLP) angezeigt?<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Karte <strong>mit<\/strong> Featured Image \u2013&gt; Featured Image<\/li>\n\n\n\n<li>Freeform ohne PIP <strong>mit<\/strong> Featured Image \u2013&gt; Featured Image<\/li>\n\n\n\n<li>Freeform ohne PIP <strong>ohne<\/strong> Featured Image \u2013&gt; Vorschau der 1. Seite<\/li>\n\n\n\n<li>Freeform mit aktivem PIP <strong>mit<\/strong> Featured Image \u2013&gt; pro Design einstellbar, was du \u00fcber die neue Designverwaltung anzeigen m\u00f6chtest<\/li>\n\n\n\n<li>Freeform mit aktivem PIP <strong>ohne<\/strong> Featured Image \u2013&gt; PIP<\/li>\n<\/ul>\n\n<p>Was wird auf der Produktdetailseite (PDP) angezeigt?<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Karte PDP <strong>mit<\/strong> Featured Image \/ Video \u2013&gt; Featured Image \/ Video zuerst, dann Kartenvorschauen<\/li>\n\n\n\n<li>Karte PDP, Standard <strong>ohne<\/strong> Featured Image \/ Video oder PIP \u2013&gt; Vorschau der 1. Seite<\/li>\n\n\n\n<li>Freeform ohne PIP <strong>und<\/strong> Featured Image \/ Video \u2013&gt; Featured Image \/ Video zuerst, dann die einzelnen Seiten eines Designs<\/li>\n\n\n\n<li>Freeform ohne PIP <strong>oder<\/strong> ein nicht aktives PIP <strong>ohne<\/strong> Featured Image \/ Video \u2013&gt; die einzelnen Seiten eines Designs<\/li>\n\n\n\n<li>Freeform mit aktivem PIP <strong>mit<\/strong> Featured Image \/ Video \u2013&gt; zuerst PIP, dann Featured Image \/ Video<\/li>\n\n\n\n<li>Freeform mit aktivem PIP <strong>ohne<\/strong> Featured Image \/ Video \u2013&gt; PIP<\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\" id=\"youtube\">5.2 Videos (YouTube Shorts)<\/h3>\n\n<p>Diese Videos k\u00f6nnen anstelle der standardm\u00e4\u00dfig vom System generierten Vorschau angezeigt werden. F\u00fcr einige Freeform-Designs (wie Hochzeitsschilder, Aufkleber usw.) wird automatisch ein Product-in-Picture-Bild (PIP) verwendet. <\/p>\n\n<p>Beispiel f\u00fcr ein (Feature) Video.<\/p>\n\n<p><a href=\"https:\/\/madeformoments.nl\/geboorte-label-langwerpig\/kaart\/beige-geboortekaartje-tweeling-golfrand-hoogglans-\">https:\/\/madeformoments.nl\/geboorte-label-langwerpig\/kaart\/beige-geboortekaartje-tweeling-golfrand-hoogglans-<\/a><\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"629\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/VideoPDP-1024x629.webp\"  alt=\"VideoPDP-1024x629 How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2040\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/VideoPDP-1024x629.webp 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/VideoPDP-300x184.webp 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/VideoPDP-768x472.webp 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/VideoPDP-50x31.webp 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/VideoPDP.webp 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p><em>YouTube Shorts beim Design.<\/em><\/p>\n\n<p>So erstellst du YouTube Shorts: <a href=\"http:\/\/support.google.com\/youtube\/answer\/10059070?hl=nl\">http:\/\/support.google.com\/youtube\/answer\/10059070?hl=de<\/a><\/p>\n\n<h3 class=\"wp-block-heading\">5.3 Feed-Bilder<\/h3>\n\n<p>Die Feed-Bilder werden von Google verwendet, um sie in den Suchergebnissen der Google-Suche anzuzeigen.<\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"319\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/feedimage-2-1024x319.webp\"  alt=\"feedimage-2-1024x319 How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2041\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/feedimage-2-1024x319.webp 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/feedimage-2-300x93.webp 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/feedimage-2-768x239.webp 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/feedimage-2-50x16.webp 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/feedimage-2.webp 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p><em>Feed-Bild beim Design, angezeigt bei Google.<\/em><\/p>\n\n<h2 class=\"wp-block-heading\" id=\"relaties\">6. Beziehungen \u2013 bearbeiten<\/h2>\n\n<p><a href=\"\/cms-relaties-bewerken\">cms-beziehungen-bearbeiten<\/a><\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"229\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/relaties-2-1024x229.webp\"  alt=\"relaties-2-1024x229 How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2042\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/relaties-2-1024x229.webp 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/relaties-2-300x67.webp 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/relaties-2-768x172.webp 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/relaties-2-50x11.webp 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/relaties-2.webp 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<h3 class=\"wp-block-heading\">6.1. Design speichern<\/h3>\n\n<p>Du hast 2 Buttons zum Speichern des Designs:<\/p>\n\n<p><strong>Speichern:<\/strong> Mit dem Button \u201e\u00c4nderungen speichern\u201c kannst du deine Bearbeitungen zwischendurch speichern.<\/p>\n\n<p><strong>Design akzeptieren und hinzuf\u00fcgen:<\/strong> Mit dem Button \u201eDesign ver\u00f6ffentlichen\u201c stellst du das Design online. Es verschwindet aus der \u00dcbersicht der \u201eVorgeschlagenen Entw\u00fcrfe\u201c und erscheint auf der Unterkategorieseite, in der du dein Design gespeichert hast, sowie in der <a href=\"\/cms-kaarten-beheren\">Designverwaltung<\/a> im CMS. <\/p>\n\n<h2 class=\"wp-block-heading\" id=\"paginas-maken\">7. Kollektionsseiten erstellen<\/h2>\n\n<p>Um die Designs deinen Kunden zu zeigen, m\u00f6chtest du Seiten erstellen, auf denen der Kunde die Designs sehen kann. \u00dcber <strong>CMS &gt; Content &gt; Seiten<\/strong> erstellst du ganz einfach Seiten. <\/p>\n\n<div class=\"wp-block-group block-exercise\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Wenn du eine Seite erstellst, legst du eine URL und einen Titel fest. Der Titel ist dabei die \u00dcberschrift, die bei Google erscheint. <\/p>\n\n\n\n<p>Klicke anschlie\u00dfend auf <strong>\u201eSeite hinzuf\u00fcgen\u201c<\/strong>. Du siehst die Seite nun in der \u00dcbersicht erscheinen. <\/p>\n<\/div><\/div>\n\n<figure class=\"wp-block-image size-full\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"631\" height=\"250\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/add-page.webp\"  alt=\"add-page How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2043\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/add-page.webp 631w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/add-page-300x119.webp 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/add-page-50x20.webp 50w\" sizes=\"(max-width: 631px) 100vw, 631px\" \/><\/figure>\n\n<p><em>Erstelle eine Seite<\/em><\/p>\n\n<h3 class=\"wp-block-heading\">7.1 Seite einrichten<\/h3>\n\n<p>Durch Klicken auf das Bearbeiten-Symbol kann die Seite eingerichtet werden.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"956\" height=\"118\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/pagina-instellingen.webp\"  alt=\"pagina-instellingen How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2044\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/pagina-instellingen.webp 956w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/pagina-instellingen-300x37.webp 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/pagina-instellingen-768x95.webp 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/pagina-instellingen-50x6.webp 50w\" sizes=\"(max-width: 956px) 100vw, 956px\" \/><\/figure>\n\n<p><em>Seite einrichten<\/em><\/p>\n\n<h4 class=\"wp-block-heading\">7.1.1 Seitentyp<\/h4>\n\n<p>Beim Seitentyp w\u00e4hlst du aus, was f\u00fcr eine Seite du erstellen m\u00f6chtest.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"907\" height=\"231\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/type-pagina.webp\"  alt=\"type-pagina How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2045\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/type-pagina.webp 907w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/type-pagina-300x76.webp 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/type-pagina-768x196.webp 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/type-pagina-50x13.webp 50w\" sizes=\"(max-width: 907px) 100vw, 907px\" \/><\/figure>\n\n<p><em>Seitentyp<\/em><\/p>\n\n<p><strong>Custom Content:<\/strong> Dies ist eine Seite ohne Designs oder Produkte. Du kannst hier alles platzieren, was du m\u00f6chtest. Denke dabei an Informationsseiten oder eine Homepage, auf der keine Produkte und Designs geladen werden.  <\/p>\n\n<p><strong>Custom Content + Designs\/zus\u00e4tzliche Produkte:<\/strong> Wenn du eine Seite mit Produkten erstellen m\u00f6chtest, w\u00e4hle diese Option. Hier werden von dir gew\u00e4hlte Produktgruppen geladen. Drumherum kannst du selbst Text und andere Inhalte platzieren.  <\/p>\n\n<p><strong>Redirect auf eine andere Seite:<\/strong> Diese Option wird vorerst noch nicht ben\u00f6tigt. <\/p>\n\n<h4 class=\"wp-block-heading\">7.1.2 Texte<\/h4>\n\n<p>In diesem Block f\u00fcllst du bei verschiedenen Teilen Texte aus, die sowohl f\u00fcr den Kunden als auch f\u00fcr SEO gedacht sind.<\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/add-page-1-1024x575.webp\"  alt=\"add-page-1-1024x575 How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2046\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/add-page-1-1024x575.webp 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/add-page-1-300x168.webp 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/add-page-1-768x431.webp 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/add-page-1-50x28.webp 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/add-page-1.webp 1126w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p><em>Seite einrichten<\/em><\/p>\n\n<p><strong>Titel:<\/strong> Dies ist der Titel, den du gerade eingegeben hast. Dieser Titel erscheint in Google. <\/p>\n\n<p><strong>H1-\u00dcberschrift:<\/strong> Dies ist die Haupt\u00fcberschrift. Diese erscheint oben auf deiner Seite. <\/p>\n\n<p><strong>Canonical URL:<\/strong> Diese ben\u00f6tigst du nicht oft. Du verwendest sie, wenn du 2 Seiten mit demselben Content (Inhalt) hast. Google sieht das als Nachteil an, weshalb du Google mitteilen kannst, welches die wichtigste Seite davon ist.  <\/p>\n\n<p class=\"letop-message\">WICHTIG: Vielleicht ist dir schon aufgefallen, dass deine Homepage im CMS \u201e\/home\u201c hei\u00dft. Schreibe hier bei \u201eCanonical URL\u201c auch immer deinen Seitennamen ohne \u201e\/home\u201c. <\/p>\n\n<p><strong>Meta-Beschreibung:<\/strong> Dies ist die Beschreibung, die du in Google siehst. W\u00e4hle deine Formulierung sorgf\u00e4ltig, damit du den Leser in einem kurzen Text neugierig machst und die am h\u00e4ufigsten gew\u00e4hlten Suchbegriffe verwendest. <\/p>\n\n<p><strong>Seitenreihenfolge:<\/strong> Dies dient deiner eigenen \u00dcbersicht. Du kannst eine Seitenreihenfolge vergeben, um die Seiten unter CMS &gt; Content &gt; Seite in einer sortierten Reihenfolge wiederzufinden. Dies ist nicht zwingend erforderlich.  <\/p>\n\n<p><strong>Seiteninhalt:<\/strong> Dies ist der Teil deiner Seite, der unter der H1-\u00dcberschrift und \u00fcber den Designs \/ Produkten erscheint.<\/p>\n\n<p class=\"tip-message\">TIPP: Mache diesen Teil nicht zu lang, da der Kunde vor allem deine Designs und Produkte sehen m\u00f6chte.<\/p>\n\n<p><strong>Seiten-Footer:<\/strong> Dies ist der Teil deiner Seite, der unter den Designs \/ Produkten erscheint. Hier kannst du Text, Buttons, Links, Bilder usw. unterbringen. Du kannst dies f\u00fcr SEO-Texte nutzen, also Texte, die wichtig sind, um bei Google gut abzuschneiden.<br\/>Den \u201eSeiteninhalt\u201c und \u201eSeiten-Footer\u201c kannst du mit Text, Buttons, Bildern und allem, was du m\u00f6chtest, f\u00fcllen. Du kannst sie mithilfe der Symbole oben gestalten. Willst du wissen, wof\u00fcr die Symbole stehen? Fahre mit der Maus \u00fcber die Symbole (Hover), dann erscheint die Erkl\u00e4rung von selbst. Bl\u00f6cke und Buttons kannst du mithilfe des Codes auf \/styleguide erstellen. Schau dir auch unser Handbuch f\u00fcr <a href=\"https:\/\/sites.google.com\/sparkles.io\/whitelabels-ondersteuning\/inrichten-website\/pagina-opmaak-handleiding?authuser=0\" target=\"_blank\">Seitengestaltung<\/a> an.       <\/p>\n\n<p class=\"tip-message\">TIPP: Nutze so oft wie m\u00f6glich den Quellcode, um deine Seite ordentlich zu halten. Hierf\u00fcr sind HTML-Kenntnisse erforderlich. Wenn du googelst, kannst du viel mehr dar\u00fcber finden. Wenn dir das noch nicht gelingt, nutze die Symbole.   <\/p>\n\n<h4 class=\"wp-block-heading\">7.1.3 Seiten-Einstellungen<\/h4>\n\n<p>In diesem Block kannst du Einstellungen anpassen, die mit der Navigation f\u00fcr den Kunden zu tun haben und wie er die Designs auf deiner Seite sieht.<\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"490\" height=\"1024\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/pagina-instellingen1-490x1024.webp\"  alt=\"pagina-instellingen1-490x1024 How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2047\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/pagina-instellingen1-490x1024.webp 490w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/pagina-instellingen1-144x300.webp 144w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/pagina-instellingen1-24x50.webp 24w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/pagina-instellingen1.webp 730w\" sizes=\"(max-width: 490px) 100vw, 490px\" \/><\/figure>\n\n<p><em>Seiten-Einstellungen<\/em><\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Welche Widgetgruppe?<\/strong> Hier hast du die Wahl aus Widgetgruppen, die du erstellt hast. Diese Widgetgruppe erscheint links auf der Seite deiner Website als Sidebar-Men\u00fc. <\/li>\n\n\n\n<li><strong>Wie viele Designs pro Reihe (Desktop)?<\/strong> Du kannst w\u00e4hlen, ob du 3, 4 oder 6 Karten in einer Reihe anzeigen m\u00f6chtest.<\/li>\n\n\n\n<li><strong>Wie viele Karten pro Reihe (Mobil)?<\/strong> Du kannst w\u00e4hlen, ob du 1 oder 2 Karten in einer Reihe anzeigen m\u00f6chtest.<\/li>\n\n\n\n<li><strong>Full width:<\/strong> Es wird kein Sidebar-Men\u00fc angezeigt.<\/li>\n\n\n\n<li><strong>Login erforderlich:<\/strong> Wenn diese Option aktiviert ist, kann der Kunde die Seite nur nach dem Einloggen aufrufen.<\/li>\n\n\n\n<li><strong>Zeigt Titel bei Thumbnails:<\/strong> Unter den Designs, die auf deiner Seite angezeigt werden, steht der Titel des jeweiligen Designs.<\/li>\n\n\n\n<li><strong>Zeigt Labels bei Thumbnails:<\/strong> Unter den Designs, die auf deiner Seite angezeigt werden, steht das Label des jeweiligen Designs.<\/li>\n\n\n\n<li><strong>Zeigt Produkttyp-Labels bei Thumbnails:<\/strong> Unter den Designs, die in der Leiste auf der Produktdetailseite angezeigt werden, steht das Label des jeweiligen Designs.<\/li>\n\n\n\n<li><strong>Seite wird NICHT indexiert:<\/strong> Die Seite wird von Google nicht bewertet, solange dies aktiviert ist.<\/li>\n\n\n\n<li><strong>Seiten-Breadcrumbs aktivieren:<\/strong> Oben auf der Seite werden die Breadcrumbs angezeigt.<\/li>\n\n\n\n<li><strong>Kundenbewertungs-Snippet:<\/strong> Wenn du an ein Kundenbewertungssystem wie Feedback Company oder Ekomi angeschlossen bist, kannst du an anderer Stelle auf der Website deine Kundenbewertungsnote hinzuf\u00fcgen. Wenn du hier diese Option aktivierst, erscheinen in Google so viele Sterne f\u00fcr diese Seite, wie es deiner Kundenbewertung deiner Website\/Marke entspricht. <\/li>\n\n\n\n<li><strong>Sortierreihenfolge:<\/strong> Du kannst aus verschiedenen Sortierreihenfolgen w\u00e4hlen. \u201eBeliebt\u201c wird basierend auf der Anzahl der Kunden berechnet, die die Detailseite des jeweiligen Designs aufrufen. Dies unterscheidet sich von \u201eMeistverkauft\u201c. Wenn du \u201eEmpfohlen\u201c w\u00e4hlst, bleiben die Designs so stehen, wie du es zuvor hattest (z. B. auf \u201eMeistverkauft\u201c), und du kannst die Designs danach in eine von dir gew\u00fcnschte Reihenfolge ziehen.   <\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\">7.2 Tags<\/h3>\n\n<p>Nun f\u00e4hrst du mit dem Platzieren von Designs mittels Tags fort. Zuerst sind die Basis-Tags sichtbar. Dies sind die Tags, die automatisch an die Designs geh\u00e4ngt werden. Das System liest aus, welche Form die Karte hat, wie viele Seiten der Entwurf hat und von welchem Designer er vorgeschlagen wurde.   <\/p>\n\n<figure class=\"wp-block-image size-full\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"666\" height=\"366\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/tags-pagina.webp\"  alt=\"tags-pagina How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2048\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/tags-pagina.webp 666w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/tags-pagina-300x165.webp 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/tags-pagina-50x27.webp 50w\" sizes=\"(max-width: 666px) 100vw, 666px\" \/><\/figure>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"338\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/tags-pagina-1-1024x338.webp\"  alt=\"tags-pagina-1-1024x338 How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2049\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/tags-pagina-1-1024x338.webp 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/tags-pagina-1-300x99.webp 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/tags-pagina-1-768x253.webp 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/tags-pagina-1-50x16.webp 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/tags-pagina-1.webp 1253w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p><em>Tags auf der Seite einstellen<\/em><\/p>\n\n<p>Nach den Basis-Tags siehst du die Custom-Shop-Tags. Dies sind die Taggruppen, die du selbst erstellt hast. <\/p>\n\n<p><strong>Anhand der Basis- und Custom-Tags kannst du:<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>Designs auf deiner Seite laden;<\/li>\n\n\n\n<li>Filter f\u00fcr die Kunden auf der Seite aktivieren.<\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\">7.3 Designs auf deiner Seite laden<\/h3>\n\n<p>Bei den Tags kannst du zwischen \u201eINIT\u201c, \u201eMENU\u201c oder gar nichts w\u00e4hlen. Wenn du \u201eINIT\u201c w\u00e4hlst, werden die Designs\/Produkte mit diesem Tag auf deiner Seite geladen. <\/p>\n\n<p>Du kannst auch mehrere Tags auf \u201eINIT\u201c setzen. Das funktioniert dann wie folgt: <\/p>\n\n<ul class=\"wp-block-list\">\n<li>2 Tags aus <u>verschiedenen<\/u> Taggruppen: Die Seite zeigt Designs, die sowohl Tag 1 als auch Tag 2 haben. Zum Beispiel Karten mit dem Tag \u201eGeburtskarte\u201c UND \u201eFoliendruck\u201c. <\/li>\n\n\n\n<li>2 Tags aus derselben Taggruppe: Die Seite zeigt Designs, die entweder Tag 1 oder Tag 2 haben. Zum Beispiel Designs mit dem Tag \u201eGeburtskarte\u201c ODER dem Tag \u201eFoliendruck\u201c; das Design muss also nicht beide Tags enthalten. <\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\" id=\"filters-instellen-op-pagina\">7.4 Filter auf deiner Seite einstellen<\/h3>\n\n<p>Ein Tag kann auf der Men\u00fcseite als Filteroption erscheinen, indem du beim Tag \u201e<strong>MENU<\/strong>\u201c w\u00e4hlst. F\u00fcr jeden Tag, den du auf \u201e<strong>MENU<\/strong>\u201c setzt, erscheint die Taggruppe auf der Seite, und wenn du diese aufklappst, siehst du die Tags, die du angekreuzt hast. <\/p>\n\n<p>Du kannst w\u00e4hlen, wie du die Filter anzeigen m\u00f6chtest:<\/p>\n\n<p>Horizontal oben auf der Seite oder im linken Men\u00fc (Sidebar).<\/p>\n\n<figure class=\"wp-block-image size-full\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"859\" height=\"106\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/filters-pagina.webp\"  alt=\"filters-pagina How to \u2013 Designs auf deine Website stellen\"  class=\"wp-image-2050\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/filters-pagina.webp 859w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/filters-pagina-300x37.webp 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/filters-pagina-768x95.webp 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/filters-pagina-50x6.webp 50w\" sizes=\"(max-width: 859px) 100vw, 859px\" \/><\/figure>\n\n<p><em>Beispiel f\u00fcr horizontale Filter auf der Seite<\/em><\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Order:<\/strong> Du kannst mit einer Zahl festlegen, in welcher Reihenfolge die Taggruppe im Filtermen\u00fc angezeigt wird. <span style=\"text-decoration: underline;\">Die Taggruppe mit der niedrigsten Zahl erscheint zuerst<\/span>. Auf einer Seite f\u00fcr Folienkarten setzt du zum Beispiel die Taggruppe Folienfarbe auf 0 und die anderen Taggruppen auf 1, 2, 3 und 4. So erscheint die wichtigste Filtergruppe zuerst im Filtermen\u00fc.  <\/li>\n\n\n\n<li><strong>Eingeklappt:<\/strong> Wenn du angegeben hast, dass du deine Filter links im Men\u00fc platzieren m\u00f6chtest, kannst du mit dieser Einstellung festlegen, dass eine Filtergruppe eingeklappt im Filtermen\u00fc stehen soll. Wenn deine Filter oben \u00fcber den geladenen Designs stehen, sind die Taggruppen standardm\u00e4\u00dfig eingeklappt. <\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\">7.5 Seiten-Einstellungen speichern<\/h3>\n\n<p>Mit <strong>\u201e\u00c4nderungen speichern\u201c<\/strong> oder <strong>\u201e\u00c4nderungen speichern und Reihenfolge direkt bearbeiten\u201c<\/strong> speicherst du die \u00c4nderungen und deine Seite ist erstellt. <\/p>\n\n<p>Es ist jederzeit m\u00f6glich, sp\u00e4ter \u00c4nderungen vorzunehmen. <\/p>\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p class=\"qua-blog-post-description\">1. Kategorien erstellen 1.1 Was ist eine Kategorie? Kategorien sind wie die Regale in einem Lager; sie geben einen \u00dcberblick \u00fcber die Produkte und zeigen, wo diese zu finden sind. Zu jeder Kategorie geh\u00f6ren Unterkategorien. Dies l\u00e4sst sich als Karteikasten im entsprechenden Regal des Lagers beschreiben. Jedes Design, das du online stellst, ordnest du einer [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"ht-kb-category":[429],"ht-kb-tag":[546,545],"class_list":["post-5342","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-cms","ht_kb_tag-design-live-schalten","ht_kb_tag-how-to"],"featured_img":false,"coauthors":[],"author_meta":{"author_link":"https:\/\/support.sparkles.io\/de\/author\/admin\/","display_name":"Sparkles Support"},"relative_dates":{"created":"Ver\u00f6ffentlicht 2\u00a0Monaten vor","modified":"Aktualisiert 2\u00a0Tagen vor"},"absolute_dates":{"created":"Ver\u00f6ffentlicht am 09\/03\/2026","modified":"Aktualisiert am 05\/05\/2026"},"absolute_dates_time":{"created":"Ver\u00f6ffentlicht am 09\/03\/2026 15:47","modified":"Aktualisiert am 05\/05\/2026 09:47"},"featured_img_caption":"","tax_additional":{"ht_kb_category":{"linked":["<a href=\"https:\/\/support.sparkles.io\/artikel-categorieen\/cms\/\" class=\"advgb-post-tax-term\">CMS<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">CMS<\/span>"],"slug":"ht_kb_category","name":"Article Categories"},"ht_kb_tag":{"linked":["<a href=\"https:\/\/support.sparkles.io\/de\/artikel-tags\/design-live-schalten\/\" class=\"advgb-post-tax-term\">Design live schalten<\/a>","<a href=\"https:\/\/support.sparkles.io\/artikel-tags\/how-to\/\" class=\"advgb-post-tax-term\">How-to<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Design live schalten<\/span>","<span class=\"advgb-post-tax-term\">How-to<\/span>"],"slug":"ht_kb_tag","name":"Article Tags"}},"series_order":"","_links":{"self":[{"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/ht-kb\/5342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/comments?post=5342"}],"version-history":[{"count":1,"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/ht-kb\/5342\/revisions"}],"predecessor-version":[{"id":5346,"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/ht-kb\/5342\/revisions\/5346"}],"wp:attachment":[{"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/media?parent=5342"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/ht-kb-category?post=5342"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/ht-kb-tag?post=5342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}