 Simon und Manja, wir machen Stand-up-Komedy für WordPress-Veranstaltungen. Verspricht nicht zu viel. ImPro, ja, gebt mir mehr. So, wir sind die German-Wünklichkeit 7 Minuten hinter unserem Plan. Wir haben genug Puffer, keine Sorge. Wir sind vorbereitet. Wir starten mit unserem ersten Lightning-Talk. Und wie ihr vielleicht schon erraten habt, ist Manja jetzt dran. Manja, ich habe vorhin wieder ein bisschen gesprochen. Hatte mal ein Geschäft für Kinderkleidung und ist auf dieser Schiene irgendwie in Wocommerce reingerutscht. Und nicht so richtig davon weggekommen, auch wenn das Geschäft nicht mehr gibt. Das musste ich dann leider schließen. Wocommerce war wichtiger. Nicht so kurz. Erzählt Sie uns heute was zu Wocommerce-Blocks, die eine relativ frische Sache sind. Und ich bin sehr gespannt. Ich würde sagen, Manja, leg einfach los. Ja. Danke dir. Ah, super. Danke. Danke, thanks to my assistant, Peter. Oh, jetzt habe ich irgendwas gemacht. Ja, herzlich willkommen zu diesem wunderbaren Vortrag 15 Minuten über Wocommerce-Blocks. Ich hoffe, ihr seid alle große WordPress- und Wocommerce-Begeisterte. So, dass ihr auch meine Folien sehen könnt. Die Welt der Blogs gibt es ja schon eine ganze Weile. Wocommerce ist relativ frisch. Und deswegen wollte ich euch heute einen kleinen Überblick geben und euch mal mit auf die Reise nehmen durch diese Entwicklung der ganzen Blöcke. Nein, gehen wir zurück. Nein, ja, das. Mein Name ist Manja Neumann. Ich bin aus Düsseldorf und arbeite dort als WordPress-Filienter. Meistens erstelle ich Online-Shops. Und ich achte sehr, sehr, sehr gerne auf Barrierefreiheit und Responsivität. Ist bei Online-Shops extrem wichtig, wird aber leider total vernachlässigt. Verstehe ich immer nicht so ganz. Ich gehöre zum Meetup Düsseldorf. Und wenn ihr mal im Rheinland seid, kommt vorbei. Wir sind eine super lustige, freundliche, bunte Truppe. Haufen, wie auch immer. Wir sind typisch Rheinlandisch. So, was machen wir jetzt in knapp 15 Minuten? Ich sag euch, was braucht ihr? Was gibt's schon? Was gibt's noch nicht? Ja, fangen wir an. Was braucht ihr? Ja, es habt ihr wahrscheinlich euch schon vorgestellt. Das ist jetzt nicht so schwer. WordPress 6.3. Also relativ frisch. Das WordPress müsst ihr haben. Wo kommen wir aus mindestens 7.9? Und den Blog-Editor, weil ohne Blog-Editor keine Blöcke. Starten wir mit den Produkt-Critz. Produkt-Critz gibt's jetzt schon eine Weile. Die sind aus den Kinderschuhen mittlerweile raus. Die sind etabliert. Habt ihr wahrscheinlich alle schon mal verwendet. Die kann man sehr flexibel überall einsetzen. Meistens, so auf Startseiten sehe ich die oft. Oder eben auf Themen, spezifischen Landing-Pages. Ihr könnt damit Shopping-Welten generieren. Was ich ein bisschen vermisse, ist, dass das noch nicht sehr kreativ... Ich hab gar nichts gemacht. Dass das noch nicht sehr kreativ eingesetzt wird. Also warum nicht auch auf einer 404-Seite mal Produkte anzeigen lassen. Die Leute sind ja in den Online-Shops. Die erwarten Produkte. Die sind davon nicht überrascht. Oder hier zum Beispiel. Ich hab hier ein Beispiel. Das ist ein Jubilägeschäft in Düsseldorf. Verkauft extrem teure Ringe. Und wenn man seine Ringengröße wissen möchte, dann kann man das anhand dieser komplizierten Anleitung rausfinden. Oder man kauft das Produkt. Und der Blick drauf ist im Wagenkorb, ist fast schon gekauft. Macht mehr so was. Das ist wirklich schön, wichtig. Baut sie überall ein. Seit kreativ denkt ein bisschen out of the box. Nicht nur auf der Startseite und in diesen Shop-Seiten gehören Produkte hinein. Was mir an den Produktkritz nicht gefällt und was mir wirklich, wirklich fehlt, sind die Einstellungen für verschiedene Endgeräte. Ein Grit ist ja ein Raster. Also wird in verschiedenen Spalten ausgegeben. Eine bestimmte Anzahl kann man einstellen. Aber auf einer mobilen Seite ist ein Grit maximal 2 Spalten breit. Also mehr geht einfach nicht. Meistens eine, manchmal 2. Auf dem Desktop dagegen brauche ich mit einer Spalte nicht anfangen. Wenn man sich zu massiv das überfordert, dann brauche ich 3 bis 4 Spalten. Vielleicht auch mal 5. Kann man leider nicht einstellen, muss man immer per CSS nochmal ran. Das würde ich mir echt wünschen, als nächstes Feature, falls jemand Connections hat. Das wäre was, was mir wirklich am Herzen liegt. Ja, das war die Vergangenheit. Wir befinden uns jetzt in der Gegenwart. Ganz frisch gibt es nämlich Warenkorb und Kasselblöcke. Bisher habt ihr eine Seite gehabt, Warenkorb, Shortcode ist drin, Ruck und Mascard. Der Warenkorb wird ausgegeben, sieht immer gleich aus. Das hat sich jetzt geändert. Ihr sagt, ihr sollt öffnet die Seite, schmeißt den Shortcode raus, gebt den Warenkorb oder Kassenblock hinein. Das ist alles. Das ist so, so nice. Das ist ein minimaler Aufwand. Unter 1 Minute und ihr habt ein Block da drin. Und den könnt ihr richtig gut anpassen. Der Warenkorb. Den gibt es jetzt in 2 Zuständen. Also gefüllt, keine Produkte drin. Oder ungefüllt und gefüllt. Wenn ihr jetzt zum Beispiel einen ungefüllten Warenkorb habt, dann ist der erste Satz, immer der Standard Satz. Dein Warenkorb ist leider leer. Das ist jetzt vielleicht nicht für jede Zielgruppe richtig. Für eure passt das vielleicht nicht. Ihr müsst den Text ändern. Bisher sehr, sehr anstrengend. Immer in den Code rangehen. Jetzt, ihr geht einfach in den Text und ändert ihn. Fertig. Ihr könnt da Sachen hinzufügen. Ihr könnt die einzelnen Blöcke im Warenkorb verschieben, editieren, ändern, woanders hin. Ihr könnt sie löschen oder eben eine Erklärung hinzufügen. Das ist sehr, sehr schön gemacht. Das ist der gefüllte Warenkorb. Da sind natürlich mehr Sachen drin. Aber dasselbe Prinzip. Verschieben hinzufügen. Zum Beispiel eben auch unten dieses, das interessiert dich vielleicht, quasi der Standard, dass man diesen Text ändern muss. Das ist jetzt einfach hier möglich. Und ihr könnt natürlich mittlerweile auch schon ein paar Designsachen ändern. Ich denke, da kommen noch mehr Möglichkeiten hinzu in den nächsten Monaten. Der Kassenplock. Der gefällt mir besonders gut. Bisher war die Kasse ja jetzt nicht gerade das Vorzeige. Die Vorzeige Seite von WooCommerce. Das machen Konkurrenten durchaus besser. Eine Kasse ist ja für die Kundschaft, da darf man nicht nachdenken. Eine Kasse bedeutet, durch Sachen eingeben bezahlen. Nicht nachdenken, keine Fragen, möglichst viel Vertrauen haben. Ich fand, dass bei der WooCommerce-Kasse bisher nicht so gut gelöst. Jetzt im Block kann man die einzelnen Unterblöcke, also die Optionen, die Lieferadresse, Rechnungsadresse, man kann die nummerieren, man kann die sortieren, man kann Erklärtexte hinzufügen, man kann noch einzelne Sachen einfließen lassen. Das ist richtig schick geworden. Der ist schon wirklich toll. Probiert den mal aus. Jetzt befinden wir uns bereits zwischen Gegenwart und Zukunft. Ich weiß nicht, wer von euch benutzt den Full-Site-Editor für Online-Shop, also Live-Produkt? Oh, ist noch übersichtlich. Geht mir nämlich auch so. Also ich komme damit noch, bei Online-Shops echt noch schwierig durch. Kleine Projekte ja, aber Online-Shops habe ich echt noch Schwierigkeiten. Ich hoffe, das ändert sich bald. Aber es ist ja unsere Zukunft. Da kann man nämlich schon einiges mehr machen. Für alle, die jetzt noch nicht genau wissen, was Full-Site-Editing ist, es gibt eine neue Art von Seams. Das sind Block-Seams. Es gibt kein Customizer mehr, alles wird im Editor bearbeitet. Header, Futter, auch Seiten, die es sonst gar nicht im Backend gibt, die gar nicht angelegt sind. Dynamische Seiten wie Produkt Einzelseite oder Archive, die kann man in diesem Editor, der heißt deswegen Side-Editor, weil er die gesamte Seite betrachtet, die kann man da jetzt anpassen. In diesem Side-Editor in das Template führt zum Beispiel die Produkt Einzelseite, klickt da drauf, und dann öffnet sich, wie durch ein Wunder, diese Gruppe und alles besteht aus Blöcken. In jedem einzelnen Block könnt ihr verschieben, anpassen, verändern, löschen. Das ist so flexibel geworden, es ist ein Traum. Das ist vor allem gut für die Seiten, die es im Backend nicht gibt. Alle anderen könnte ja auch bisher so bearbeiten. Das ist quasi Gegenwart, Zukunft und jetzt bewegen wir uns Richtung Zukunft. Ja, es fehlen noch Blöcke. Manche Seiten sind irgendwie vergessen worden bisher. Mir fehlt mein Konto und die Bestellbestätigung. Mein Konto, ja, ich denke, das wird in den nächsten Monaten kommen. Aber gerade die Bestellbestätigung, da muss man wirklich sehr, sehr umständlich in die SendQP gehen, die ins Chals Team kopieren und dann was im Code ändern. Das ist für AnwenderInnen super, super schwer. Und auch wenn ich jetzt hier zum Beispiel im Full Set Editing, im SideEditor da die Bestellbestätigung öffne, dann kommt hier dieser Hinweis, Classic Template Place Holder, man kommt da nicht ran. Das finde ich super schade, weil gerade die Bestellbestätigung ist wichtig. Da haben Menschen gerade ein Produkt gekauft, die sind euphorisch, die freuen sich. Das muss man ja mitnehmen, Vorfreude generieren auf das Produkt, man muss da was machen. Also die Leute schon voller Erwartung auf ihr Produkt begeistern, das könnte man so gut mitblöcken, ist aber leider noch nicht. Ja, ich denke mal, also ich bin ja ein positiver Mensch. Die Welt ist WordPress, Blau, WooCommerce, Lila und ich hoffe, dass das jetzt auch in den nächsten Monaten noch dazukommt. Und dann haben wir ein komplettes WooCommerce Blog System. Was mich sehr freut. Ich würde gerne wissen, wie ihr das findet, aber da wir jetzt keine Möglichkeiten haben, zu Fragen zu stellen, das geht erst am Ende der Lightning Talks oder ihr findet mich hier am Samstag. Ich würde mich freuen mit euch über WooCommerce zu sprechen. Ja, das spreche ich mich einfach an.